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