Web平臺(tái)前端開發(fā)設(shè)計(jì)與實(shí)現(xiàn)

朱瑞出

[摘 要] 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)勢(shì)，在借助互聯(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)，文章就針對(duì)于此，進(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ā)展之后，對(duì)互聯(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ā)展過程中，對(duì)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ù)概要分析，通過對(duì)這三方面內(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)頁(yè)端、移動(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ù)庫(kù)，但是受到功能、用途、權(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ù)框架

對(duì)Web平臺(tái)前端的技術(shù)框架開展分析，首先從Web 門戶會(huì)話 Session 技術(shù)進(jìn)行切入。Session這一個(gè)單詞可以理解為會(huì)話的含義，也就是說在客戶端和服務(wù)器之間建立會(huì)話連接，需要注意的是，Session對(duì)于用戶登錄的信息并不是永久存在的，而和Session不同的Cookie是保存在客戶端上的，當(dāng)用戶登錄一個(gè)網(wǎng)站的時(shí)候，服務(wù)器會(huì)相應(yīng)客戶端的請(qǐng)求，在連接建立的基礎(chǔ)上進(jìn)入頁(yè)面，尤其是當(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)勢(shì)，合理應(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)頁(yè)面技術(shù)，就是HTML技術(shù)。一般來說，網(wǎng)站網(wǎng)頁(yè)的本質(zhì)是HTML，HTML作為一種文本文件格式，在這一格式中加入一些標(biāo)簽配上對(duì)應(yīng)的屬性和方法，不僅可以豐富頁(yè)面的內(nèi)容，使得瀏覽器顯示的信息能夠按照設(shè)定的格式和排版配上多媒體，而且也能夠展示所有信息，將頁(yè)面和頁(yè)面之間用超鏈接聯(lián)系在一起，由此可見，靜態(tài)頁(yè)面技術(shù)的合理使用是具有重要的作用。第二是動(dòng)態(tài)頁(yè)面技術(shù)，與靜態(tài)頁(yè)面技術(shù)相比較而言，動(dòng)態(tài)頁(yè)面技術(shù)的使用更加利于互動(dòng)方面，不僅能夠?yàn)橛脩籼峁└娴男畔⒄故竟δ?，而且也能做到與數(shù)據(jù)庫(kù)的連接。在此基礎(chǔ)上衍生出 Web 應(yīng)用程序，從而創(chuàng)造出強(qiáng)大的網(wǎng)頁(yè)，而JSP 是動(dòng)態(tài)頁(yè)面實(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)申請(qǐng)當(dāng)前網(wǎng)頁(yè)未展示的信息，而在申請(qǐng)這一過程中，用戶不能進(jìn)行任何操作，只能等待服務(wù)器的相應(yīng)，而在使用Ajax 技術(shù)之后，這一缺陷正好可以得到彌補(bǔ)，因?yàn)楫?dāng)客戶端頁(yè)面向后臺(tái)發(fā)送一條請(qǐng)求的時(shí)候，后臺(tái)會(huì)依據(jù)這個(gè)請(qǐng)求建立與服務(wù)器的聯(lián)系，如果不滿足就阻塞請(qǐng)求，而客戶端頁(yè)面不需要等待后臺(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)頁(yè)面技術(shù)、動(dòng)態(tài)頁(yè)面技術(shù)中的JSP技術(shù)、Ajax 技術(shù)等，并且建立在Java EE 的框架基礎(chǔ)之上，促使網(wǎng)頁(yè)前端主要由客服人員和系統(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是一種高級(jí)語言，因此，在Java 虛擬環(huán)境的基礎(chǔ)上為上層的應(yīng)用提供豐富的庫(kù)，以此來做好接口進(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ǔ)上寫上代碼，就可以開始頁(yè)面編程工作。第三，在Web平臺(tái)前端開發(fā)設(shè)計(jì)過程中，由于MYSQL是一款經(jīng)典的數(shù)據(jù)庫(kù)，具有免費(fèi)、功能齊全等方面的特點(diǎn)，在這一數(shù)據(jù)庫(kù)之中新建一個(gè)MySQL-data 目錄，完成后再新建一個(gè) my.ini 的文件，以此來充分發(fā)揮這一數(shù)據(jù)庫(kù)的功能。第四，還需要建立JSP頁(yè)面與MYSQL數(shù)據(jù)庫(kù)的聯(lián)系。而要想構(gòu)建JSP動(dòng)態(tài)頁(yè)面網(wǎng)站，就需要用JSP連接MySQL數(shù)據(jù)庫(kù)，在連接完成之后，由于需要用到大量的表，如果仍然用命令的方式是具有不便利的特點(diǎn)，因此，需要下載MySQL的圖形化管理軟件，促使后臺(tái)程序向數(shù)據(jù)庫(kù)寫入數(shù)據(jù)。第五，要想實(shí)現(xiàn)Java 的手機(jī)應(yīng)用向Web端發(fā)送采集到的數(shù)據(jù)信息這一目標(biāo)，首先是需要建立一個(gè)用于存放信息的數(shù)據(jù)庫(kù)和表，一般這一步驟在之前JSP頁(yè)面與MySQL數(shù)據(jù)庫(kù)的聯(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)工作的開展都需要相對(duì)應(yīng)的工作人員參與其中。由此可見，工作人員工作能力的高低，在很大程度上影響一項(xiàng)工作的開展質(zhì)量。相對(duì)應(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è)方面的措施，一方面是在對(duì)外的招聘環(huán)節(jié)中，要盡量避免因?yàn)槿饲?、關(guān)系等原因，在公平的基礎(chǔ)上合理的篩選前來應(yīng)聘的計(jì)算機(jī)人員；另一方面是在對(duì)內(nèi)的人員管理中，多組織一些培訓(xùn)活動(dòng)，如業(yè)務(wù)培訓(xùn)班，不僅進(jìn)行有針對(duì)性的計(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é) 語

針對(duì)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）.