Web平臺前端開發(fā)設(shè)計與實現(xiàn)

1、Web平臺前端開發(fā)設(shè)計與實現(xiàn)-CAL-FENGHAI-(2020YEAR-YICAI)INGBIANWeb平臺前端開發(fā)設(shè)計與實現(xiàn)摘要Web平臺前端開發(fā)設(shè)計是現(xiàn)下計算機(jī)領(lǐng)域的重 要組成部分，有效進(jìn)行Web平臺前端開發(fā)設(shè)計，不但能夠 充分發(fā)揮互聯(lián)網(wǎng)的優(yōu)勢，在借助互聯(lián)網(wǎng)的基礎(chǔ)上搭建一個 良好的平臺，而且也能夠服務(wù)多方領(lǐng)域，從而促進(jìn)多個方 面得到良好的進(jìn)步與發(fā)展。需要注意的是，在Web平臺前 端開發(fā)設(shè)計過程中，涉及的領(lǐng)域、知識點是涵蓋多個方 而，因此，為了實現(xiàn)Web平臺前端開展良好的開發(fā)設(shè)計活 動，文章就針對于此，進(jìn)行相關(guān)方面的探討和研究，希望 可以為實際活動的開展提供一些借鑒意見，從而促進(jìn)整體 發(fā)展

2、。關(guān)鍵詞Web平臺；前端；開發(fā)；設(shè)計doi : 10 3969 /j. issn . 1673 - 0194.2018. 11. 053中圖分類號TP311 文獻(xiàn)標(biāo)識碼A 文章編號1673 0194 (2018 ) 11-0120- 021前言隨著科學(xué)技術(shù)的不斷進(jìn)步與發(fā)展，互聯(lián)網(wǎng)不僅走入家 家戶戶，而且也引入社會中的各行各業(yè)，在互聯(lián)網(wǎng)深入發(fā) 展之后，對互聯(lián)網(wǎng)提出了新的要求，就是要以互聯(lián)網(wǎng)為基 礎(chǔ)實現(xiàn)網(wǎng)絡(luò)資源共享這一目標(biāo)，在這一背景之下產(chǎn)生了 Web平臺。Web平臺的產(chǎn)生，不僅支持Web界面的布局， 成為設(shè)計開發(fā)的主要工具，而且能夠在很大程度上提高開 發(fā)效率，從而促進(jìn)互聯(lián)網(wǎng)得到更好的發(fā)展。在We

3、b平臺發(fā) 展過程中，對Web平臺的前端進(jìn)行開發(fā)設(shè)計，促使Web平 臺能夠允許用戶查詢后臺的記錄，并且借助互聯(lián)網(wǎng)將這些 數(shù)據(jù)予以合理保存，將這一目標(biāo)予以有效落實，有利于促 進(jìn)整體的進(jìn)步與發(fā)展。2 Web平臺的相關(guān)論點探討這一章節(jié)主要探討三個方面的內(nèi)容，一是Web平臺前 端開發(fā)設(shè)計的需求分析，二是Web平臺前端的技術(shù)框架分 析，三是Web平臺實現(xiàn)的技術(shù)概要分析，通過對這三方面 內(nèi)容的明確，從而為后續(xù)的探討奠定基礎(chǔ)。Web平臺前端開發(fā)設(shè)計的需求Web平臺的實現(xiàn)是基于物聯(lián)網(wǎng)的基礎(chǔ)上，將傳統(tǒng)上獨 立分開的PC端、網(wǎng)頁端、移動終端通過光纖、WiFi等有線 或者是無線網(wǎng)絡(luò)聯(lián)系起來，在此基礎(chǔ)上將分散的信息予以

4、 整合，實現(xiàn)信息在時間和空間方面的優(yōu)化，而Web平臺前 端開發(fā)設(shè)計為三個組成部分，這三個組成部分共享一個數(shù) 據(jù)庫，但是受到功能、用途、權(quán)限的限制。這三個組成部 分分別是網(wǎng)站信息門戶、移動終端、在線服務(wù)平臺。需要 注意的是，無論是在功能還是在角色方面，這三個組成部 分都是不相同的，比如說從功能的角度來探討，網(wǎng)站信息 門戶的主要功能是為用戶提供最新的官方信息和產(chǎn)品介 紹，Web平臺前端在開發(fā)設(shè)計過程中，要堅持具體問題具 體分析原則，以此來做好這一方面的工作。Web平臺前端的技術(shù)框架對Web平臺前端的技術(shù)框架開展分析，首先從Web門 戶會話Session技術(shù)進(jìn)行切入。Session這一個單詞可以理解

5、 為會話的含義，也就是說在客戶端和服務(wù)器之間建立會話 連接，需要注意的是，Session對于用戶登錄的信息并不是 永久存在的，而和Session不同的Cookie是保存在客戶端上 的，當(dāng)用戶登錄一個網(wǎng)站的時候，服務(wù)器會相應(yīng)客戶端的 請求，在連接建立的基礎(chǔ)上進(jìn)入頁面，尤其是當(dāng)客戶多次 登入一個網(wǎng)站要輸入賬號密碼時，Cookie就會在用戶第一 次登入成功之后，自動記住這一賬號密碼，到了下次登入 之后，用戶就不必輸入賬號密碼，由此可見，從安全角度 來看，Session大于Cookie；而從時效性來看，Cookie大于 Sessiono其次要從MVC模型分析進(jìn)行切入。這一模型在 Web的應(yīng)用中得到大力

6、的推廣，是由視圖、模型、控制器 這三個部分組成，具有多個方面的優(yōu)勢，合理應(yīng)用的話， 能夠發(fā)揮重要的作用。Web平臺實現(xiàn)的技術(shù)概要實現(xiàn)Web平臺前端進(jìn)行良好的開發(fā)設(shè)計可以采用的技 術(shù)，主要表現(xiàn)在以下幾個方面：第一是靜態(tài)頁面技術(shù)，就 是HTML技術(shù)。一般來說，網(wǎng)站網(wǎng)頁的本質(zhì)是HTML, HTML 作為一種文本文件格式，在這一格式中加入一些標(biāo)簽配上 對應(yīng)的屬性和方法，不僅可以豐富頁面的內(nèi)容，使得瀏覽 器顯示的信息能夠按照設(shè)定的格式和排版配上多媒體，而 且也能夠展示所有信息，將頁面和頁面之間用超鏈接聯(lián)系 在一起，由此可見，靜態(tài)頁面技術(shù)的合理使用是具有重要 的作用。第二是動態(tài)頁面技術(shù)，與靜態(tài)頁面技術(shù)相比

7、較而 言，動態(tài)頁面技術(shù)的使用更加利于互動方面，不僅能夠為 用戶提供更全面的信息展示功能，而且也能做到與數(shù)據(jù)庫 的連接。在此基礎(chǔ)上衍生出Web應(yīng)用程序，從而創(chuàng)造出強(qiáng) 大的網(wǎng)頁，而JSP是動態(tài)頁面實現(xiàn)的常用技術(shù)之一，合理應(yīng) 用的話，能夠帶來多個方面的作用。第三是Ajax技術(shù)，這 一項技術(shù)的應(yīng)用目的在于進(jìn)一步提高和用戶的交互性和更 加高效的客戶服務(wù)性。從本質(zhì)上來講，Ajax技術(shù)是一種異步 通信的方式，在未使用這一項技術(shù)之前，用戶需要向后臺 申請當(dāng)前網(wǎng)頁未展示的信息，而在申請這一過程中，用戶 不能進(jìn)行任何操作，只能等待服務(wù)器的相應(yīng)，而在使用 Ajax技術(shù)之后，這一缺陷正好可以得到彌補(bǔ)，因為當(dāng)客戶端 頁

8、面向后臺發(fā)送一條請求的時候，后臺會依據(jù)這個請求建 立與服務(wù)器的聯(lián)系，如果不滿足就阻塞請求，而客戶端頁 面不需要等待后臺的響應(yīng)，在很大程度上提高效率，增加 了用裊己玫奶逖扌羅3 Web平臺前端開發(fā)設(shè)計與實現(xiàn)在明確上述幾個方面的內(nèi)容之后，這一章節(jié)主要探討 的內(nèi)容就是Web平臺前端開發(fā)設(shè)計的實現(xiàn)，主要提出以下 幾個方面的內(nèi)容來進(jìn)行探討和研究，在此基礎(chǔ)上來明確這 一方面的內(nèi)容，從而促進(jìn)整體的進(jìn)步與發(fā)展。立足Java EE的框架，開展一系列設(shè)計工作Web平臺前端開發(fā)設(shè)計的實現(xiàn)，需要采用靜態(tài)頁面技 術(shù)、動態(tài)頁面技術(shù)中的JSP技術(shù)、Ajax技術(shù)等，并且建立在 Java EE的框架基礎(chǔ)之上，促使網(wǎng)頁前端主要由

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

10、目錄，起名叫MYAPP,并在該目錄下再新 建一個目錄WEB-INF,在下新建JSP文件的基礎(chǔ)上寫上代 碼，就可以開始頁面編程工作。第三，在Web平臺前端開 發(fā)設(shè)計過程中，由于MYSQL是一款經(jīng)典的數(shù)據(jù)庫，具有免費、功能齊全等方面的特點，在這一數(shù)據(jù)庫之中新建一個 MySQLdata目錄，完成后再新建一個的文件，以此來充分 發(fā)揮這一數(shù)據(jù)庫的功能。第四，還需要建立JSP頁面與 MYSQL數(shù)據(jù)庫的聯(lián)系。而要想構(gòu)建JSP動態(tài)頁面網(wǎng)站，就 需要用JSP連接MySQL數(shù)據(jù)庫，在連接完成之后，由于需 要用到大量的表，如果仍然用命令的方式是具有不便利的 特點，因此，需要下載MySQL的圖形化管理軟件，促使后 臺

11、程序向數(shù)據(jù)庫寫入數(shù)據(jù)。第五，要想實現(xiàn)Java的手機(jī)應(yīng) 用向Web端發(fā)送采集到的數(shù)據(jù)信息這一目標(biāo)，首先是需要 建立一個用于存放信息的數(shù)據(jù)庫和表，一般這一步驟在之 前JSP頁而與MySQL數(shù)據(jù)庫的聯(lián)系建立過程中就得到實 現(xiàn)。其次在此基礎(chǔ)上構(gòu)建一個叫作WebRequest的JSP的后 臺程序，部署在Tomcat中，然后將手機(jī)端上采集的信息依 附到JSP應(yīng)用程序中的WebRequest中。提高工作人員工作能力，合理使用Ajax技術(shù)為了實現(xiàn)Web平臺前端開發(fā)設(shè)計工作，還可以采取以 下幾個方面的措施：第一，任何一項工作的開展都需要相 對應(yīng)的工作人員參與其中。由此可見，工作人員工作能力 的高低，在很大程度上

12、影響一項工作的開展質(zhì)量。相對應(yīng) 的Web平臺前端開發(fā)設(shè)計工作在開展過程中，無論是設(shè)計 還是開發(fā)，都需要充分調(diào)動工作人員的作用，才能在此基 礎(chǔ)上實現(xiàn)Web平臺前端進(jìn)行有效的開發(fā)設(shè)計。但是在實際 發(fā)展中，在Web平臺前端開發(fā)設(shè)計工作中，有關(guān)于工作人 員方面還存在著工作能力不高、素質(zhì)不強(qiáng)等方面的問題， 這些問題的存在，在很大程度上影響Web平臺前端開發(fā)設(shè) 計工作得到有效落實，因此，充分發(fā)揮工作人員的工作能 力是具有重要的作用。而提高工作人T的工作能力，可以 采取兩個方面的措施，一方面是在對外的招聘環(huán)節(jié)中，要 盡量避免因為人情、關(guān)系等原因，在公平的基礎(chǔ)上合理的 篩選前來應(yīng)聘的計算機(jī)人員；另一方面是在對

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