董悅 孫博宇

摘要：隨著現(xiàn)代技術(shù)的發(fā)展，人們對(duì)于任何事物在看重實(shí)用性能的同時(shí)，也越來(lái)越重視自我的體驗(yàn)，比如當(dāng)前流行的互聯(lián)網(wǎng)企業(yè)，除了要有出色的性能和實(shí)用性，還要有良好的界面、客戶體驗(yàn)，這樣才能吸引人。只有做好前端技術(shù)、客戶體驗(yàn)，一切才有可能。本文主要研究了軟件工程的web前端開(kāi)發(fā)。

關(guān)鍵詞：軟件工程；web前端開(kāi)發(fā)；現(xiàn)狀分析；前景展望

一、web前端開(kāi)發(fā)面臨的問(wèn)題

自2005年以后，互聯(lián)網(wǎng)進(jìn)入Web 2.0時(shí)代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁(yè)不再只是承載單一的文字和圖片，各種豐富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng)，網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。隨著Web 2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長(zhǎng)。XHTML+CSS布局、DHTML和Ajax像一陣旋風(fēng)，鋪天蓋地席卷而來(lái)，包括新浪、搜狐、網(wǎng)易、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對(duì)自己的網(wǎng)站進(jìn)行了重構(gòu)。

互聯(lián)網(wǎng)的自誕生以來(lái)就在不斷的飛速發(fā)展中，與之相應(yīng)的各種互聯(lián)網(wǎng)技術(shù)層出不窮。當(dāng)今的社會(huì)中，Web已經(jīng)滲透到了各個(gè)行業(yè)中，成為日常生活中重要的組成部分。Web工程可以將傳統(tǒng)的信息和數(shù)據(jù)庫(kù)系統(tǒng)搬到Internet上，拓展了信息交互的手段。然而Web系統(tǒng)的開(kāi)發(fā)流程卻面臨著很多問(wèn)題，比如缺少嚴(yán)格和系統(tǒng)的方法。目前Web開(kāi)發(fā)還是主要憑借開(kāi)發(fā)者的經(jīng)驗(yàn)積累，然而復(fù)雜的Web系統(tǒng)很難依靠個(gè)人的經(jīng)驗(yàn)獨(dú)立完成。即時(shí)費(fèi)時(shí)費(fèi)力的開(kāi)發(fā)出來(lái)一套系統(tǒng)，又因?yàn)槿鄙傧到y(tǒng)方法，不同系統(tǒng)間相差太大，可移植性和參考性很差，導(dǎo)致重復(fù)開(kāi)發(fā)，資源的浪費(fèi)。

二、Web開(kāi)發(fā)方法應(yīng)具備的特性

成熟的Web開(kāi)發(fā)方法，應(yīng)當(dāng)是整體化的Web應(yīng)用開(kāi)發(fā)流程。我們知道，系統(tǒng)化、整體化的好處是可以提高開(kāi)發(fā)效率和質(zhì)量。Web開(kāi)發(fā)方法要易于掌握，因?yàn)殚_(kāi)發(fā)方法的設(shè)計(jì)初衷是為了降低開(kāi)發(fā)者的工作量，因此開(kāi)發(fā)方法應(yīng)當(dāng)易學(xué)易懂。但Web開(kāi)發(fā)方法還是應(yīng)當(dāng)可以將Web程序的各方面描述清楚，達(dá)到表達(dá)能力和難度的平衡。與此同時(shí)，Web設(shè)計(jì)方法還應(yīng)當(dāng)借鑒常見(jiàn)的開(kāi)發(fā)語(yǔ)言和技術(shù)特點(diǎn)，使得開(kāi)發(fā)者更快更好的適應(yīng)。

Web開(kāi)發(fā)方法還應(yīng)當(dāng)具有對(duì)復(fù)雜系統(tǒng)建模的能力。Web應(yīng)用可以使用的范圍非常廣泛，因此大量的傳統(tǒng)信息和數(shù)據(jù)庫(kù)系統(tǒng)都進(jìn)行了Web移植。這些應(yīng)用都具有不同的、復(fù)雜的功能，開(kāi)發(fā)方法應(yīng)當(dāng)適用于該類需求，應(yīng)當(dāng)具有對(duì)商業(yè)過(guò)程、工作流建模的能力。Web開(kāi)發(fā)方法還應(yīng)當(dāng)具有表現(xiàn)層建模的能力，這一點(diǎn)在傳統(tǒng)設(shè)計(jì)方法中嘗嘗忽略。界面是和用戶交流的接口，因此需要非常重視界面的表達(dá)能力，豐富的界面表達(dá)將使得系統(tǒng)更人性化，并將系統(tǒng)的信息完整的表達(dá)出來(lái)。Web開(kāi)發(fā)方法還應(yīng)能在較高的抽象層次上表達(dá)系統(tǒng)和資源的集成方法。因?yàn)樾碌南到y(tǒng)可能要與原有系統(tǒng)相結(jié)合，而原有系統(tǒng)的開(kāi)發(fā)語(yǔ)言則種類繁多，開(kāi)發(fā)方法要能適應(yīng)這種情況。另外，還要保障接口的標(biāo)準(zhǔn)性，從而便利開(kāi)發(fā)出的系統(tǒng)和資源與數(shù)據(jù)庫(kù)相連接。

三、web前端開(kāi)發(fā)方法研究

隨著Web技術(shù)的飛速發(fā)展，越來(lái)越多的人注意到Web開(kāi)發(fā)的重要性，因此很多Web開(kāi)發(fā)方法被研究出來(lái)?，F(xiàn)今Web應(yīng)用開(kāi)發(fā)方法具有一些共性的特點(diǎn)，比如將Web系統(tǒng)模型分為領(lǐng)域模型、導(dǎo)航模型和展示模型，然后經(jīng)過(guò)概念建模、邏輯建模、物理建模和實(shí)現(xiàn)四個(gè)過(guò)程完成Web 系統(tǒng)開(kāi)發(fā)。這四個(gè)過(guò)程中，領(lǐng)域模型只用來(lái)描述Web應(yīng)用中領(lǐng)域?qū)ο蟮?。展示模型用于描述Web頁(yè)面的展示形式，是導(dǎo)航對(duì)象和導(dǎo)航行為的最終體現(xiàn)。導(dǎo)航模型是Web模型不同于傳統(tǒng)的重要部分，它用于描述Web應(yīng)用的導(dǎo)航特性，用于連接領(lǐng)域模型和展示模型。

Web前端開(kāi)發(fā)技術(shù)包括三個(gè)要素：HTML、CSS和JavaScript，隨著RIA的流行和普及，F(xiàn)lash/Flex、Silverlight、XML和服務(wù)器端語(yǔ)言也是前端開(kāi)發(fā)工程師應(yīng)該掌握的。隨著時(shí)代的發(fā)展，前端開(kāi)發(fā)技術(shù)的三要素也演變成為現(xiàn)今的：html5，css3，jquery。

四、web前端開(kāi)發(fā)核心技術(shù)

1.HTML語(yǔ)言

掌握HTML是網(wǎng)頁(yè)的核心，是一種制作萬(wàn)維網(wǎng)頁(yè)面的標(biāo)準(zhǔn)語(yǔ)言，是萬(wàn)維網(wǎng)瀏覽器使用的一種語(yǔ)言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。因此，它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言，學(xué)好HTML是成為Web開(kāi)發(fā)人員的基本條件。HTML是一種標(biāo)記語(yǔ)言，能夠?qū)崿F(xiàn)Web頁(yè)面并在瀏覽器中顯示。HTML5作為HTML的最新版本，引入了多項(xiàng)新技術(shù)，大大增強(qiáng)了對(duì)于應(yīng)用的支持能力，使得Web技術(shù)不再局限于呈現(xiàn)網(wǎng)頁(yè)內(nèi)容。

隨著CSS、JavaScript、Flash等技術(shù)的發(fā)展，Web對(duì)于應(yīng)用的處理能力逐漸增強(qiáng)，用戶瀏覽網(wǎng)頁(yè)的體驗(yàn)已經(jīng)有了較大的改善。不過(guò)HTML5中的幾項(xiàng)新技術(shù)實(shí)現(xiàn)了質(zhì)的突破，使得Web技術(shù)首次被認(rèn)為能夠接近于本地原生應(yīng)用技術(shù)，開(kāi)發(fā)Web應(yīng)用真正成為開(kāi)發(fā)者的一個(gè)選擇。HTML5可以使開(kāi)發(fā)者的工作大大簡(jiǎn)化，理論上單次開(kāi)發(fā)就可以在不同平臺(tái)借助瀏覽器運(yùn)行，降低開(kāi)發(fā)的成本，這也是產(chǎn)業(yè)界普遍認(rèn)為HTML5技術(shù)的主要優(yōu)點(diǎn)之一。

2.CSS與JavaScript

學(xué)好CSS是網(wǎng)頁(yè)外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁(yè)外觀做得更加美觀。學(xué)習(xí)JavaScript的基本語(yǔ)法，以及如何使用JavaScript編程將會(huì)提高開(kāi)發(fā)人員的個(gè)人技能。

3.操作系統(tǒng)與網(wǎng)絡(luò)服務(wù)器

了解Unix和Linux的基本知識(shí)，對(duì)于開(kāi)發(fā)人員有益無(wú)害。Web服務(wù)器，包括對(duì)Apache的基本配置，htaccess配置技巧的掌握等。

五、結(jié)束語(yǔ)

目前Web開(kāi)發(fā)方法主要還是存在方法復(fù)雜的問(wèn)題。Web開(kāi)發(fā)方法研究者僅根據(jù)自己的領(lǐng)域，而沒(méi)有考慮到多領(lǐng)域的融合問(wèn)題。另外，盡管Web開(kāi)發(fā)方法提供表現(xiàn)層建模，但多數(shù)方法在該方面過(guò)于簡(jiǎn)單，沒(méi)有體現(xiàn)出設(shè)計(jì)細(xì)節(jié)。而模型間缺少清楚和靈活的映射，這也使得層間的連接非常的貧瘠?？偟膩?lái)說(shuō)，目前的在規(guī)范化角度做得很好，但在工程化的方面還很欠缺，所以在未來(lái)的研究中，應(yīng)當(dāng)令Web系統(tǒng)研究方法更具工程化的特性。

參考文獻(xiàn)：

[1] 前端技術(shù).騰訊網(wǎng).2018-01-20.

[2] HTML5能否挑戰(zhàn)移動(dòng)終端OS.中華人民共和國(guó)工業(yè)和信息化部2018-08-29.

[3] 前端開(kāi)發(fā)大盤(pán)點(diǎn)：2015最流行前端框架TOP20.網(wǎng)易 2018-08-28.

[4] web前端開(kāi)發(fā)工程師職責(zé).人民網(wǎng).2011年11月29日.

作者簡(jiǎn)介：

第一作者：董悅，女，遼寧朝陽(yáng)，本科，就讀于遼東學(xué)院信息工程學(xué)院信息管理與信息系統(tǒng)專業(yè)B1701班，學(xué)號(hào)：0911417018，研究方向：web前段開(kāi)發(fā)。

第二作者：孫博宇，男，遼寧大連，本科，就讀于遼東學(xué)院信息工程學(xué)院計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)b1506班，學(xué)號(hào)：0917150610，研究方向：web前端開(kāi)發(fā)。