朱瑞出
[摘 要] Web平臺(tái)前端開發(fā)設(shè)計(jì)是現(xiàn)下計(jì)算機(jī)領(lǐng)域的重要組成部分,有效進(jìn)行Web平臺(tái)前端開發(fā)設(shè)計(jì),不但能夠充分發(fā)揮互聯(lián)網(wǎng)的優(yōu)勢,在借助互聯(lián)網(wǎng)的基礎(chǔ)上搭建一個(gè)良好的平臺(tái),而且也能夠服務(wù)多方領(lǐng)域,從而促進(jìn)多個(gè)方面得到良好的進(jìn)步與發(fā)展。需要注意的是,在Web平臺(tái)前端開發(fā)設(shè)計(jì)過程中,涉及的領(lǐng)域、知識(shí)點(diǎn)是涵蓋多個(gè)方面,因此,為了實(shí)現(xiàn)Web平臺(tái)前端開展良好的開發(fā)設(shè)計(jì)活動(dòng),文章就針對于此,進(jìn)行相關(guān)方面的探討和研究,希望可以為實(shí)際活動(dòng)的開展提供一些借鑒意見,從而促進(jìn)整體發(fā)展。
[關(guān)鍵詞] Web平臺(tái);前端;開發(fā);設(shè)計(jì)
doi : 10 . 3969 / j . issn . 1673 - 0194 . 2018. 11. 053
[中圖分類號(hào)] TP311 [文獻(xiàn)標(biāo)識(shí)碼] A [文章編號(hào)] 1673 - 0194(2018)11- 0120- 02
1 前 言
隨著科學(xué)技術(shù)的不斷進(jìn)步與發(fā)展,互聯(lián)網(wǎng)不僅走入家家戶戶,而且也引入社會(huì)中的各行各業(yè),在互聯(lián)網(wǎng)深入發(fā)展之后,對互聯(lián)網(wǎng)提出了新的要求,就是要以互聯(lián)網(wǎng)為基礎(chǔ)實(shí)現(xiàn)網(wǎng)絡(luò)資源共享這一目標(biāo),在這一背景之下產(chǎn)生了Web平臺(tái)。Web平臺(tái)的產(chǎn)生,不僅支持Web界面的布局,成為設(shè)計(jì)開發(fā)的主要工具,而且能夠在很大程度上提高開發(fā)效率,從而促進(jìn)互聯(lián)網(wǎng)得到更好的發(fā)展。在Web平臺(tái)發(fā)展過程中,對Web平臺(tái)的前端進(jìn)行開發(fā)設(shè)計(jì),促使Web平臺(tái)能夠允許用戶查詢后臺(tái)的記錄,并且借助互聯(lián)網(wǎng)將這些數(shù)據(jù)予以合理保存,將這一目標(biāo)予以有效落實(shí),有利于促進(jìn)整體的進(jìn)步與發(fā)展。
2 Web平臺(tái)的相關(guān)論點(diǎn)探討
這一章節(jié)主要探討三個(gè)方面的內(nèi)容,一是Web平臺(tái)前端開發(fā)設(shè)計(jì)的需求分析,二是Web平臺(tái)前端的技術(shù)框架分析,三是Web平臺(tái)實(shí)現(xiàn)的技術(shù)概要分析,通過對這三方面內(nèi)容的明確,從而為后續(xù)的探討奠定基礎(chǔ)。
2.1 Web平臺(tái)前端開發(fā)設(shè)計(jì)的需求
Web平臺(tái)的實(shí)現(xiàn)是基于物聯(lián)網(wǎng)的基礎(chǔ)上,將傳統(tǒng)上獨(dú)立分開的PC端、網(wǎng)頁端、移動(dòng)終端通過光纖、WiFi等有線或者是無線網(wǎng)絡(luò)聯(lián)系起來,在此基礎(chǔ)上將分散的信息予以整合,實(shí)現(xiàn)信息在時(shí)間和空間方面的優(yōu)化,而Web平臺(tái)前端開發(fā)設(shè)計(jì)為三個(gè)組成部分,這三個(gè)組成部分共享一個(gè)數(shù)據(jù)庫,但是受到功能、用途、權(quán)限的限制。這三個(gè)組成部分分別是網(wǎng)站信息門戶、移動(dòng)終端、在線服務(wù)平臺(tái)。需要注意的是,無論是在功能還是在角色方面,這三個(gè)組成部分都是不相同的,比如說從功能的角度來探討,網(wǎng)站信息門戶的主要功能是為用戶提供最新的官方信息和產(chǎn)品介紹, Web平臺(tái)前端在開發(fā)設(shè)計(jì)過程中,要堅(jiān)持具體問題具體分析原則,以此來做好這一方面的工作。
2.2 Web平臺(tái)前端的技術(shù)框架
對Web平臺(tái)前端的技術(shù)框架開展分析,首先從Web 門戶會(huì)話 Session 技術(shù)進(jìn)行切入。Session這一個(gè)單詞可以理解為會(huì)話的含義,也就是說在客戶端和服務(wù)器之間建立會(huì)話連接,需要注意的是,Session對于用戶登錄的信息并不是永久存在的,而和Session不同的Cookie是保存在客戶端上的,當(dāng)用戶登錄一個(gè)網(wǎng)站的時(shí)候,服務(wù)器會(huì)相應(yīng)客戶端的請求,在連接建立的基礎(chǔ)上進(jìn)入頁面,尤其是當(dāng)客戶多次登入一個(gè)網(wǎng)站要輸入賬號(hào)密碼時(shí),Cookie就會(huì)在用戶第一次登入成功之后,自動(dòng)記住這一賬號(hào)密碼,到了下次登入之后,用戶就不必輸入賬號(hào)密碼,由此可見,從安全角度來看,Session大于Cookie;而從時(shí)效性來看,Cookie大于Session。其次要從MVC 模型分析進(jìn)行切入。這一模型在Web的應(yīng)用中得到大力的推廣,是由視圖、模型、控制器這三個(gè)部分組成,具有多個(gè)方面的優(yōu)勢,合理應(yīng)用的話,能夠發(fā)揮重要的作用。
2.3 Web平臺(tái)實(shí)現(xiàn)的技術(shù)概要
實(shí)現(xiàn)Web平臺(tái)前端進(jìn)行良好的開發(fā)設(shè)計(jì)可以采用的技術(shù),主要表現(xiàn)在以下幾個(gè)方面:第一是靜態(tài)頁面技術(shù),就是HTML技術(shù)。一般來說,網(wǎng)站網(wǎng)頁的本質(zhì)是HTML,HTML作為一種文本文件格式,在這一格式中加入一些標(biāo)簽配上對應(yīng)的屬性和方法,不僅可以豐富頁面的內(nèi)容,使得瀏覽器顯示的信息能夠按照設(shè)定的格式和排版配上多媒體,而且也能夠展示所有信息,將頁面和頁面之間用超鏈接聯(lián)系在一起,由此可見,靜態(tài)頁面技術(shù)的合理使用是具有重要的作用。第二是動(dòng)態(tài)頁面技術(shù),與靜態(tài)頁面技術(shù)相比較而言,動(dòng)態(tài)頁面技術(shù)的使用更加利于互動(dòng)方面,不僅能夠?yàn)橛脩籼峁└娴男畔⒄故竟δ?,而且也能做到與數(shù)據(jù)庫的連接。在此基礎(chǔ)上衍生出 Web 應(yīng)用程序,從而創(chuàng)造出強(qiáng)大的網(wǎng)頁,而JSP 是動(dòng)態(tài)頁面實(shí)現(xiàn)的常用技術(shù)之一,合理應(yīng)用的話,能夠帶來多個(gè)方面的作用。第三是Ajax 技術(shù),這一項(xiàng)技術(shù)的應(yīng)用目的在于進(jìn)一步提高和用戶的交互性和更加高效的客戶服務(wù)性。從本質(zhì)上來講,Ajax 技術(shù)是一種異步通信的方式,在未使用這一項(xiàng)技術(shù)之前,用戶需要向后臺(tái)申請當(dāng)前網(wǎng)頁未展示的信息,而在申請這一過程中,用戶不能進(jìn)行任何操作,只能等待服務(wù)器的相應(yīng),而在使用Ajax 技術(shù)之后,這一缺陷正好可以得到彌補(bǔ),因?yàn)楫?dāng)客戶端頁面向后臺(tái)發(fā)送一條請求的時(shí)候,后臺(tái)會(huì)依據(jù)這個(gè)請求建立與服務(wù)器的聯(lián)系,如果不滿足就阻塞請求,而客戶端頁面不需要等待后臺(tái)的響應(yīng),在很大程度上提高效率,增加了用戶良好的體驗(yàn)。
3 Web平臺(tái)前端開發(fā)設(shè)計(jì)與實(shí)現(xiàn)
在明確上述幾個(gè)方面的內(nèi)容之后,這一章節(jié)主要探討的內(nèi)容就是Web平臺(tái)前端開發(fā)設(shè)計(jì)的實(shí)現(xiàn),主要提出以下幾個(gè)方面的內(nèi)容來進(jìn)行探討和研究,在此基礎(chǔ)上來明確這一方面的內(nèi)容,從而促進(jìn)整體的進(jìn)步與發(fā)展。
3.1 立足Java EE 的框架,開展一系列設(shè)計(jì)工作
Web平臺(tái)前端開發(fā)設(shè)計(jì)的實(shí)現(xiàn),需要采用靜態(tài)頁面技術(shù)、動(dòng)態(tài)頁面技術(shù)中的JSP技術(shù)、Ajax 技術(shù)等,并且建立在Java EE 的框架基礎(chǔ)之上,促使網(wǎng)頁前端主要由客服人員和系統(tǒng)管理人員統(tǒng)一管理,并作為信息服務(wù)平臺(tái)的前端界面,以此來促進(jìn)Web平臺(tái)前端開發(fā)設(shè)計(jì)得到良好實(shí)現(xiàn)。具體來講,主要體現(xiàn)在以下幾個(gè)方面:第一,安裝和配置Java 虛擬環(huán)境。由于Java是一種高級語言,因此,在Java 虛擬環(huán)境的基礎(chǔ)上為上層的應(yīng)用提供豐富的庫,以此來做好接口進(jìn)行運(yùn)行。第二,在安裝和配置Java 虛擬環(huán)境之后,開始安裝Tomcat。Tomcat的配置需要建立在系統(tǒng)環(huán)境之下,完成配置之后,啟動(dòng)Tomcat,看到歡迎界面之后,就說明安裝成功,之后建立JSP app 的目錄。需要注意的是在Tomcat 的安裝目錄之下有 WEBAPPS目錄,在WEBAPPS目錄下新建一個(gè)目錄,起名叫MYAPP,并在該目錄下再新建一個(gè)目錄WEB-INF,在下新建JSP文件的基礎(chǔ)上寫上代碼,就可以開始頁面編程工作。第三,在Web平臺(tái)前端開發(fā)設(shè)計(jì)過程中,由于MYSQL是一款經(jīng)典的數(shù)據(jù)庫,具有免費(fèi)、功能齊全等方面的特點(diǎn),在這一數(shù)據(jù)庫之中新建一個(gè)MySQL-data 目錄,完成后再新建一個(gè) my.ini 的文件,以此來充分發(fā)揮這一數(shù)據(jù)庫的功能。第四,還需要建立JSP頁面與MYSQL數(shù)據(jù)庫的聯(lián)系。而要想構(gòu)建JSP動(dòng)態(tài)頁面網(wǎng)站,就需要用JSP連接MySQL數(shù)據(jù)庫,在連接完成之后,由于需要用到大量的表,如果仍然用命令的方式是具有不便利的特點(diǎn),因此,需要下載MySQL的圖形化管理軟件,促使后臺(tái)程序向數(shù)據(jù)庫寫入數(shù)據(jù)。第五,要想實(shí)現(xiàn)Java 的手機(jī)應(yīng)用向Web端發(fā)送采集到的數(shù)據(jù)信息這一目標(biāo),首先是需要建立一個(gè)用于存放信息的數(shù)據(jù)庫和表,一般這一步驟在之前JSP頁面與MySQL數(shù)據(jù)庫的聯(lián)系建立過程中就得到實(shí)現(xiàn)。其次在此基礎(chǔ)上構(gòu)建一個(gè)叫作WebRequest的JSP的后臺(tái)程序, 部署在Tomcat 中,然后將手機(jī)端上采集的信息依附到JSP應(yīng)用程序中的WebRequest中。
3.2 提高工作人員工作能力,合理使用Ajax 技術(shù)
為了實(shí)現(xiàn)Web平臺(tái)前端開發(fā)設(shè)計(jì)工作,還可以采取以下幾個(gè)方面的措施:第一,任何一項(xiàng)工作的開展都需要相對應(yīng)的工作人員參與其中。由此可見,工作人員工作能力的高低,在很大程度上影響一項(xiàng)工作的開展質(zhì)量。相對應(yīng)的Web平臺(tái)前端開發(fā)設(shè)計(jì)工作在開展過程中,無論是設(shè)計(jì)還是開發(fā),都需要充分調(diào)動(dòng)工作人員的作用,才能在此基礎(chǔ)上實(shí)現(xiàn)Web平臺(tái)前端進(jìn)行有效的開發(fā)設(shè)計(jì)。但是在實(shí)際發(fā)展中,在Web平臺(tái)前端開發(fā)設(shè)計(jì)工作中,有關(guān)于工作人員方面還存在著工作能力不高、素質(zhì)不強(qiáng)等方面的問題,這些問題的存在,在很大程度上影響Web平臺(tái)前端開發(fā)設(shè)計(jì)工作得到有效落實(shí),因此,充分發(fā)揮工作人員的工作能力是具有重要的作用。而提高工作人員的工作能力,可以采取兩個(gè)方面的措施,一方面是在對外的招聘環(huán)節(jié)中,要盡量避免因?yàn)槿饲椤㈥P(guān)系等原因,在公平的基礎(chǔ)上合理的篩選前來應(yīng)聘的計(jì)算機(jī)人員;另一方面是在對內(nèi)的人員管理中,多組織一些培訓(xùn)活動(dòng),如業(yè)務(wù)培訓(xùn)班,不僅進(jìn)行有針對性的計(jì)算機(jī)操作方面培訓(xùn),而且也要進(jìn)行計(jì)算機(jī)知識(shí)方面的培訓(xùn),以此來提高計(jì)算機(jī)人員的實(shí)際能力,從而促進(jìn)整體的進(jìn)步與發(fā)展。第二,合理應(yīng)用Ajax 技術(shù)。由于瀏覽器與服務(wù)器這兩者之間的傳輸方式可以說是同步也可以說是不同步,同步的傳輸方式是最容易實(shí)現(xiàn)的,但是傳輸?shù)牟煌叫砸彩潜仨毧紤]的,為了考慮傳輸?shù)牟煌叫?,就需要使用Ajax這一項(xiàng)技術(shù)。Ajax 技術(shù)在上述探討中已經(jīng)有所涉及,在這里需要更加明確這一項(xiàng)技術(shù),是基于結(jié)合異步的 JavaScript 和 XML 來實(shí)現(xiàn)的。第三,Web平臺(tái)前端開發(fā)設(shè)計(jì)工作得到有效落實(shí),還需要落實(shí)的一個(gè)措施就是更新相關(guān)的計(jì)算機(jī)設(shè)備,由于時(shí)代在不斷進(jìn)步,信息技術(shù)也得到進(jìn)一步發(fā)展,因此,為了做好Web平臺(tái)前端開發(fā)設(shè)計(jì)工作,及時(shí)更新計(jì)算機(jī)設(shè)備,有利于促進(jìn)整體的進(jìn)步與發(fā)展。
4 結(jié) 語
針對Web平臺(tái)前端的開發(fā)設(shè)計(jì)進(jìn)行了上述論點(diǎn)的探討,希望可以促進(jìn)整體的進(jìn)步與發(fā)展。
主要參考文獻(xiàn)
[1]王成,李少元,鄭黎曉,等.Web前端性能優(yōu)化方案與實(shí)踐[J]. 計(jì)算機(jī)應(yīng)用與軟件,2014(12).
[2]于春娜,王晨升,楊光,等.Web前端MVC框架的意義研究[J].產(chǎn)業(yè)與科技論壇,2014(1).
[3]袁婷.淺談Web前端開發(fā)[J].無線互聯(lián)科技,2017(2).