韓迎紅

（山西警官職業(yè)學(xué)院 信息工程系，山西 太原 030006）

1 分析當(dāng)前Web開發(fā)工作常用的幾種方法

1.1 Hypermedia Design Method

通過分析研究Web開發(fā)方法可以發(fā)現(xiàn)，Hypermedia Design Method適用范圍相當(dāng)廣泛，主要用于開發(fā)Web的信息體系。采用這種方法可完成結(jié)構(gòu)定義、進(jìn)行導(dǎo)航工作、表現(xiàn)，然后應(yīng)用Hyper Base、Access、表現(xiàn)方案的形式化。實(shí)際上，Hypermedia Design Method最主要的特征就是能夠完成自動化工作，擴(kuò)充設(shè)計(jì)模型，有效地將概念方案轉(zhuǎn)移到邏輯和物理表示模型中。需要特別注意的是，自動生成模式只針對信息頁面。

1.2 Web Modeling Language

W3I3項(xiàng)目明確定義，在Web系統(tǒng)模型中，負(fù)責(zé)描述語言界面的開發(fā)方法是Web Modeling Language，這種語言能夠應(yīng)用概念來描述Web系統(tǒng)中的復(fù)雜內(nèi)容。這種方法能描述Web各種應(yīng)用高度抽象的圖畫，其中提供完備的設(shè)計(jì)過程以及相關(guān)的工具。除此之外，正因?yàn)樵摲椒ㄖС諼ML，所以也能自動化地生成代碼。

1.3 Relationship Management Methodology

Relationship Management Methodology負(fù)責(zé)完成Web系統(tǒng)網(wǎng)絡(luò)的設(shè)計(jì)、組織構(gòu)造和維護(hù)工作。應(yīng)用這種開發(fā)方法能夠有效減少在動態(tài)數(shù)據(jù)資料中的維護(hù)資金，而且語言非常形象，工作流程處于迭代式狀態(tài)。這種開發(fā)方法模型包含三個(gè)層面，即表示層、內(nèi)容層以及多媒體層。Relationship Management Methodology開發(fā)方案優(yōu)化了整體系統(tǒng)的導(dǎo)航機(jī)制，有效提升了測試效率。

2 Web前端開發(fā)面臨的問題

2.1 兼容性問題

用戶選擇的瀏覽器雖然有所不同，但打開系統(tǒng)頁面后所呈現(xiàn)的信息幾乎無較大的差別，然而從實(shí)際情況來看并非如此。不同的瀏覽器的標(biāo)簽?zāi)J(rèn)存在差異性。此外，相同的標(biāo)簽在不同的瀏覽器也會出現(xiàn)差異性顯示效果。比如快速性標(biāo)簽，float后又有橫行的margin，那么在這種情況下，IE6的顯示顯然要比設(shè)置的領(lǐng)域更廣。此外，還需要考慮到算是使用相同的瀏覽器，其版本不同，在處理的方法上也有著區(qū)別。因此，在考慮兼容性問題的過程中，就需要從實(shí)際情況出發(fā)，根據(jù)實(shí)際表現(xiàn)采用合理的方法才能更有效解決問題[1]。

2.2 交互的復(fù)雜性

瀏覽器引擎所提供的接口和UI交互的要求相比較等級很低，因此，就導(dǎo)致目前前端技術(shù)的熱點(diǎn)依然是javascript、css預(yù)處理器和mv框架和微框架。

2.3 代碼可維護(hù)性

需要注意的是，隨著復(fù)雜度的提升，在很多情況下會影響對代碼的維護(hù)性。從目前來看，主流的js以及css或者是html代碼生存周期相對比較長，因此，也就愈加重視代碼的質(zhì)量和價(jià)格，需要從各方面以此保證其可維護(hù)性。

3 制約Web前端優(yōu)化的因素

3.1 Server結(jié)構(gòu)

大多數(shù)用戶在瀏覽網(wǎng)頁的過程中，基本上都會按照這一流程開展，首先在打開計(jì)算機(jī)以后輸入網(wǎng)頁URL，接下來就通過域名解析IP地址，向服務(wù)器發(fā)送訪問的請求；而服務(wù)器在確認(rèn)請求以后，就需要開始尋找資源文件，進(jìn)行反饋，然后發(fā)送html文件；在瀏覽器接收資源并重新渲染以后，整個(gè)訪問得以完成。因此從整個(gè)流程來看，browser/Server是影響開發(fā)過程當(dāng)中的重要難題。

3.2 瀏覽器連接的限制問題

按照現(xiàn)行的HTTP相關(guān)規(guī)定，為能有效避免服務(wù)器出現(xiàn)瀏覽堵塞的現(xiàn)象，在和客戶端之間的并發(fā)連接數(shù)量存在一定的限制。在同一時(shí)間內(nèi)，無論是服務(wù)器還是用戶端之間的持久性，連接數(shù)量只能是1。然而在Web頁面的實(shí)際訪問過程中，卻出現(xiàn)了較為特殊的現(xiàn)象，即難以避免二次連接的問題[2]。

4 Web前端優(yōu)化策略

4.1 browser/Server結(jié)構(gòu)優(yōu)化

對此可以從服務(wù)器以及HTTP請求等諸多方面對該結(jié)構(gòu)進(jìn)行優(yōu)化，需要注意的是，在開展的過程中，作為開發(fā)人員，有必要根據(jù)實(shí)際情況做出相應(yīng)的調(diào)整。

4.2 服務(wù)器方面

從目前來看，常用的方法主要是通過優(yōu)化Web網(wǎng)頁域名或者使用Gzip壓縮資源以及改進(jìn)緩存的設(shè)置等相關(guān)方法。然而根據(jù)Web服務(wù)器的特征，基本上都會使用塔式或機(jī)架式的服務(wù)器。

4.3 Ajax方面

該方法主要充分利用可緩存性實(shí)現(xiàn)信任的大幅度提升。由于其本身就具備良好的異步特征，因此通過傳輸?shù)漠惒讲町?，可以給廣大用戶帶來更好的瀏覽體驗(yàn)。但采用這種方法也存在一定的缺陷，那就是在等待的過程中或許會花費(fèi)一定的時(shí)間，在采用這種方法的過程中，結(jié)果主要還是取決于異步優(yōu)化法和用戶到底采用哪種方式進(jìn)行訪問。

5 基于軟件工程的Web技術(shù)開發(fā)方法的主要特征

5.1 具有圖形化特征，而且比較容易操控

目前，Web系統(tǒng)的應(yīng)用范圍極為廣泛的原因就是整個(gè)系統(tǒng)的頁面設(shè)計(jì)非常簡潔，能有效表現(xiàn)相應(yīng)的信息資料，比如文字信息、圖片信息或者視頻資料。早期階段，Web系統(tǒng)僅能傳遞單純的文字，局限性非常大。而基于軟件工程進(jìn)行Web開發(fā)技術(shù)之后，能在Web的版面中找出各種形式的信息資料。另外，Web操作方法非常簡單，更換鏈接就可以使頁面進(jìn)行跳轉(zhuǎn)，找到所需信息[3]。

5.2 具有動態(tài)特征，而且信息分散于各個(gè)頁面中

在日常生活和工作過程中，需要查找各種各樣的信息，有時(shí)需要下載文字、圖片或者一些音頻和視頻資料，無法估算其占用的硬盤容量，這就導(dǎo)致下載過程中出現(xiàn)硬盤儲存量不足的問題。而基于軟件工程的Web技術(shù)開發(fā)工作則重視這一點(diǎn)，使信息分散于各個(gè)頁面當(dāng)中，大家只需在不同站點(diǎn)上調(diào)取自己所需的信息就可以。而Web系統(tǒng)中的信息資料處于隨時(shí)更新狀態(tài)，具有動態(tài)特征，大家能了解最新的資訊，完成既定的工作任務(wù)。

5.3 必須完成交互任務(wù)，進(jìn)行大量的測試工作

在Web系統(tǒng)中富含大量的超鏈接，使用者可以利用Web系統(tǒng)中的超鏈接進(jìn)入包含不同信息的站點(diǎn)，這些超鏈接可供使用者自行選擇，根據(jù)自己的需要選擇訪問的站點(diǎn)，體現(xiàn)出基于軟件工程的Web技術(shù)具有的交互性。使用者可以利用Web了解服務(wù)器的具體信息情況。想要更多地使用者應(yīng)用Web產(chǎn)品，就必須要高度重視Web的可操作性和平穩(wěn)性，側(cè)重為使用者提供準(zhǔn)確的信息。所以在基于軟件工程進(jìn)行Web技術(shù)開發(fā)工作時(shí)，需要進(jìn)行大量的測試工作。

5.4 基于軟件工程進(jìn)行Web開發(fā)工作對管理工作的要求非常高

在進(jìn)行Web研發(fā)工作的過程中，隨著實(shí)際需求的逐漸增加和技術(shù)開發(fā)規(guī)模的逐漸增大，研發(fā)工作的難度也逐漸增加，開發(fā)Web系統(tǒng)相當(dāng)于開發(fā)軟件的難度。正因?yàn)閃eb開發(fā)工作非常復(fù)雜，所以可以將其作為一個(gè)重要的工程開發(fā)項(xiàng)目，組織更多專業(yè)人員參與Web系統(tǒng)的開發(fā)工作，因而就需要加大管理力度，制定相應(yīng)的管理方案和工作規(guī)范，合理分配開發(fā)人員的職責(zé)，促使各部門的開發(fā)人員能夠協(xié)同合作，確保Web開發(fā)系統(tǒng)項(xiàng)目的順利完成。

6 基于軟件工程建設(shè)的Web技術(shù)開發(fā)環(huán)節(jié)

6.1 打造web的原始模型

開發(fā)人員在正式進(jìn)行Web系統(tǒng)的研究和研發(fā)工作的初始階段，必須要充分了解使用者在日常生活和工作中的實(shí)際需求，盡快打造一個(gè)Web初始模型。需要特別注意的是，最開始建立的Web模型需要滿足兩方面要求，一是符合使用者的現(xiàn)實(shí)需要；二是充分結(jié)合已有的Web模型類型，不斷提升初期工作速度[4]。

6.2 邀請使用者進(jìn)行實(shí)際體驗(yàn)并給予評價(jià)

開發(fā)人員在建立完成Web原始模型之后，首先要邀請使用者完成最初的體驗(yàn)活動，然后提出使用過程中出現(xiàn)的問題，及時(shí)和開發(fā)人員進(jìn)行交流互動。開發(fā)人員一定要根據(jù)使用者的實(shí)際體驗(yàn)要求進(jìn)行修改，修改和體驗(yàn)工作需要反復(fù)進(jìn)行，直到建立起一個(gè)符合用戶要求的Web模型。除此之外，人員一定和使用者保持聯(lián)系的狀態(tài)，一旦發(fā)現(xiàn)使用者提出新的建議或疑問，必須要及時(shí)和使用者溝通聯(lián)系，解釋一些專業(yè)性的問題，并不需要完全根據(jù)使用者的意見修改，否則就背離了Web研發(fā)的初衷。

6.3 完成Web模型的定義和說明工作

開發(fā)人員在經(jīng)過反復(fù)的調(diào)整和修改之后，建立起的Web模型既能夠符合技術(shù)要求，又可以滿足使用者的需要。然后進(jìn)行下一個(gè)環(huán)節(jié)的工作，認(rèn)真定義和說明Web模型，保存完整的信息資料。

6.4 設(shè)計(jì)Web系統(tǒng)的主要版面和工作性能

完成Web模型的定義和說明工作之后，開發(fā)人員開始下一個(gè)階段，設(shè)計(jì)Web系統(tǒng)的主要版面，Web頁面布局和數(shù)據(jù)庫的結(jié)構(gòu)，著重進(jìn)行工作性能方面的研發(fā)工作。在基于軟件工程完成Web設(shè)計(jì)工作時(shí)，始終堅(jiān)守的原則是尊重使用者的體驗(yàn)要求，真正完成為使用者提供優(yōu)質(zhì)服務(wù)的設(shè)計(jì)目標(biāo)。

6.5 完成Web系統(tǒng)的調(diào)試工作

在基于軟件工程進(jìn)行Web技術(shù)研發(fā)工作時(shí)，最重要的環(huán)節(jié)之一就是完成Web調(diào)試工作。在調(diào)試過程中，開發(fā)人員和使用者需要共同參與這個(gè)環(huán)節(jié)的工作。開發(fā)人員需要完成兩項(xiàng)工作。第一個(gè)工作是反復(fù)查驗(yàn)Web系統(tǒng)的設(shè)計(jì)情況，保證其設(shè)計(jì)模式符合規(guī)格要求。第二個(gè)工作是查看Web的兼容性，分析Web系統(tǒng)能否滿足使用者的實(shí)際需要?？偠灾?，在調(diào)試階段，開發(fā)人員仍然需要按照使用者的實(shí)際體驗(yàn)進(jìn)行研究和調(diào)試工作，不斷提高服務(wù)水平。

6.6 發(fā)布最終的Web系統(tǒng)，重視使用過程中的維護(hù)工作

研發(fā)Web系統(tǒng)的最后階段就是將其投入到實(shí)際工作當(dāng)中，發(fā)布最終的Web系統(tǒng)，使更多人在網(wǎng)絡(luò)中應(yīng)用該系統(tǒng)。開發(fā)人員和工作人員一定要高度重視維護(hù)工作，在長時(shí)間的維護(hù)工作過程中，始終保證Web系統(tǒng)滿足使用者的實(shí)際需要。

6.7 基于Web項(xiàng)目中的三大圖

一是功能結(jié)構(gòu)圖。該圖主要是為能將不同部分的功能清晰展示出，使得使用者可以明確內(nèi)部邏輯關(guān)系，實(shí)現(xiàn)條理化。二是業(yè)務(wù)流程圖。該圖可便利開發(fā)人員全面掌握業(yè)務(wù)處理的實(shí)際流程，也是系統(tǒng)分析、管理業(yè)務(wù)操作期間可以實(shí)現(xiàn)數(shù)據(jù)共享的平臺工具，以此對業(yè)務(wù)流程的合理性和銜接關(guān)系展開針對性的分析。三是用例圖?；谑褂谜叩慕嵌葘ο到y(tǒng)的功能進(jìn)行描述，同時(shí)也可以清晰顯示出不同功能的后臺操作人員，借助用例圖可以將系統(tǒng)的自身功能準(zhǔn)確表達(dá)出來。

7 基于軟件工程的Web技術(shù)研發(fā)工作中存在的漏洞和解決措施

目前，Web技術(shù)研發(fā)過程當(dāng)中還存在很多問題，整體開發(fā)工作的管理系統(tǒng)不夠完善，缺乏系統(tǒng)性、合理性、高效的研發(fā)體系和管理體系，導(dǎo)致web系統(tǒng)開發(fā)品質(zhì)受到影響。因?yàn)樽畛踉O(shè)定的Web系統(tǒng)比較模糊，但在后期研發(fā)階段出現(xiàn)諸多問題，而技術(shù)研發(fā)工作者經(jīng)常難以預(yù)判Web系統(tǒng)的開發(fā)結(jié)果，經(jīng)過多次修改后，設(shè)計(jì)出的Web系統(tǒng)和原始目標(biāo)完全不同。除此之外，基于軟件工程的Web開發(fā)工作難度較大，工作環(huán)節(jié)越來越復(fù)雜，導(dǎo)致技術(shù)研發(fā)人員的熱情降低。想要真正完成Web開發(fā)系統(tǒng)，設(shè)計(jì)出符合新時(shí)期建設(shè)要求的系統(tǒng)，促使每一個(gè)環(huán)節(jié)順利完成，需要整個(gè)團(tuán)隊(duì)的共同努力，將設(shè)想轉(zhuǎn)變?yōu)楝F(xiàn)實(shí)。應(yīng)用科學(xué)合理的管理體系，調(diào)動大家的工作熱情，培養(yǎng)合作共贏意識。

8 結(jié)束語

在基于軟件工程進(jìn)行Web開發(fā)工作時(shí)，可以應(yīng)用多種成熟的開發(fā)方法，針對Web系統(tǒng)每個(gè)開發(fā)環(huán)節(jié)的具體要求進(jìn)行優(yōu)化和開發(fā)工作，但仍然存在很多問題。開發(fā)人員應(yīng)該充分考慮各種細(xì)節(jié)化的設(shè)計(jì)問題，融合多方面的需要，建設(shè)完整的開發(fā)和管理系統(tǒng)，不斷推動Web系統(tǒng)研發(fā)工作的發(fā)展和進(jìn)步。■