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

1、Web平臺(tái)前端開發(fā)設(shè)計(jì)與實(shí)現(xiàn)-CAL-FENGHAI-(2020YEAR-YICAI)INGBIANWeb平臺(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ì)過(guò)程中，涉及的領(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)的開展提供一些借鑒意見(jiàn)，從而促進(jìn)整體 發(fā)展

2、。關(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- 021前言隨著科學(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ā)展。在We

3、b平臺(tái)發(fā) 展過(guò)程中，對(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ù)概要分析，通過(guò)對(duì)這三方面 內(nèi)容的明確，從而為后續(xù)的探討奠定基礎(chǔ)。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)終端通過(guò)光纖、WiFi等有線 或者是無(wú)線網(wǎng)絡(luò)聯(lián)系起來(lái)，在此基礎(chǔ)上將分散的信息予以

4、 整合，實(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)。需要 注意的是，無(wú)論是在功能還是在角色方面，這三個(gè)組成部 分都是不相同的，比如說(shuō)從功能的角度來(lái)探討，網(wǎng)站信息 門戶的主要功能是為用戶提供最新的官方信息和產(chǎn)品介 紹，Web平臺(tái)前端在開發(fā)設(shè)計(jì)過(guò)程中，要堅(jiān)持具體問(wèn)題具 體分析原則，以此來(lái)做好這一方面的工作。Web平臺(tái)前端的技術(shù)框架對(duì)Web平臺(tái)前端的技術(shù)框架開展分析，首先從Web門 戶會(huì)話Session技術(shù)進(jìn)行切入。Session這一個(gè)單詞可以理解

5、 為會(huì)話的含義，也就是說(shuō)在客戶端和服務(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)密碼，由此可見(jiàn)，從安全角度 來(lái)看，Session大于Cookie；而從時(shí)效性來(lái)看，Cookie大于 Sessiono其次要從MVC模型分析進(jìn)行切入。這一模型在 Web的應(yīng)用中得到大力

6、的推廣，是由視圖、模型、控制器 這三個(gè)部分組成，具有多個(gè)方面的優(yōu)勢(shì)，合理應(yīng)用的話， 能夠發(fā)揮重要的作用。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ù)。一般來(lái)說(shuō)，網(wǎng)站網(wǎng)頁(yè)的本質(zhì)是HTML, HTML 作為一種文本文件格式，在這一格式中加入一些標(biāo)簽配上 對(duì)應(yīng)的屬性和方法，不僅可以豐富頁(yè)面的內(nèi)容，使得瀏覽 器顯示的信息能夠按照設(shè)定的格式和排版配上多媒體，而 且也能夠展示所有信息，將頁(yè)面和頁(yè)面之間用超鏈接聯(lián)系 在一起，由此可見(jiàn)，靜態(tài)頁(yè)面技術(shù)的合理使用是具有重要 的作用。第二是動(dòng)態(tài)頁(yè)面技術(shù)，與靜態(tài)頁(yè)面技術(shù)相比

7、較而 言，動(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) 用的話，能夠帶來(lái)多個(gè)方面的作用。第三是Ajax技術(shù)，這 一項(xiàng)技術(shù)的應(yīng)用目的在于進(jìn)一步提高和用戶的交互性和更 加高效的客戶服務(wù)性。從本質(zhì)上來(lái)講，Ajax技術(shù)是一種異步 通信的方式，在未使用這一項(xiàng)技術(shù)之前，用戶需要向后臺(tái) 申請(qǐng)當(dāng)前網(wǎng)頁(yè)未展示的信息，而在申請(qǐng)這一過(guò)程中，用戶 不能進(jìn)行任何操作，只能等待服務(wù)器的相應(yīng)，而在使用 Ajax技術(shù)之后，這一缺陷正好可以得到彌補(bǔ)，因?yàn)楫?dāng)客戶端 頁(yè)

8、面向后臺(tái)發(fā)送一條請(qǐng)求的時(shí)候，后臺(tái)會(huì)依據(jù)這個(gè)請(qǐng)求建 立與服務(wù)器的聯(lián)系，如果不滿足就阻塞請(qǐng)求，而客戶端頁(yè) 面不需要等待后臺(tái)的響應(yīng)，在很大程度上提高效率，增加 了用裊己玫奶逖扌羅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)容來(lái)進(jìn)行探討和研究，在此基礎(chǔ)上來(lái)明確這 一方面的內(nèi)容，從而促進(jìn)整體的進(jìn)步與發(fā)展。立足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è)前端主要由

9、客服人員和 系統(tǒng)管理人員統(tǒng)一管理，并作為信息服務(wù)平臺(tái)的前端界 面，以此來(lái)促進(jìn)Web平臺(tái)前端開發(fā)設(shè)計(jì)得到良好實(shí)現(xiàn)。具 體來(lái)講，主要體現(xiàn)在以下幾個(gè)方面：第一，安裝和配置 Java虛擬環(huán)境。由于Java是一種高級(jí)語(yǔ)言，因此，在Java 虛擬環(huán)境的基礎(chǔ)上為上層的應(yīng)用提供豐富的庫(kù)，以此來(lái)做 好接口進(jìn)行運(yùn)行。第二，在安裝和配置Java虛擬環(huán)境之 后，開始安裝Tomcato Tomcat的配置需要建立在系統(tǒng)壞境 之下，完成配置之后，啟動(dòng)Tomcat,看到歡迎界面之后， 就說(shuō)明安裝成功，之后建立JSPapp的目錄。需要注意的是 在Tomcat的安裝目錄之下有WEBAPPS目錄，在WEBAPPS 目錄下新建一個(gè)

10、目錄，起名叫MYAPP,并在該目錄下再新 建一個(gè)目錄WEB-INF,在下新建JSP文件的基礎(chǔ)上寫上代 碼，就可以開始頁(yè)面編程工作。第三，在Web平臺(tái)前端開 發(fā)設(shè)計(jì)過(guò)程中，由于MYSQL是一款經(jīng)典的數(shù)據(jù)庫(kù)，具有免費(fèi)、功能齊全等方面的特點(diǎn)，在這一數(shù)據(jù)庫(kù)之中新建一個(gè) MySQLdata目錄，完成后再新建一個(gè)的文件，以此來(lái)充分 發(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)

11、程序向數(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)系建立過(guò)程中就得到實(shí) 現(xiàn)。其次在此基礎(chǔ)上構(gòu)建一個(gè)叫作WebRequest的JSP的后 臺(tái)程序，部署在Tomcat中，然后將手機(jī)端上采集的信息依 附到JSP應(yīng)用程序中的WebRequest中。提高工作人員工作能力，合理使用Ajax技術(shù)為了實(shí)現(xiàn)Web平臺(tái)前端開發(fā)設(shè)計(jì)工作，還可以采取以 下幾個(gè)方面的措施：第一，任何一項(xiàng)工作的開展都需要相 對(duì)應(yīng)的工作人員參與其中。由此可見(jiàn)，工作人員工作能力 的高低，在很大程度上

12、影響一項(xiàng)工作的開展質(zhì)量。相對(duì)應(yīng) 的Web平臺(tái)前端開發(fā)設(shè)計(jì)工作在開展過(guò)程中，無(wú)論是設(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)等方面的問(wèn)題， 這些問(wèn)題的存在，在很大程度上影響Web平臺(tái)前端開發(fā)設(shè) 計(jì)工作得到有效落實(shí)，因此，充分發(fā)揮工作人員的工作能 力是具有重要的作用。而提高工作人T的工作能力，可以 采取兩個(gè)方面的措施，一方面是在對(duì)外的招聘環(huán)節(jié)中，要 盡量避免因?yàn)槿饲椤㈥P(guān)系等原因，在公平的基礎(chǔ)上合理的 篩選前來(lái)應(yīng)聘的計(jì)算機(jī)人員；另一方面是在對(duì)

13、內(nèi)的人員管 理中，多組織一些培訓(xùn)活動(dòng)，如業(yè)務(wù)培訓(xùn)班，不僅進(jìn)行有 針對(duì)性的計(jì)算機(jī)操作方面培訓(xùn)，而且也要進(jìn)行計(jì)算機(jī)知識(shí) 方面的培訓(xùn)，以此來(lái)提高計(jì)算機(jī)人員的實(shí)際能力，從而促 進(jìn)整體的進(jìn)步與發(fā)展。第二，合理應(yīng)用Ajax技術(shù)。由于瀏 覽器與服務(wù)器這兩者之間的傳輸方式可以說(shuō)是同步也可以 說(shuō)是不同步，同步的傳輸方式是最容易實(shí)現(xiàn)的，但是傳輸 的不同步性也是必須考慮的，為了考慮傳輸?shù)牟煌叫裕?就需要使用Ajax這一項(xiàng)技術(shù)。Ajax技術(shù)在上述探討中已經(jīng) 有所涉及，在這里需要更加明確這一項(xiàng)技術(shù)，是基于結(jié)合 異步的JavaScript和XML來(lái)實(shí)現(xiàn)的。第三，Web平臺(tái)前端開 發(fā)設(shè)計(jì)工作得到有效落實(shí)，還需要落實(shí)的一個(gè)措施就是更 新相關(guān)的計(jì)算機(jī)設(shè)備，由于時(shí)代在不斷進(jìn)步，信息技術(shù)也 得到進(jìn)一步發(fā)展，因此，為