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