【畢業(yè)學(xué)位論文】（Word原稿）基于Ajax技術(shù)的在線POS系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)-軟件工程

碩士學(xué)位論文 （專業(yè)學(xué)位） 基于 術(shù)的在線 統(tǒng)的 設(shè)計(jì)與實(shí)現(xiàn) 姓 名： 學(xué) 號(hào)： 所在院系： 軟件學(xué)院 職業(yè)類型：工程碩士 專業(yè)領(lǐng)域：軟件工程 指導(dǎo)教師： 副 指導(dǎo)教師 ： 二 一 三 年五月 A in 2013 基 于 A J A x 技 術(shù) 的 在 線P O 統(tǒng) 的 設(shè) 計(jì) 與 實(shí) 現(xiàn) 同 濟(jì) 大 學(xué) 學(xué)位論文版權(quán)使用授權(quán)書 本人完全了解同濟(jì)大學(xué)關(guān)于收集、保存、使用學(xué)位論文的規(guī)定，同意如下各項(xiàng)內(nèi)容：按照學(xué)校要求提交學(xué)位論文的印刷本和電子版本；學(xué)校有權(quán)保存學(xué)位論文的印刷本和電子版，并采用影印、縮印、掃描、數(shù)字化或其它手段保存論文；學(xué)校有權(quán)提供目錄檢索以及提供本學(xué)位論文全文或者部分的閱覽服務(wù)；學(xué)校有權(quán)按有關(guān)規(guī)定向國(guó)家有關(guān)部門或者機(jī)構(gòu)送交論文的復(fù)印件和電子版；在不以贏利為目的的前提下，學(xué)?？梢赃m當(dāng)復(fù)制論文的部分或全部?jī)?nèi)容用于學(xué)術(shù)活動(dòng)。 學(xué)位論文作者簽名： 年 月 日 同濟(jì)大學(xué)學(xué)位論文原創(chuàng)性聲明 本人鄭重聲明：所呈交的學(xué)位論文，是本人在導(dǎo)師指導(dǎo)下，進(jìn)行研究工作所取得的成果。除文中已經(jīng)注明引用的內(nèi)容外，本學(xué)位論文的研究成果不包含任何他人創(chuàng)作的、已公開發(fā)表或者沒有公開發(fā)表的作品的內(nèi)容。對(duì)本論文所涉及的研究工作做出貢獻(xiàn)的其他個(gè)人和集體，均已在文中以明確方式標(biāo)明。本學(xué)位論文原創(chuàng)性聲明的法律責(zé)任由本人承擔(dān)。 學(xué)位論文作者 簽名： 年 月 日同濟(jì)大學(xué) 碩士學(xué)位論文 摘要 摘要 隨著互聯(lián)網(wǎng)的高速發(fā)展， 統(tǒng)的 本文分析了傳統(tǒng) 指出了傳統(tǒng)的 同時(shí)也介紹了一種新的 用程序開發(fā)技術(shù) 指出了目前 技術(shù)的工作原理及其優(yōu)勢(shì)，闡明了 研究分析 出解決方案，進(jìn)行技術(shù)彌補(bǔ)，從而極大的提升用戶體驗(yàn)和 新時(shí)代的 本 文 也分析了目前我國(guó) 出了目前 設(shè)計(jì)并開發(fā)了 一個(gè)在線 統(tǒng)的 實(shí)際案例 基于 術(shù)的 “ 在線 統(tǒng) ” ， 整 個(gè)系統(tǒng)使用 發(fā)，用 為后臺(tái)數(shù)據(jù)庫，并且和 術(shù)完美結(jié)合， 大大提高了系 統(tǒng)性能 ,為其它類似系統(tǒng)的開發(fā)做了 很好的嘗試性工作 。 關(guān)鍵詞 ： 在線 線程 to eb to of of eb in is by by in A eb is on is to up A is up eb of OS in is in on of OS OS is as HP is is of 濟(jì)大學(xué) 碩士學(xué)位論文 目錄 I 目錄 第 1章 引言 . 1 研究的背景和意義 . 1 國(guó)內(nèi)外研究現(xiàn)狀 . 1 本文的研究?jī)?nèi)容 . 2 論文的組織結(jié)構(gòu) . 3 第 2章 . 4 傳統(tǒng) . 4 靜態(tài)的 . 4 動(dòng)態(tài)技術(shù) . 4 傳統(tǒng) 用模式 . 5 . 6 . 7 . 8 文檔對(duì)象模型 . 8 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 . 10 創(chuàng)建對(duì)象并發(fā)出 求 . 11 處理服務(wù)器的響應(yīng) . 12 . 錯(cuò)誤 !未定義書簽。 . 10 傳統(tǒng) 術(shù)和 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 列產(chǎn)品 . 錯(cuò)誤 !未定義書簽。 鉆石搜索 . 錯(cuò)誤 !未定義書簽。 網(wǎng)易郵箱使用 . 錯(cuò)誤 !未定義書簽。 搜狗云輸入法 . 錯(cuò)誤 !未定義書簽。 第 3章 系統(tǒng)需求分析 . 15 . 15 . 15 . 15 系統(tǒng)頂層用例 . 16 系統(tǒng)角色用例分析 . 17 第 4章 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) . 23 系統(tǒng)總體設(shè)計(jì) . 24 系統(tǒng)概要設(shè)計(jì) . 24 同濟(jì)大學(xué) 碩士學(xué)位論文 基于 術(shù)的在線 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 系統(tǒng)功能設(shè)計(jì) . 25 系統(tǒng)詳細(xì)設(shè)計(jì) . 25 收銀銷售系統(tǒng)設(shè)計(jì) . 25 系統(tǒng)類設(shè)計(jì) . 26 數(shù)據(jù)庫設(shè)計(jì) . 29 數(shù)據(jù)庫設(shè) 計(jì)方法 . 29 基本數(shù)據(jù)表文件 . 31 別特殊數(shù)據(jù)表文件 . 33 系統(tǒng)實(shí)現(xiàn) . 34 . 34 . 36 條碼檢索實(shí)現(xiàn) . 39 小票打印實(shí)現(xiàn) . 41 第 5章 系統(tǒng)測(cè)試 . 43 系統(tǒng)測(cè)試 . 43 測(cè)試過程 . 43 測(cè)試用例 . 43 第 6章 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 局部數(shù)據(jù)刷新帶來的問題 . 錯(cuò)誤 !未定義書簽。 瀏覽器兼容性問題 . 錯(cuò)誤 !未定義書簽。 前進(jìn)后退按鈕的帶來的問題 . 錯(cuò)誤 !未定義書簽。 收藏夾問題 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 . 錯(cuò)誤 !未定義書簽。 術(shù) . 錯(cuò)誤 !未定義書簽。 第 7章 結(jié)論與展望 . 45 工作總結(jié) . 45 存在的不足和展望 . 45 致謝 . 46 參考文獻(xiàn) . 47 個(gè)人簡(jiǎn)歷、在讀期間發(fā)表的學(xué)術(shù)論文與研究成 果 . 48 第 1 章 引言 1 第 1 章 引 言 研究的背景和意義 本課題來源于生活中小型超市和商店的商品銷售管理需要，在小型超市或者商店中，由于商品種類多，相應(yīng)的銷售價(jià)格也十分繁多，不容易記憶，人工計(jì)算和管理工作量非常大，與此同時(shí)，許多相應(yīng)的 統(tǒng)也應(yīng)運(yùn)而生，使用這些系統(tǒng)進(jìn)行銷售管理，可以有效的降低工作量，提高工作效率。 統(tǒng)即銷售時(shí)點(diǎn)信息系統(tǒng)，是指通過自動(dòng)讀取設(shè)備（如收銀機(jī)）在銷售商品時(shí)直接讀取商品銷售信息（如商品名、單價(jià)、銷售數(shù)量、銷售時(shí)間、銷售店鋪、購(gòu)買顧客等），并通過通訊網(wǎng)絡(luò)和計(jì)算機(jī)系統(tǒng)傳送至有關(guān)部門進(jìn)行分析加工以提高經(jīng)營(yíng)效 率的系統(tǒng)。 統(tǒng)最早應(yīng)用于零售業(yè)，以后逐漸擴(kuò)展至其他如金融、旅館等服務(wù)行業(yè)，利用 統(tǒng)的范圍也從企業(yè)內(nèi)部擴(kuò)展到整個(gè)供應(yīng)鏈。 當(dāng)前的 統(tǒng)主要以單機(jī)和 C/S 模式為主，這樣的 統(tǒng)需要再每臺(tái)終端安裝 件，需要根據(jù)不同的計(jì)算機(jī)配置和顯示器進(jìn)行軟件修改，或者使用專用的 或顯示器，其部署繁瑣，難度大，成本高。如果系統(tǒng)需要升級(jí)，則每個(gè)客戶端都需要進(jìn)行升級(jí)更新，這也是單機(jī)和 C/S 模式的結(jié)構(gòu)特點(diǎn)。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，以及網(wǎng)絡(luò)應(yīng)用的普及，采用 B/S 模式實(shí)現(xiàn) 統(tǒng)也已經(jīng)成為可能，相對(duì)于 C/S 模式 ， B/S 模式擁有客戶端可以不用部署，升級(jí)維護(hù)方便，數(shù)據(jù)安全，成本低等明顯優(yōu)勢(shì)。 鑒于在當(dāng)前的網(wǎng)絡(luò)技術(shù)和軟件開發(fā)技術(shù)的基礎(chǔ)之上，在線 統(tǒng)的開發(fā)與實(shí)現(xiàn)已經(jīng)成為可能，同時(shí)采用 術(shù)來實(shí)現(xiàn)，則可以有效地提高系統(tǒng)響應(yīng)速度，使得在線 統(tǒng)不僅擁有傳統(tǒng) 統(tǒng)的功能，同時(shí)擁有使用簡(jiǎn)單方便，不用部署，升級(jí)維護(hù)方便，數(shù)據(jù)安全性高，使用成本低等優(yōu)勢(shì)。因此基于術(shù)的在線 統(tǒng)的設(shè)計(jì)與應(yīng)用研究具有一定的理論價(jià)值和使用價(jià)值。 國(guó)內(nèi)外研究現(xiàn)狀 過去零售業(yè)常規(guī)收銀機(jī)只能處理簡(jiǎn)單收銀，發(fā)票，結(jié)帳等簡(jiǎn) 單銷售作業(yè)，得到之管理情報(bào)極為有限，僅止于銷售總金額，部門銷售基本統(tǒng)計(jì)資料。對(duì)于一般零售賣場(chǎng)少則上千多則上萬種商品之基本經(jīng)營(yíng)情報(bào)：如營(yíng)業(yè)毛利分析，單品銷售資料，暢滯銷商品，商品庫存，回轉(zhuǎn)率卻無法獲得。 統(tǒng)透過計(jì)算機(jī)收銀機(jī)同濟(jì)大學(xué) 碩士學(xué)位論文 基于 術(shù)的在線 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 2 聯(lián)機(jī)架構(gòu)，讀入商品上的條碼（或由鍵盤直接輸入代號(hào)）馬上可以顯示商品信息（單價(jià)，部門，折扣等）加速收銀速度與正確性。每筆商品銷售明細(xì)資料（售價(jià)，部門，時(shí)段，客層）自動(dòng)記錄下來，再由聯(lián)機(jī)架構(gòu)傳回計(jì)算機(jī)。經(jīng)由計(jì)算機(jī)計(jì)算處理即能生成各種銷售統(tǒng)計(jì)分析信息當(dāng)為經(jīng)營(yíng)管理依據(jù)。 統(tǒng)除能提供精確銷 售情報(bào)外，透過銷售記錄能掌握賣場(chǎng)上所有單品庫存量供采購(gòu)部門參考或與統(tǒng)連結(jié)， 統(tǒng)已經(jīng)成為現(xiàn)代零售管理必備的工具。 統(tǒng)主要有集成的 統(tǒng)和軟件 統(tǒng)，集成的 統(tǒng)如收款機(jī) 統(tǒng)， 一種多功能終端，把它安裝在信用卡的特約商戶和受理網(wǎng)點(diǎn)中與計(jì)算機(jī)聯(lián)成網(wǎng)絡(luò)，就能實(shí)現(xiàn)電子資金自動(dòng)轉(zhuǎn)帳，它具有支持消費(fèi)、預(yù)授權(quán)、余額查詢和轉(zhuǎn)帳等功能，使用起來安全、快捷、可靠。軟件 統(tǒng)如市場(chǎng)上的各種 件，宏嘉超市 統(tǒng) 威 3000業(yè) 統(tǒng)等。 目前國(guó)內(nèi)以二代 的 子收款機(jī)、 主，國(guó)外的發(fā)展較快，統(tǒng)已經(jīng)不僅被作為現(xiàn)今結(jié)帳工具，而是要把它形成綜合性的工具，例如：惠普的 統(tǒng) 5800，在惠普內(nèi)部叫做第三代 統(tǒng)，已經(jīng)包括把人力資源管理，包括把進(jìn)銷存分析管理，包括員工考核管理整個(gè)系統(tǒng)集成到 統(tǒng)和前端解決方案中去，這樣就能為客戶提高它真正的設(shè)備使用率，真正能幫助客戶提升業(yè)務(wù)，讓他們更多關(guān)注在業(yè)務(wù)上。 本文的研究?jī)?nèi)容 論文在介紹傳統(tǒng) 用模式和 術(shù)的工作原理的基礎(chǔ)上，分析研究了傳統(tǒng) 用模式的優(yōu)缺點(diǎn)和存 在的弊端，闡明了 術(shù)異步交互的特點(diǎn) ,根據(jù) 術(shù)的特點(diǎn)和目前國(guó)內(nèi)外 統(tǒng)發(fā)展的現(xiàn)狀以及前景，闡明 統(tǒng)中的重要作用，同時(shí)研究分析 術(shù)自身的應(yīng)用缺陷 ,提出解決方案 ,進(jìn)行技術(shù)彌補(bǔ)。并利用 術(shù)開發(fā)了“在線 統(tǒng)”以說明 論文大致從以下內(nèi)容進(jìn)行論述： 第 1 章： 引言 。介紹課題的來源、目的和意義，國(guó)內(nèi)外研究現(xiàn)狀以及論文研究的主要內(nèi)容。 第 2 章：傳統(tǒng) 用模式與 應(yīng)用革新 。主要介紹了傳統(tǒng) 用模式的工作原理以及 相關(guān)概念。 第 3 章： 術(shù)分析 。主要介紹了 術(shù)的工作原理和技術(shù)優(yōu)勢(shì)，分析了 關(guān)技術(shù)（主要包括 本、 其在 章 引言 3 中的應(yīng)用。 第 4 章：基于 術(shù)的“在線 統(tǒng)”的實(shí)現(xiàn)。本章通過“在線 開發(fā)實(shí)現(xiàn)，介紹了 術(shù)在實(shí)際案例中的具體應(yīng)用。 第 5 章： 術(shù)缺陷及解決方案?？偨Y(jié)了當(dāng)前 術(shù)的優(yōu)勢(shì)以及存在的問題，并對(duì) 前景進(jìn)行了展望 。 術(shù)可以使 用進(jìn)行異步的交互 ,從而極大的提升用戶體驗(yàn)和 為新時(shí)代 的 用系統(tǒng)開辟了一個(gè)新的發(fā)展方向。本文通過對(duì) 提出了解決傳統(tǒng) 用模式中糟糕的用戶體驗(yàn)問題，并且能夠在一定程度上解決大量數(shù)據(jù)與服務(wù)器頻繁交互給服務(wù)器帶來的壓力問題 ,能為大量數(shù)據(jù)的應(yīng)用環(huán)境系統(tǒng)開發(fā)時(shí) ,提供一種解決方案。本論文設(shè)計(jì)并開發(fā)了實(shí)際案例 在線 統(tǒng) ,整個(gè)系統(tǒng)和 術(shù)完美結(jié)合 ,大大提高了系統(tǒng)性能 ,為其它類似系統(tǒng)的開發(fā)做了很好的嘗試性工作，同時(shí)也對(duì)提高“ 在線 統(tǒng) ”的效率給出了合理性的建議，提供了一定的實(shí)踐經(jīng)驗(yàn)與理論支持。 論文的組織結(jié)構(gòu) 本文的章 節(jié)做如下安排： 第 1 章： 引言 。介紹課題的來源、目的和意義，國(guó)內(nèi)外研究現(xiàn)狀以及論文研究的主要內(nèi)容。 第 2 章：傳統(tǒng) 用模式與 應(yīng)用革新 。主要介紹了傳統(tǒng) 用模式的工作原理以及 相關(guān)概念。 第 3 章： 術(shù)分析 。主要介紹了 術(shù)的工作原理和技術(shù)優(yōu)勢(shì)，分析了 關(guān)技術(shù)（主要包括 本、 其在 第 4 章：基于 術(shù)的“在線 統(tǒng)”的實(shí)現(xiàn)。本章通過“在線 開發(fā)實(shí)現(xiàn)，介紹了 術(shù)在實(shí)際案例中的具體應(yīng)用。 第 5 章： 術(shù)缺陷及解決方案?？偨Y(jié)了當(dāng)前 術(shù)的優(yōu)勢(shì)以及存在的問題，并對(duì) 前景進(jìn)行了展望 第 6 章：結(jié)論與展望，提出了系統(tǒng)的特點(diǎn)、不足和展望。 同濟(jì)大學(xué) 碩士學(xué)位論文 基于 術(shù)的在線 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 4 第 2 章 用模式與 術(shù)基礎(chǔ) 傳統(tǒng) 介 靜態(tài)的 姆伯納斯一李（ 上世紀(jì) 90年代初提出了 維網(wǎng)）的概念，這個(gè)概念在當(dāng)時(shí)其實(shí)非常簡(jiǎn)單，就是使用超文本和統(tǒng)一資源定位符（ 創(chuàng)建一個(gè)交流和共享資源的平臺(tái)，但這個(gè)平臺(tái)并不是具有交互性很強(qiáng) 的網(wǎng)絡(luò)應(yīng)用系統(tǒng)，它僅僅是給人們提供共享文字、圖表信息的一個(gè)網(wǎng)絡(luò)，這個(gè)網(wǎng)絡(luò)都是由靜態(tài)頁面組成的，這就是最早的 個(gè) 核心其實(shí)就是 超文本標(biāo)記語言，所有的 態(tài)頁面都由這個(gè)語言來生成。 13 在靜態(tài)的 面，用戶通過 務(wù)器通過 種方式實(shí)際上是沒用多少交互性的，就是單純的請(qǐng)求和響應(yīng)，用戶通過網(wǎng)絡(luò)發(fā)布或得到某些信息。隨著 于 要求 14，同時(shí)用戶的需求也越來越高，很多用戶希望能夠得到一些動(dòng)態(tài)性的需求，于是 動(dòng)態(tài)技術(shù) 1） 公共網(wǎng)關(guān)接口（ 最早能夠讓 得具有動(dòng)態(tài)效果， 實(shí)就是通過編寫腳本創(chuàng)建一些程序，當(dāng)用戶發(fā)出請(qǐng)求時(shí)就會(huì)執(zhí)行這個(gè)程序。其實(shí)編寫 本的語言有多種，例如 就使得 為掌握不同程序設(shè)計(jì)語言 的人都可以編寫腳本。但是，采用 為采用 管大多數(shù)情況下不會(huì)出現(xiàn)這個(gè)問題，但是一些有惡意企圖的人很可能會(huì)利用這一點(diǎn)讓你的系統(tǒng)出現(xiàn)問題 13。 2） 995年 5月， 已經(jīng)有成千上萬的人下載。由于 持第 2章 5 態(tài) 為 要用戶使用支持 瀏覽器，就可以在瀏覽器的 擬機(jī)（ 運(yùn)行 樣就可以實(shí)現(xiàn)圖形繪制、字體和顏色控制、動(dòng)畫和聲音的插入等功能，增強(qiáng)了人機(jī)交互及網(wǎng)絡(luò)交流的功能。 它不能讀寫文件系統(tǒng)，也不能加載本地庫，而且可能無法啟動(dòng)客戶端上的程序。 3） 腳本語言 1995年， 布了一種名為 腳本語言（發(fā)布之前曾經(jīng)叫做 雖然這種腳本語言剛剛推出時(shí)因?yàn)槿狈﹂_發(fā)工具以及缺少有用的錯(cuò)誤提示和調(diào)試工具，很多人對(duì)這種語言持有懷疑態(tài)度，但是 此同時(shí)，微軟也推出了與 兩種腳本語言的出現(xiàn)可以說是 傳統(tǒng) 用模式 傳統(tǒng)的 型 工 作方式是用戶在瀏覽器頁面發(fā)送一個(gè) 求到 務(wù)器。服務(wù)器獲取數(shù)據(jù)、處理數(shù)字、與現(xiàn)有的應(yīng)用系統(tǒng)交互溝通 ，最后將頁面需求的數(shù)據(jù)返回到客戶端瀏覽器 17。 不管是靜態(tài) 面還是動(dòng)態(tài)的 傳統(tǒng)的 是建立在B/ 覽器 /服務(wù)器）模式，通常又稱為 B/是隨著網(wǎng)絡(luò)技術(shù)不斷完善與發(fā)展，對(duì) C/S 模式（服務(wù)器 /客戶端）應(yīng)用的擴(kuò)展。 1） 模式工作過程 在這種結(jié)構(gòu)下， 用戶界面完全通過 網(wǎng)絡(luò) 瀏覽器實(shí)現(xiàn) ，其優(yōu)點(diǎn)是運(yùn)行維護(hù)比較簡(jiǎn)便，不同的人員都可以通過局域網(wǎng)或者是互聯(lián)網(wǎng)訪問和操作共同的數(shù)據(jù)。典型的 B/ 圖 2統(tǒng) B/在 B/S 模式中，客戶端瀏覽器 通過 議 以超文本形式向 務(wù)器提戶瀏覽器 務(wù)器 數(shù)據(jù)庫服務(wù)器 同濟(jì)大學(xué) 碩士學(xué)位論文 基于 術(shù)的在線 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 6 出 數(shù)據(jù)訪問 的要求， 直接把請(qǐng)求交給 數(shù)據(jù)庫服務(wù)器 進(jìn)行處理 ，數(shù)據(jù)庫服務(wù)器 在 驗(yàn)證 請(qǐng)求的 合法性 后 進(jìn)行數(shù)據(jù)處理，然后將處理的結(jié)果返回給 務(wù)器， 務(wù)器將 結(jié)果 轉(zhuǎn)化成 檔形式， 傳送 給客戶端瀏覽器 ，最終以 2） 傳統(tǒng) 傳統(tǒng)的 客戶端向服務(wù)器端發(fā)送請(qǐng)求之后，服務(wù) 器端進(jìn)行相關(guān)的處理，而在服務(wù)器進(jìn)行處理的過程當(dāng)中，客戶端就只能處于等待狀態(tài)，只有等到最終的響應(yīng)結(jié)果傳輸?shù)綖g覽器客戶端時(shí)，整個(gè)頁面才會(huì)重新進(jìn)行刷新，以顯示處理的結(jié)果。這種處理方式讓用戶的體驗(yàn)變得不連貫、不順暢。 這是因?yàn)閭鹘y(tǒng)的 18，一是每次刷新都要重新獲取數(shù)據(jù)，不管重新獲取的數(shù)據(jù)是否是用戶需要的，這樣增加了服務(wù)器的負(fù)擔(dān)。二是不斷刷新會(huì)造成屏幕的閃爍。 這種模式如圖 2 圖 2統(tǒng) 用模式 用戶向 務(wù)器提交一個(gè)處理請(qǐng)求時(shí)，服務(wù)器端接收到請(qǐng)求后，按照預(yù)先編寫 好的程序中的業(yè)務(wù)邏輯進(jìn)行處理，比如和數(shù)據(jù)庫服務(wù)器進(jìn)行數(shù)據(jù)信息交換。最后，服務(wù)器對(duì)請(qǐng)求進(jìn)行響應(yīng)，將結(jié)果返回給客戶端，返回一個(gè) 瀏覽器中顯示，通常會(huì)有 是在客戶端的響應(yīng)時(shí)間依賴于服務(wù)器的響應(yīng)時(shí)間，這種交換方式會(huì)浪費(fèi)大量的帶寬，會(huì)導(dǎo)致用戶界面響應(yīng)比本地應(yīng)用慢得多。 術(shù)基礎(chǔ) 是 把 幾種 原有的技術(shù)有機(jī) 結(jié)合 起來 。 章 7 在 中相關(guān)技術(shù)，包括 其核心技術(shù) 是 種面向?qū)ο蟮目蛻舳四_本編寫語言， 可以和 言標(biāo)記混用 ， 該語言編寫的腳本程序可以直接在瀏覽器中解釋執(zhí)行。因?yàn)?言在互動(dòng)性上表現(xiàn)比較弱，而 強(qiáng)了瀏覽器和用戶之間的互動(dòng)性，并且能夠 創(chuàng)建一些動(dòng)態(tài) 效果，因此，它可以用來開發(fā)交互式的 動(dòng)態(tài) 面，同時(shí)，功能強(qiáng)大的 象有機(jī)結(jié)合起來，所以 經(jīng)成為 用程序開發(fā)的首選腳本語言 27。 核心技術(shù) ，在 ，它 負(fù)責(zé)所有算法運(yùn)行事件處理和數(shù)據(jù)請(qǐng)求分發(fā)，大部分應(yīng)用領(lǐng)域邏輯和控制編碼也存在于 16，因此， 夠作為編寫 其他各項(xiàng)技術(shù)有機(jī)結(jié)合起來，把各種功能強(qiáng)大的 必須內(nèi)嵌在 們可以使用兩種方式把 碼內(nèi)嵌在 種是直接寫在 間，例如： ); 。 通常，我們會(huì)把 標(biāo)簽放在 和 標(biāo)簽之間，但這并不是際上 標(biāo)簽可以放置到 和 之間的任何位置，當(dāng)瀏覽器解釋到 區(qū)域時(shí)會(huì)自動(dòng)執(zhí)行該代碼。 另外一種方法是把 常以 ，當(dāng) 同濟(jì)大學(xué) 碩士學(xué)位論文 基于 術(shù)的在線 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 8 這樣，我們常常會(huì)把 便在不同的 象 象是 件的對(duì)象，通過這個(gè)對(duì)象可以 使用異步傳輸方式將數(shù)據(jù)傳遞給服務(wù)器，并從服務(wù)器中獲得返回的結(jié)果，從而 體現(xiàn)出 不用刷新頁面就可以和服務(wù)器交換數(shù)據(jù)，這樣既減輕了服務(wù)器的負(fù)擔(dān)，又縮短了用戶等待的時(shí)間 ，同時(shí)還能夠提高響應(yīng)速度，減輕帶寬壓力 。因此，這個(gè)對(duì)象是 是 該對(duì)象是瀏覽器已經(jīng)定義好的對(duì)象， 過它和服務(wù)器之間進(jìn)行通信，并借助它來完成對(duì)服務(wù)器傳回的 件的解析。 目前，大部分主流瀏覽器 均支持 象， 從 覽器 本開始，開發(fā)人員可以在面內(nèi)部使用 件擴(kuò)展自身功能，而 以上版本瀏覽器和 以上版本瀏覽器則創(chuàng)建了自己的繼承 理類，即 。 以下是 容的瀏覽器： 以上版本 以上版本 以上版本 以上版本 以上版本 文檔對(duì)象模型 是文檔對(duì)象模型的簡(jiǎn)稱，它 定義和提供了一組可以通過 問的 用來表示文檔和訪問、操作構(gòu)成文檔的元素，我們可以利用它來操作 元素，這些被操作的元素能夠組成應(yīng)用的可視化界面 16， 因此在 ， 發(fā)揮著重要作用，在不刷新的情況下負(fù)責(zé)對(duì)已經(jīng)載入的頁面進(jìn)行動(dòng)態(tài)更新，從而實(shí)現(xiàn)數(shù)據(jù)的動(dòng)態(tài)顯示和交互。 以分為 個(gè)版本，目前最新的版本是 中的 要有 4個(gè)方面 16： 核心規(guī)范（ 定義了 對(duì)具有層次關(guān)系節(jié)點(diǎn)的集合（例如 第 2章 9 行操作的接口 ； ：定義了針對(duì) 具體 標(biāo)準(zhǔn)對(duì)象集合； 樣式規(guī)范（ ： 定義了如何處理元素樣式和文檔樣式表； 事件規(guī)范（ 規(guī)定了如何向 點(diǎn)附加事件處理函數(shù)或者從節(jié)點(diǎn) 移除事件處理函數(shù) 。 OM 如 命名節(jié)點(diǎn)、將節(jié)點(diǎn)從一個(gè)文檔移動(dòng)到另一個(gè)文檔、比較節(jié)點(diǎn)、處理文本、使用數(shù)據(jù)等 27。 檔的層次結(jié)構(gòu)看成是樹形結(jié)構(gòu)， 本中的標(biāo)簽和標(biāo)簽內(nèi)容都可以看成是樹的節(jié)點(diǎn)，如 內(nèi)容如下： 這是測(cè)試頁面 你好，這是測(cè)試頁面 ! 這 是文本框 這是按鈕 同濟(jì)大學(xué) 碩士學(xué)位論文 基于 術(shù)的在線 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 10 圖 3上圖每個(gè)方框里其實(shí)就是 的一個(gè)節(jié)點(diǎn)，每一個(gè)節(jié)點(diǎn)都是可以被訪問的，比如上圖的 (點(diǎn)可以這樣訪問： 訪問節(jié)點(diǎn) ; 核心工作機(jī)制 式來進(jìn)行工作， 其工作的主要 流程 如下： 1） 對(duì)象初始化 并發(fā)送 求； 2） 服務(wù)器接收請(qǐng)求并進(jìn)行處理 ，并將響應(yīng)數(shù)據(jù)返回給客戶端，客戶端依據(jù)響應(yīng)的數(shù)據(jù)進(jìn)行下一步處理。 工作原理 從 戶可以使用 這種模式并不像傳統(tǒng)的 戶在這種異步交互的模式下，可以按需同服務(wù)器交換數(shù)據(jù)，這實(shí)際上就如同在用戶和服務(wù)器之間引入了一個(gè)中間層 該引擎正是使用 樣實(shí)際上就使用戶操作和服務(wù)器的響應(yīng)異步化，只是把數(shù)據(jù)驗(yàn)證和部分?jǐn)?shù)據(jù)處理的工作交給 擎去處理，因此，在這種模式下，只有需要從服務(wù)器提取新數(shù)據(jù)時(shí)才由 把大部分的工作交給客戶端去做。 第 2章 11 圖 3作原理 創(chuàng)建 對(duì)象并發(fā)出 求 能通過 象向服務(wù)器發(fā)送 求 ，因此必須 先將 象 進(jìn)行初始化 。 初始化 象 的方法如下 ： If( /覽器 ; / ; 從上述代碼我們可以看出，創(chuàng)建一個(gè) 象還是比較容易的，首先我們定義一個(gè)全局變量 保存對(duì)這個(gè)對(duì)象的引用。而函數(shù)則通過對(duì)用戶瀏覽器的判斷來確定如何創(chuàng)建對(duì)象，如果同濟(jì)大學(xué) 碩士學(xué)位論文 基于 術(shù)的在線 統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 12 判斷出瀏覽器為 覽器，則通過創(chuàng)建一個(gè) 新實(shí)例來創(chuàng)建象，否則，如果存在 么就直接創(chuàng)建 成功創(chuàng)建一個(gè) 要向服務(wù)器發(fā)送一系列請(qǐng)求，請(qǐng)求的方法有兩種，一種是 法，一種是們以 出一個(gè)簡(jiǎn)單的發(fā)送請(qǐng)求函數(shù)。 /創(chuàng)建 象實(shí)例 ; /用 且一定要采用異步方式 ,” , /聲明回調(diào)函數(shù) ( 上述代碼中，首先調(diào)用了 函數(shù)創(chuàng)建了一個(gè)對(duì)象后使用 個(gè)函數(shù)有兩個(gè)必要參數(shù)和三個(gè)可選參數(shù)。 數(shù)原型為： 其中 指定用來發(fā)送 求的方法，主要是 必選參數(shù)， 數(shù)是指定象把請(qǐng)求發(fā)送給服務(wù)器相應(yīng)的 可選參數(shù)， 來指定該請(qǐng)求是否是異步的，為必選參數(shù)，默認(rèn)值是 可選參數(shù)。 用 函數(shù)建立連接后，可以使用 后，使用 函數(shù)向服務(wù)器端發(fā)出請(qǐng)求。 處理服務(wù)器的響應(yīng) 在上一步的操作中，我們使用了 象的性，定義了響應(yīng)服務(wù)器數(shù)據(jù)的函數(shù) 根據(jù)需求，可以使用 態(tài)地更新頁面，也可以進(jìn)行其他的一些操作。響應(yīng)過程如下： if(4) 第 2章 13 if(200) 這是 ” + 服務(wù)器未響應(yīng)！ ” ); 在上述代碼中，首先要對(duì)當(dāng)前的狀態(tài)進(jìn)行判斷，如果狀態(tài)被加載，屬性值為 4，說明此時(shí)服務(wù)器的 響應(yīng)已經(jīng)被頁面接收，并且使用彈出信息顯示返回的數(shù)據(jù)，其中 示服務(wù)器端返回的文本字符串。 表 3 表 3常用屬性 性說明 0 表示目前已經(jīng)創(chuàng)建一個(gè) 還沒有初始化 1 表示目前正處于準(zhǔn)備發(fā)送狀態(tài)，即此時(shí)代碼已經(jīng)調(diào)用了 象 函數(shù)， 象已 經(jīng)準(zhǔn)備把一個(gè)請(qǐng)