web開發(fā)應(yīng)用技術(shù)論文范文
隨著互聯(lián)網(wǎng)技術(shù)與應(yīng)用的快速發(fā)展，Web的開發(fā)技術(shù)成為了大家關(guān)注的焦點。這是學(xué)習(xí)啦小篇為大家整理的web開發(fā)技術(shù)論文，供大家參考!
web開發(fā)技術(shù)論文篇一：《WEB開發(fā)基本技術(shù)實驗項目設(shè)計》
摘 要：在眾多企業(yè)開展電子商務(wù)的背景下，在管理信息系統(tǒng)網(wǎng)絡(luò)化發(fā)展的趨勢下，對經(jīng)管專業(yè)學(xué)生來說了解并掌握web開發(fā)的基本技術(shù)知識是十分必要的，為此本文以黃梯云編著的《管理信息系統(tǒng)(第四版)》第四章web開發(fā)的基本技術(shù)為背景對web開發(fā)所涉及的相關(guān)技術(shù)進(jìn)行了實驗環(huán)節(jié)的設(shè)計。主要包括實驗準(zhǔn)備、實驗素材、實驗步驟等環(huán)節(jié)的具體設(shè)計和介紹。以此來提高學(xué)生對電子商務(wù)網(wǎng)站的相關(guān)技術(shù)的深刻理解，提高信息管理水平。
關(guān)鍵詞：黃梯云; 管理信息系統(tǒng); WEB開發(fā)基本技術(shù); 實驗教學(xué); 項目設(shè)計
一、我院經(jīng)管類專業(yè)開設(shè)web開發(fā)技術(shù)項目實驗的意義
《管理信息系統(tǒng)》是我院經(jīng)管類專業(yè)的一門核心課程，目前在實驗環(huán)節(jié)除了開設(shè)應(yīng)用操作性實驗(比如賬務(wù)處理系統(tǒng)、庫存管理系統(tǒng)、酒店管理系統(tǒng)、工資管理系統(tǒng)等企業(yè)信息化管理中常用的管理軟件)還開設(shè)了設(shè)計開發(fā)性實驗(比如借助EXCEL2007開發(fā)設(shè)計渠道商管理系統(tǒng)、借助ACCESS+VB技術(shù)開發(fā)設(shè)計運(yùn)動會成績管理子系統(tǒng)、班級事務(wù)管理系統(tǒng)等小型單機(jī)版管理系統(tǒng)。)但是網(wǎng)絡(luò)版管理系統(tǒng)比如在線拍賣系統(tǒng)、在線圖書查詢系統(tǒng)、在線機(jī)票預(yù)訂系統(tǒng)等的開發(fā)設(shè)計實驗由于經(jīng)管類專業(yè)學(xué)生關(guān)于web開發(fā)的基本技術(shù)掌握薄弱，取消了該實驗環(huán)節(jié)。
但是由于近年來互聯(lián)網(wǎng)技術(shù)的發(fā)展，很多企業(yè)借助互聯(lián)網(wǎng)大力開展電子商務(wù)，借助互聯(lián)網(wǎng)提升企業(yè)管理信息化、智能化、網(wǎng)絡(luò)化。因此理解并掌握web開發(fā)的基本技術(shù)對經(jīng)管專業(yè)的學(xué)生來說至關(guān)重要。但是鑒于B/S模式的大型系統(tǒng)的結(jié)構(gòu)化開發(fā)方法，由于其復(fù)雜、繁瑣、所需技術(shù)基礎(chǔ)深厚，不適合用作為經(jīng)濟(jì)管理類專業(yè)的實驗內(nèi)容。
在眾多企業(yè)開展電子商務(wù)的背景下，在管理信息系統(tǒng)網(wǎng)絡(luò)化發(fā)展的趨勢下，對經(jīng)管專業(yè)學(xué)生來說了解并掌握web開發(fā)的基本技術(shù)知識是十分必要的，為提高教學(xué)效果，適應(yīng)當(dāng)今企業(yè)用人需求，筆者目前結(jié)合幾年的教學(xué)經(jīng)驗，從經(jīng)管類專業(yè)學(xué)生的特點及社會需求的角度出發(fā)，嘗試對該實驗環(huán)節(jié)的實驗教學(xué)內(nèi)容、教學(xué)方法等方面進(jìn)行了設(shè)計，該實驗內(nèi)容完全以目前我院經(jīng)管學(xué)部選用的黃梯云教授主編的管理信息系統(tǒng)第四版(高等教育出版社出版的教材)教材內(nèi)容為背景，因此對于其他教師在從事該環(huán)節(jié)的實驗教學(xué)時具有很高的可操作性、和借鑒意義。
二、web開發(fā)基本技術(shù)內(nèi)容教學(xué)現(xiàn)狀
我學(xué)部經(jīng)管專業(yè)本科雖然開設(shè)了SQL SERVER課程但是學(xué)習(xí)不夠深入，并且目前管理信息系統(tǒng)課程的教學(xué)安排是講授學(xué)時36，實驗學(xué)時18，因此未能深入具體講解，學(xué)生看了第四章的內(nèi)容更加覺得該課程太抽象、太難，望而生畏。該教材第84-85頁大致提供了如何安裝IIS服務(wù)，如何部署站點，如何運(yùn)行ASP文件，但是闡述的很抽象，簡潔。沒有web開發(fā)相關(guān)知識的人無法深入領(lǐng)會。并且教材中沒有具體操作步驟和實驗前的準(zhǔn)備，教師在教學(xué)時如果不考慮到學(xué)生技術(shù)薄弱的事實，估計學(xué)生根本看不懂書上所介紹的這些內(nèi)容，但是如果靠課堂講解，教師通過演示來操作，學(xué)生又會覺得一晃而過，沒有親身實踐，因此通過實驗環(huán)節(jié)由教師給出實驗前的準(zhǔn)備、實驗步驟、實驗素材(該教材雖然書后附有關(guān)盤，但是對該章節(jié)的web開發(fā)設(shè)計實驗卻未提供具體的操作步驟，對管理專業(yè)背景的教師在對該章節(jié)內(nèi)容教學(xué)時忽略不講，但是該教材第86-88頁書上給出了web數(shù)據(jù)庫的應(yīng)用實例，該實例包括2個asp文件，可作為本次實驗的素材)，學(xué)生自己動手部署站點、搭建服務(wù)器，了解 web開發(fā)的全過程及asp技術(shù)和web數(shù)據(jù)庫技術(shù)大有好處。才能更好的適應(yīng)企業(yè)需求。
三、針對經(jīng)管類專業(yè)的web開發(fā)基本技術(shù)實驗環(huán)節(jié)教學(xué)方案設(shè)計
(一)實驗準(zhǔn)備
以一個教學(xué)班40個學(xué)生為例，準(zhǔn)備具有40臺計算機(jī)互聯(lián)成局域網(wǎng)并設(shè)置了網(wǎng)上鄰居的實驗室環(huán)境，并且每臺計算機(jī)在工作組中有自己的代號，比如第一臺叫做stu001第二臺叫做stu002，依次類推 。計算機(jī)為XP操作系統(tǒng)，并安裝了Accees數(shù)據(jù)庫管理系統(tǒng)。最后準(zhǔn)備如下asp文件：也就是黃梯云編著的教材管理信息系統(tǒng)第四版第86-88頁兩個ASP文件的電子版。教師可提前手動輸入記事本，再保存為擴(kuò)展名為.asp的文件，分別是CX-SEND.ASP、CX-BACK.ASP。然后通過網(wǎng)上鄰居文件共享的形式分發(fā)給學(xué)生，或者讓學(xué)生自己手動輸入記事本自己保存為.asp文件后，把上述兩個文件都放在當(dāng)?shù)乇Pd盤名為web的文件夾下。作為實驗素材。另外教師可先演示ACCESS數(shù)據(jù)庫的基本操作后讓學(xué)生自己在本次實驗前在Access中創(chuàng)建cx-back.asp中提到的數(shù)據(jù)庫文件tsxt.dbf，庫結(jié)構(gòu)如表1所示，數(shù)據(jù)庫文件tsxt.dbf庫內(nèi)容如表2所示。
(二)實驗內(nèi)容及步驟
1)安裝IIS，這個比較簡單同學(xué)們可參照教材第84頁倒數(shù)最后三行描述。
2)啟動Internet信息服務(wù)(IIS)，步驟如下：第一步已安裝過IIS，單擊windows開始菜單――所有程序――管理工具――Internet信息服務(wù)(IIS)，即可啟動“Internet信息服務(wù)”管理工具。
3)部署站點，啟動“Iternet信息服務(wù)后”，點擊“網(wǎng)站”，可以看到“默認(rèn)網(wǎng)站”。這說明，IIS安裝后，系統(tǒng)自動創(chuàng)建了一個默認(rèn)的虛擬的web站點。右擊“默認(rèn)網(wǎng)站”，在快捷菜單中選擇新建――虛擬目錄――填入你設(shè)計的ASP程序文件所在子目錄的別名(比如xueyanmei，同學(xué)們用自己的姓名的漢語拼音，方便同學(xué)們互相訪問對方的站點)，輸入所在子目錄的路徑：當(dāng)?shù)赜嬎銠C(jī)d盤的web文件夾中，選擇選擇虛擬目錄的權(quán)限(應(yīng)選擇執(zhí)行等項)――完成。
4)在控制面板――管理工具――ODBC數(shù)據(jù)源管理器中添加數(shù)據(jù)庫文件tsxt.dbf，并設(shè)置好數(shù)據(jù)庫文件tsxt.dbf的路徑。
5)打開IE瀏覽器在地址欄輸入http：//localhost/xueyanmei/cx-send.asp，出現(xiàn)如下圖所示的的頁面：
歡迎查看新書價格和庫存量
請輸入新書代碼
6)輸入新書代碼1003后確認(rèn)，打開如下頁面：
您查詢的的新書單價和庫存量
新書代碼 新書名稱 單價(元) 庫存量
1003 人工智能程序設(shè)計 23.30 70
7)同學(xué)們可以在自己的電腦上打開IE瀏覽器
在地址欄中輸入http：//T201/xueyanmei /cx-send.asp ，來訪問老師這臺電腦上的新書信息。這里假設(shè)教師的電腦在workgroup中的名稱T201。同學(xué)們做完后可以互相訪問對方的站點。告訴學(xué)生們?nèi)绻约旱碾娔X接入互聯(lián)網(wǎng)后并且申請了自己的網(wǎng)站域名就是一個web服務(wù)器了。
通過這個實驗讓經(jīng)管類專業(yè)學(xué)生更深刻地理解網(wǎng)站中交互網(wǎng)頁的工作原理。Web數(shù)據(jù)庫的工作原理。通過以上的實驗方案，管理類專業(yè)的學(xué)生在不具備深厚web開發(fā)技術(shù)基礎(chǔ)的條件下，也可以完成web站點的部署和asp文件運(yùn)行的工作，加深對web開發(fā)基本技術(shù)體系的掌握。這樣不僅完成了本課程的學(xué)習(xí)任務(wù)，提高了管理信息系統(tǒng)的教學(xué)質(zhì)量，同時將管理理念和信息技術(shù)進(jìn)行了融合，讓同學(xué)們更好的理解了信息系統(tǒng)，為管理方法的實踐找到了有效的途徑。
參考文獻(xiàn)
[1] 黃梯云.管理信息系統(tǒng)第四版[M].高等教育出版社.北京：2009.
[2] 王瑞梅，張建林等.管理信息系統(tǒng)課程教改研究[J].計算機(jī)教育.2010(5)：14～17
[3] 張瑤，彭小珈.管理信息系統(tǒng)課程中“模塊化教學(xué)法”的探討[J].中國管理信息化.2010，13(8)：101～102
[4] 呂永林，師薇.管理信息系統(tǒng)課程實驗項目的構(gòu)建與設(shè)計[J].中國管理信息化.2010，13(11)：118～119
[5] 任劍鋒，魏慶.實踐教學(xué)在管理信息系統(tǒng)課程教學(xué)中的應(yīng)用研究[J].科技教育.2010(9)：118
[6] 楊濤.ACCESS2003數(shù)據(jù)庫應(yīng)用實用教程[M].北京：清華大學(xué)出版社.2011
[7] 周宏仁.信息化概論.[M]北京：電子工業(yè)出版社.2009
web開發(fā)技術(shù)論文篇二：《試談Web前端開發(fā)技術(shù)以及優(yōu)化研究》
摘要：闡述Web前端開發(fā)相關(guān)技術(shù)包括HTML/XHTML、CSS(層疊樣式表)、JavaScript、DOM(文檔對象模型)、Ajax等，研究Web前端優(yōu)化的方法。
關(guān)鍵詞：Web前端開發(fā);HTML;CSS;JavaScript;Web前端優(yōu)化
Web前端開發(fā)是由網(wǎng)頁制作演變而來的，名稱上具有明顯的時代特征。網(wǎng)頁制作是Web 1.0時代的產(chǎn)物，網(wǎng)站以靜態(tài)內(nèi)容顯示，用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后，互聯(lián)網(wǎng)進(jìn)入Web 2.0時代，Ajax帶來無刷新數(shù)據(jù)交互，縮減網(wǎng)頁跳轉(zhuǎn)的次數(shù)。Web前端應(yīng)用會在減少網(wǎng)頁的跳轉(zhuǎn)方面做更進(jìn)一步的努力，在單個頁面即能完成更多功能，由前端技術(shù)驅(qū)動代替數(shù)據(jù)展現(xiàn)驅(qū)動。
縱觀無論是底層技術(shù)的支持還是跨平臺兼容的需求，前端未來將迎來更加繁榮的局面。預(yù)計會出現(xiàn)更多的前端主導(dǎo)的產(chǎn)品，前端工程師的需求大量的涌現(xiàn)，將會催生出大量的創(chuàng)造和革新。
1 Web前端開發(fā)技術(shù)
Web前端開發(fā)技術(shù)主要包括三個要素：HTML、CSS、JavaScript。這三種前端開發(fā)語言具有不同特點，對代碼質(zhì)量的要求也不同，但它們之間又有著千絲萬縷的聯(lián)系。DOM、Ajax、等也是需要掌握的知識及技術(shù)。
1)HTML/XHTML
HTML5：超文本標(biāo)記語言(HTML)5結(jié)構(gòu)上更加清晰和明確，取消了一些過時的標(biāo)記，將內(nèi)容和展示進(jìn)行分離，改進(jìn)相關(guān)結(jié)構(gòu)后，生成的網(wǎng)頁更干凈和易于管理，提升了用戶體驗，有利于搜索引擎和屏幕閱讀器進(jìn)行抓取。移動設(shè)備上 HTML5 將具有更大的優(yōu)勢，因此更適合如 Web 操作系統(tǒng)一類的 RIA 應(yīng)用的前端開發(fā)。
XHTML 是嚴(yán)謹(jǐn)又準(zhǔn)確的HTML，對比以前眾多版本的HTML，具有更嚴(yán)格的書寫標(biāo)準(zhǔn)和更好的跨平臺能力。
2) CSS(層疊樣式表)
CSS是用于(增強(qiáng))控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。它有以下幾個顯著優(yōu)勢：表現(xiàn)和內(nèi)容相分離;提高頁面瀏覽速度;易于維護(hù)和改版。
3) JavaScript
JavaScript是Netscape公司的產(chǎn)品，開發(fā)目的是為了擴(kuò)展Netscape Navigator的功能，是一種介于Java和HTML之間、能嵌入Web頁面中基于對象和事件驅(qū)動的解釋性的編程語言。JavaScript出現(xiàn)后，信息和用戶之間不再只是簡單的顯示與瀏覽的關(guān)系，更可以進(jìn)行實時、動態(tài)、可交式的表達(dá)。當(dāng)前流行的Ajax也是依賴于JavaScript而存在的。
JavaScript可以被嵌入到HTML文件中，不需要經(jīng)過Web服務(wù)器就可以對用戶操作作出響應(yīng)，使網(wǎng)頁更好地與用戶交互;在利用客戶端個人電腦性能資源的同時，適當(dāng)減小服務(wù)器端的壓力，并減少用戶等待時間。
4) DOM(文檔對象模型)
DOM是W3C提出的一種與平臺和語言無關(guān)的標(biāo)準(zhǔn)API，它把XML文檔抽象為由節(jié)點構(gòu)成的樹形數(shù)據(jù)結(jié)構(gòu)。DOM是一種與瀏覽器，平臺，語言無關(guān)的接口，使得你可以訪問頁面其他的標(biāo)準(zhǔn)組件。DOM 被分為不同的部分(核心、XML及HTML)和級別(DOM Level 1/2/3)。
5) Ajax
Ajax即“Asynchronous JavaScript and XML”(異步JavaScript和XML)， 實際上是一個客戶端Javascript技術(shù)。通過Ajax可以實現(xiàn)客戶端與服務(wù)器之間的異步通信。
Ajax的一個最大的特點是無需刷新頁面便可向服務(wù)器傳輸或讀寫數(shù)據(jù)(又稱無刷新更新頁面)，這一特點主要得益于XMLHttp組件、XMLHttpRequest對象。
此外還需要使用DOM(文檔對象模型)對象技術(shù)來實現(xiàn)數(shù)據(jù)的交互。它是與平臺和語言無關(guān)的接口。
2 Web優(yōu)化
如果網(wǎng)站僅有美觀的頁面設(shè)計和完善的服務(wù)功能，但性能無法滿足要求，導(dǎo)致頁面延遲過長，也無法令用戶滿意。前端優(yōu)化的途徑有：
1) 減少HTTP請求
這條策略基本上是最重要最有效的。一個完整的HTTP請求要包含DNS尋址、建立和服務(wù)器的連接、發(fā)送數(shù)據(jù)、等待服務(wù)器響應(yīng)、接收數(shù)據(jù)這樣一個“漫長”而復(fù)雜的過程。用戶需要看到或 “感受”到資源是必須要等待這個過程結(jié)束的，占據(jù)一定的時間成本，因為每個請求都必須攜帶數(shù)據(jù)，所以每個請求都需要占用帶寬資源。而瀏覽器進(jìn)行并發(fā)請求的請求數(shù)是具有一定上限的，當(dāng)請求數(shù)超出上限后，瀏覽器需要分批進(jìn)行請求，用戶的等待時間進(jìn)一步增加，用戶會有站點速度慢的印象，即使也許用戶可視的第一屏資源都已請求結(jié)束，但瀏覽器的進(jìn)度條會一直存在。減少請求的方法有：合并文件(將多個CSS文件或JavaScript文件合并成一個);圖片地圖(在一個圖像上劃分不同區(qū)域映射不同的鏈接);內(nèi)聯(lián)圖像(讓圖像與文本一起下載和顯示);CSS Sprites(利用 CSS background 相關(guān)元素進(jìn)行背景圖絕對定位)等。
2) 減少文件大小
包括壓縮JavaScript和CSS文件以及優(yōu)化代碼。優(yōu)化代碼包括去除不必要的html標(biāo)簽，避免內(nèi)聯(lián)式樣式以及CSS代碼優(yōu)化。
3) 將樣式表放在頂部
CSS全稱是層疊樣式表，層疊意味著后面的CSS能覆蓋前面的CSS，高級別的CSS覆蓋低級別的CSS，瀏覽器完全加載后再渲染也是合情合理的，所以我們應(yīng)盡快使CSS加載完畢。頁面的逐步顯示可以避免出現(xiàn)屏幕空白，用戶能立即看到頁面的部分內(nèi)容。
4) 將script放在底部
此舉措旨在防止script腳本的執(zhí)行阻塞頁面的下載，因而提高頁面組件的下載速度，減少頁面的加載時間，提高網(wǎng)站前端的性能。
5) 減少DNS查詢
一次DNS的解析過程會消耗20-120毫秒的時間，在DNS查詢結(jié)束之前，瀏覽器不會下載該域名下的任何東西。所以減少DNS查詢的時間可以加快頁面的加載速度。
6) 避免重定向
頁面的重定向會消耗一定的時間。發(fā)生重定向的原因有多種，但是不變的是每增加一次重定向就會增加一次Web請求，因此應(yīng)盡量減少，比如對 Web 站點子目錄的后面添加個 “/” ，就能有效避免一次重定向。
7) 杜絕http 404錯誤
404錯誤是因為未找到文件引起的。HTTP請求會消耗很多時間，所以用HTTP請求來獲得一個無用的響應(yīng)(例如404未找到頁面)毫無必要，只會降低用戶體驗。對頁面鏈接的充分測試和對 Web 服務(wù)器 error 日志的不斷跟蹤可以有效減少 404 錯誤。
3 結(jié)束語
從博客開始到現(xiàn)在的各種前端技術(shù)的開發(fā)與應(yīng)用都離不開Web本身，近來以HTML5為代表的新一代移動Web技術(shù)是Web前端技術(shù)的重大發(fā)展創(chuàng)新，將大幅提升Web應(yīng)用在交互、系統(tǒng)能力調(diào)用、富媒體、語義化等方面的能力，使用戶無需安裝紛繁的插件而獲得更為豐富的Web應(yīng)用。手機(jī)瀏覽器、操作系統(tǒng)Web運(yùn)行環(huán)境等將由此成為新的標(biāo)準(zhǔn)化應(yīng)用承載平臺。在不久的將來，Web應(yīng)用將與原生應(yīng)用優(yōu)勢互補(bǔ)、并行發(fā)展，共同構(gòu)成移動互聯(lián)網(wǎng)的應(yīng)用生態(tài)系統(tǒng)。Web 前端開發(fā)、優(yōu)化覆蓋的知識面廣，也面臨著更多的挑戰(zhàn)。
參考文獻(xiàn)：
[1] 曹劉陽.編寫高質(zhì)量代碼：Web 前端開發(fā)修煉之道[M].北京：機(jī)械工業(yè)出版社，2010.
[2] 鄧小善，龍艷軍.高訪問量網(wǎng)站性能監(jiān)測與優(yōu)化的設(shè)計與實現(xiàn)[J].現(xiàn)代計算機(jī)：專業(yè)版，2009(2).
[3] 李強(qiáng)，楊巋，吳天吉.基于Asp_net的網(wǎng)站開發(fā)前端技術(shù)優(yōu)化研究[J].軟件導(dǎo)刊，2013，12(5).
web開發(fā)技術(shù)論文篇三：《淺談移動智能終端Web應(yīng)用平臺開發(fā)技術(shù)》
【摘 要】在分析了移動Web應(yīng)用平臺技術(shù)背景的基礎(chǔ)上，著重分析了當(dāng)前比較流行的三大移動Web開發(fā)框架和MVC框架模式，并介紹了幾項新型的MVC模式，最后對移動智能終端Web應(yīng)用平臺開發(fā)技術(shù)遇到的困難進(jìn)行了分析，對未來的技術(shù)發(fā)展趨勢進(jìn)行了展望。
【關(guān)鍵詞】智能終端 移動Web應(yīng)用平臺 開發(fā)框架 MVC
1 前言
移動終端硬件技術(shù)在最近的幾十年快速發(fā)展，如今已全面進(jìn)入了智能終端時代。據(jù)悉，移動智能終端的出貨量已在2011年超越了PC機(jī)。在這一形勢下，以各個終端操作系統(tǒng)(Android、iOS、Windows Phone等)為基本的行業(yè)格局也趨于穩(wěn)定。各產(chǎn)業(yè)巨頭為智能終端本地應(yīng)用開發(fā)提供了良好的環(huán)境支持，開發(fā)技術(shù)已十分成熟。
智能終端上的移動Web應(yīng)用與傳統(tǒng)本地原生應(yīng)用的區(qū)別在于：移動Web應(yīng)用的開發(fā)是基于Web技術(shù)的，即通過HTML(Hypertext Markup Language，超文本標(biāo)記語言)、CSS(Cascading Style Sheet，級聯(lián)樣式表)、JavaScript在瀏覽器中進(jìn)行在線或離線網(wǎng)頁應(yīng)用的開發(fā);這個應(yīng)用不依賴于本地操作系統(tǒng)API(Application Programming Interface，應(yīng)用程序編程接口)，但可以針對不同的平臺進(jìn)行優(yōu)化，并通過一個URL進(jìn)行訪問。而一般的本地原生應(yīng)用的平臺依賴性高，直接與本地操作系統(tǒng)API相關(guān)聯(lián)，應(yīng)用的可移植性差，進(jìn)而帶來跨平臺開發(fā)上的不便和困難;不過原生應(yīng)用相比Web應(yīng)用能實現(xiàn)更加復(fù)雜的功能，且實現(xiàn)效率高。
利用移動Web應(yīng)用平臺的目的在于實現(xiàn)跨多種終端平臺的應(yīng)用開發(fā)，降低開發(fā)門檻。正是因為這些優(yōu)良的特性，移動Web應(yīng)用被認(rèn)為是移動互聯(lián)網(wǎng)的發(fā)展趨勢。本文在分析當(dāng)前移動Web應(yīng)用平臺背景的基礎(chǔ)上，著重研究當(dāng)前移動Web應(yīng)用開發(fā)的關(guān)鍵技術(shù)和方法。
2 移動Web應(yīng)用平臺技術(shù)背景
當(dāng)前市場中操作系統(tǒng)劃分為幾大陣營，各個平臺提供互不兼容的API和應(yīng)用開發(fā)環(huán)境，且擁有和維護(hù)各自的應(yīng)用商店，形成較為穩(wěn)定的移動互聯(lián)網(wǎng)生態(tài)系統(tǒng)?，F(xiàn)有的本地應(yīng)用及其開發(fā)技術(shù)都是針對固定平臺，利用特定的開發(fā)語言和工具進(jìn)行開發(fā)。由于各個操作系統(tǒng)間編程方式的不兼容、iOS的封閉及Android的嚴(yán)重碎片化[1]，傳統(tǒng)應(yīng)用模式和開發(fā)工具直接導(dǎo)致了移植性差、開發(fā)周期長、開發(fā)門檻高的問題。為了滿足移動互聯(lián)網(wǎng)環(huán)境下的業(yè)務(wù)需要，跨平臺開發(fā)成為移動智能終端的一項重要需求[2]，而Web應(yīng)用平臺技術(shù)恰好成為實現(xiàn)這種需求的最優(yōu)選擇之一。
同時，智能終端軟硬件的發(fā)展契合了移動云服務(wù)的技術(shù)需求，進(jìn)一步刺激了云計算在移動互聯(lián)網(wǎng)領(lǐng)域的業(yè)務(wù)擴(kuò)展[3]。移動Web應(yīng)用由于其平臺無關(guān)和數(shù)據(jù)集中特性，成為云服務(wù)的一項支持技術(shù)和實現(xiàn)形式。國外的Mozilla及國內(nèi)的阿里巴巴先后推出了云操作系統(tǒng)Firefox OS和阿里云OS，這種基于云框架的OS天然提供了對Web應(yīng)用的支持，更是成為移動操作系統(tǒng)領(lǐng)域的一項革新。
移動Web應(yīng)用采用的是B/S(瀏覽器/服務(wù)器)模式，并直接基于Webkit內(nèi)核的瀏覽器，開發(fā)人員利用HTML、CSS和JavaScript實現(xiàn)類似網(wǎng)頁站點的應(yīng)用，這類應(yīng)用的功能受網(wǎng)頁開發(fā)語言限制，無法實現(xiàn)復(fù)雜的、針對特定平臺的操作。然而利用JavaScript為各個系統(tǒng)所封裝的API，移動Web應(yīng)用同樣可以在一定程度上利用針對本地平臺的特定功能，甚至實現(xiàn)完全脫離引擎及離線運(yùn)行。移動Web應(yīng)用被編譯打包后，在本地終端的通用Webkit引擎上解釋執(zhí)行，為用戶提供網(wǎng)頁UI(User Interface，用戶界面)，其調(diào)用資源往往位于遠(yuǎn)端服務(wù)器，其應(yīng)用平臺框架如圖1所示。
Web應(yīng)用功能受開發(fā)平臺的限制，無法直接調(diào)用本地操作系統(tǒng)API。對此的一項解決方案是HTML5，這一規(guī)范已由W3C宣布正式定稿，但標(biāo)準(zhǔn)尚未完成。HTML5提供了一個跨平臺的、平面化的網(wǎng)絡(luò)應(yīng)用解決方案，集成了強(qiáng)大的圖形處理、離線數(shù)據(jù)存儲及富媒體展現(xiàn)能力，成為移動Web應(yīng)用開發(fā)技術(shù)的強(qiáng)大支撐。目前，各個瀏覽器已經(jīng)支持HTML5。
3 移動Web應(yīng)用平臺開發(fā)技術(shù)
為了簡化開發(fā)流程、提高開發(fā)效率，開發(fā)人員利用移動Web應(yīng)用平臺進(jìn)行開發(fā)工作時，除了直接依賴基礎(chǔ)的開發(fā)平臺，還需要利用各種開發(fā)框架和庫，并且借鑒各類成熟的PC終端Web框架模式、模式設(shè)計理論和模型測試技術(shù)。由于移動Web應(yīng)用平臺尚屬于較新的技術(shù)，其主要技術(shù)突破點在于開發(fā)框架、框架模塊以及建模測試技術(shù)。
3.1 開發(fā)框架
移動Web應(yīng)用開發(fā)框架為開發(fā)人員提供了一系列的組件庫，并提供JavaScript接口，使得開發(fā)人員能夠方便快速地調(diào)用其組件，進(jìn)行移動Web應(yīng)用的UI設(shè)計及本地功能開發(fā)。目前常用的開發(fā)工具有四類：Sencha Touch、jQuery Mobile、PhoneGap和Titanium。由于Titanium被定位于原生應(yīng)用程序的設(shè)計中(需要原生工具鏈支持)，本文不作介紹。
(1)Sencha Touch
Sencha Touch的前身是Ajax框架ExtJS，并整合了jQTouch。該應(yīng)用框架基于JavaScript，為開發(fā)人員提供了豐富的UI組件，并針對移動平臺進(jìn)行了優(yōu)化，其細(xì)膩程度堪比原生應(yīng)用。另外，Sencha Touch也是第一個基于HTML5的移動Web應(yīng)用框架，并支持CSS3標(biāo)準(zhǔn)，全面兼容iOS和Android。
(2)jQuery Mobile
jQuery Mobile應(yīng)用框架繼承自jQuery，專用于移動智能終端平臺，支持HTML5。它為移動Web應(yīng)用開發(fā)提供了一個jQuery核心庫、事件和插件系統(tǒng)以及UI框架。與Sencha Touch不同的是，它屬于輕量級的開發(fā)框架，UI復(fù)雜度低，支持更多的平臺，且開發(fā)門檻低。 (3)PhoneGap
PhoneGap主要任務(wù)是實現(xiàn)跨平臺的本地開發(fā)，它是完全基于Web技術(shù)(HTML、CSS和JavaScript)的開源移動開發(fā)平臺。其目的在于針對操作系統(tǒng)平臺多元不兼容的情況，建立一個跨平臺的移動應(yīng)用開發(fā)工具，實現(xiàn)一次編寫、多平臺適用。PhoneGap在本地操作系統(tǒng)和移動Web UI間搭建一個移動中間件，針對不同的終端操作系統(tǒng)用JavaScript訪問本地設(shè)備。它在實現(xiàn)跨平臺訪問能力(在線打包Web應(yīng)用至各終端平臺)的同時，提供各平臺下的功能擴(kuò)展機(jī)制，賦予移動Web應(yīng)用更加強(qiáng)大的本地化功能。因其把移動Web應(yīng)用進(jìn)行打包實現(xiàn)本地化，這個技術(shù)可以認(rèn)為是一種混合的移動應(yīng)用開發(fā)技術(shù)。
這三種開發(fā)框架的關(guān)系如圖2所示。其中Sencha Touch和jQuerty Mobile為用戶提供了豐富的UI組件;PhoneGap則利用移動操作系統(tǒng)自帶的瀏覽器組件WebView為打包的Web應(yīng)用程序進(jìn)行頁面布局，使得移動Web應(yīng)用程序能夠像原生應(yīng)用程序一樣在本地操作系統(tǒng)中運(yùn)行。PhoneGap依靠WebView與操作系統(tǒng)進(jìn)行雙向通信，實現(xiàn)應(yīng)用與系統(tǒng)的解耦合。另外，PhoneGap使用JavaScript封裝了本地API，使得移動Web應(yīng)用能夠平面地間接訪問本地操作系統(tǒng)提供的功能接口，一定程度上克服了移動Web應(yīng)用功能匱乏的缺陷。
3.2 框架模式
框架模式作為一種設(shè)計典范在Web應(yīng)用開發(fā)中被廣泛運(yùn)用，這種方法可以被無縫地移植到移動Web應(yīng)用的設(shè)計和開發(fā)中來。目前在移動Web應(yīng)用開發(fā)中較流行的框架模式之一是MVC(Model-View-Controller，模型-視圖-控制器)，它將Web應(yīng)用分為三類核心模塊：模型、視圖、控制器。視圖采用HTML來實現(xiàn)業(yè)務(wù)的直接表示形式，模型負(fù)責(zé)實際的業(yè)務(wù)數(shù)據(jù)處理，控制器負(fù)責(zé)視圖和模型間的業(yè)務(wù)交互和協(xié)調(diào)控制。MVC將這三者進(jìn)行分離的好處是使得業(yè)務(wù)顯示和業(yè)務(wù)處理解耦，多視圖可以重用模型代碼，實現(xiàn)Web應(yīng)用的靈活開發(fā)。常見的MVC框架模式包括Struts、Spring等。
文獻(xiàn)[4]提出的Struts2框架整合了Struts和WebWork，并使用WebWork的核心，進(jìn)一步把應(yīng)用劃分為核心控制器、業(yè)務(wù)邏輯控制器、攔截器、結(jié)果類型和視圖等幾個核心部件。Struts2簡化了Web應(yīng)用的開發(fā)過程，提升了開發(fā)的效率，提高了代碼的重用性。
文獻(xiàn)[5]創(chuàng)新性地提出了一種B/S結(jié)構(gòu)和C/S結(jié)構(gòu)相結(jié)合的Web應(yīng)用框架，將Web應(yīng)用劃分為三個層級：展現(xiàn)層、業(yè)務(wù)層、數(shù)據(jù)持久層。它利用Spring作為系統(tǒng)全局控制，應(yīng)用于展現(xiàn)層和業(yè)務(wù)層邏輯中;數(shù)據(jù)持久層則用MyBatis框架實現(xiàn)。測試證明，這種混合應(yīng)用框架在很大程度上提高了代碼的復(fù)用性，Spring框架的全局控制降低了系統(tǒng)的復(fù)雜度。
4 移動Web應(yīng)用面臨的機(jī)遇與挑戰(zhàn)
盡管移動Web應(yīng)用平臺在近幾年得到了比較長足的發(fā)展，但由于平臺的各項標(biāo)準(zhǔn)未定等原因，依然存在一些挑戰(zhàn)[5]。首先是Web應(yīng)用的功能匱乏，無法像原生應(yīng)用一樣充分利用移動設(shè)備的本地API和硬件功能。這一難題由于類似PhoneGap等中間件的出現(xiàn)有所改善，但經(jīng)過JavaScript本地化功能擴(kuò)展后的Web應(yīng)用依然無法滿足移動終端軟硬件快速發(fā)展所帶來的新需求。其次，移動Web應(yīng)用對互聯(lián)網(wǎng)的依賴性高，這一特性在當(dāng)前的移動互聯(lián)網(wǎng)技術(shù)條件下會嚴(yán)重影響用戶感知。另外，完全標(biāo)準(zhǔn)化的跨平臺開發(fā)、個性化Web定制的實現(xiàn)以及移動互聯(lián)網(wǎng)應(yīng)用安全性等問題依然在不同程度上制約著移動Web應(yīng)用的發(fā)展。正是由于這些原因，移動Web應(yīng)用(以及混合的應(yīng)用)尚無法完全取代原生應(yīng)用的地位。
盡管HTML5的標(biāo)準(zhǔn)化工作尚未完成，但它在移動互聯(lián)網(wǎng)領(lǐng)域已經(jīng)被初步運(yùn)用。就目前而言，HTML5豐富的功能和強(qiáng)大的Web表現(xiàn)能力，使得它能夠解決移動Web應(yīng)用所面臨的功能匱乏的窘境，使瀏覽器成為類操作系統(tǒng)的功能完善的平臺。移動Web應(yīng)用與HTML5的強(qiáng)強(qiáng)聯(lián)手，必將為移動互聯(lián)網(wǎng)帶來一次全新的變革。另外，云計算技術(shù)的興起勢必會促進(jìn)云應(yīng)用市場的發(fā)展，而移動Web應(yīng)用平臺作為云計算的表現(xiàn)形式，必將順著這股浪潮不斷前進(jìn)。
5 總結(jié)
智能終端軟硬件技術(shù)的快速進(jìn)步、移動互聯(lián)網(wǎng)絡(luò)的發(fā)展、云計算的興起及移動終端跨平臺開發(fā)的需求，共同促使了移動Web應(yīng)用平臺的出現(xiàn)。不同于本地原生應(yīng)用，移動Web應(yīng)用完全基于Web技術(shù)和瀏覽器，具有與終端操作系統(tǒng)無關(guān)的特征。Web應(yīng)用平臺開發(fā)技術(shù)包含開發(fā)框架和框架模式，開發(fā)框架為編程人員提供了復(fù)雜程度不同的UI組件、在線應(yīng)用打包以及本地化功能擴(kuò)展機(jī)制，在簡化編程的同時，盡可能高效地利用本地終端平臺資源;框架模式MVC為移動Web應(yīng)用平臺開發(fā)提供了一套設(shè)計典范，通過將應(yīng)用劃分為模型、視圖、控制器三類子模塊實現(xiàn)職責(zé)分離和代碼重用。雖然移動Web應(yīng)用功能受語言限制無法完全替代原生應(yīng)用程序，且擁有依賴互聯(lián)網(wǎng)和安全方面的問題，但是HTML5技術(shù)卻為移動Web的未來指明了方向。
參考文獻(xiàn)：
[1] 王躍. 我國移動智能終端操作系統(tǒng)平臺發(fā)展研究[J]. 信息通信技術(shù)， 2012(4)： 30-34.
[2] 陸鋼，朱培軍，李慧云，等. 智能終端跨平臺應(yīng)用開發(fā)技術(shù)研究[J]. 電信科學(xué)， 2012，28(5)： 14-17.
[3] Dejan Kovachev， Cao Yiwei， Ralf Klamma. Mobile Multimedia Cloud Computing and the Web[A].Workshop on Multimedia on the Web[C]. Sept.2011.
[4] 邱曉榮. 基于MVC模式的Struts2框架在Web應(yīng)用開發(fā)中的實現(xiàn)[J]. 黑龍江科技信息， 2012(18)： 98.
[5] 徐雯，高建華. 基于Spring MVC及MyBatis的Web應(yīng)用框架研究[J]. 微型電腦應(yīng)用， 2012，28(7)： 1-10.
[6] Florian Daniel， Muhammad Younas. Mobile Web and service applications： guest editors’introduction[J]. Service Oriented Computing and Applications， 2012，6(4)： 337-339.
猜你喜歡：
web開發(fā)應(yīng)用技術(shù)論文范文
