Web平臺前端開發設計與實現

朱瑞出

[摘 要] Web平臺前端開發設計是現下計算機領域的重要組成部分，有效進行Web平臺前端開發設計，不但能夠充分發揮互聯網的優勢，在借助互聯網的基礎上搭建一個良好的平臺，而且也能夠服務多方領域，從而促進多個方面得到良好的進步與發展。需要注意的是，在Web平臺前端開發設計過程中，涉及的領域、知識點是涵蓋多個方面，因此，為了實現Web平臺前端開展良好的開發設計活動，文章就針對于此，進行相關方面的探討和研究，希望可以為實際活動的開展提供一些借鑒意見，從而促進整體發展。

[關鍵詞] Web平臺；前端；開發；設計

doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2018. 11. 053

[中圖分類號] TP311 [文獻標識碼] A [文章編號] 1673 - 0194（2018）11- 0120- 02

1 前 言

隨著科學技術的不斷進步與發展，互聯網不僅走入家家戶戶，而且也引入社會中的各行各業，在互聯網深入發展之后，對互聯網提出了新的要求，就是要以互聯網為基礎實現網絡資源共享這一目標，在這一背景之下產生了Web平臺。Web平臺的產生，不僅支持Web界面的布局，成為設計開發的主要工具，而且能夠在很大程度上提高開發效率，從而促進互聯網得到更好的發展。在Web平臺發展過程中，對Web平臺的前端進行開發設計，促使Web平臺能夠允許用戶查詢后臺的記錄，并且借助互聯網將這些數據予以合理保存，將這一目標予以有效落實，有利于促進整體的進步與發展。

2 Web平臺的相關論點探討

這一章節主要探討三個方面的內容，一是Web平臺前端開發設計的需求分析，二是Web平臺前端的技術框架分析，三是Web平臺實現的技術概要分析，通過對這三方面內容的明確，從而為后續的探討奠定基礎。

2.1 Web平臺前端開發設計的需求

Web平臺的實現是基于物聯網的基礎上，將傳統上獨立分開的PC端、網頁端、移動終端通過光纖、WiFi等有線或者是無線網絡聯系起來，在此基礎上將分散的信息予以整合，實現信息在時間和空間方面的優化，而Web平臺前端開發設計為三個組成部分，這三個組成部分共享一個數據庫，但是受到功能、用途、權限的限制。這三個組成部分分別是網站信息門戶、移動終端、在線服務平臺。需要注意的是，無論是在功能還是在角色方面，這三個組成部分都是不相同的，比如說從功能的角度來探討，網站信息門戶的主要功能是為用戶提供最新的官方信息和產品介紹， Web平臺前端在開發設計過程中，要堅持具體問題具體分析原則，以此來做好這一方面的工作。

2.2 Web平臺前端的技術框架

對Web平臺前端的技術框架開展分析，首先從Web 門戶會話 Session 技術進行切入。Session這一個單詞可以理解為會話的含義，也就是說在客戶端和服務器之間建立會話連接，需要注意的是，Session對于用戶登錄的信息并不是永久存在的，而和Session不同的Cookie是保存在客戶端上的，當用戶登錄一個網站的時候，服務器會相應客戶端的請求，在連接建立的基礎上進入頁面，尤其是當客戶多次登入一個網站要輸入賬號密碼時，Cookie就會在用戶第一次登入成功之后，自動記住這一賬號密碼，到了下次登入之后，用戶就不必輸入賬號密碼，由此可見，從安全角度來看，Session大于Cookie；而從時效性來看，Cookie大于Session。其次要從MVC 模型分析進行切入。這一模型在Web的應用中得到大力的推廣，是由視圖、模型、控制器這三個部分組成，具有多個方面的優勢，合理應用的話，能夠發揮重要的作用。

2.3 Web平臺實現的技術概要

實現Web平臺前端進行良好的開發設計可以采用的技術，主要表現在以下幾個方面：第一是靜態頁面技術，就是HTML技術。一般來說，網站網頁的本質是HTML，HTML作為一種文本文件格式，在這一格式中加入一些標簽配上對應的屬性和方法，不僅可以豐富頁面的內容，使得瀏覽器顯示的信息能夠按照設定的格式和排版配上多媒體，而且也能夠展示所有信息，將頁面和頁面之間用超鏈接聯系在一起，由此可見，靜態頁面技術的合理使用是具有重要的作用。第二是動態頁面技術，與靜態頁面技術相比較而言，動態頁面技術的使用更加利于互動方面，不僅能夠為用戶提供更全面的信息展示功能，而且也能做到與數據庫的連接。在此基礎上衍生出 Web 應用程序，從而創造出強大的網頁，而JSP 是動態頁面實現的常用技術之一，合理應用的話，能夠帶來多個方面的作用。第三是Ajax 技術，這一項技術的應用目的在于進一步提高和用戶的交互性和更加高效的客戶服務性。從本質上來講，Ajax 技術是一種異步通信的方式，在未使用這一項技術之前，用戶需要向后臺申請當前網頁未展示的信息，而在申請這一過程中，用戶不能進行任何操作，只能等待服務器的相應，而在使用Ajax 技術之后，這一缺陷正好可以得到彌補，因為當客戶端頁面向后臺發送一條請求的時候，后臺會依據這個請求建立與服務器的聯系，如果不滿足就阻塞請求，而客戶端頁面不需要等待后臺的響應，在很大程度上提高效率，增加了用戶良好的體驗。

3 Web平臺前端開發設計與實現

在明確上述幾個方面的內容之后，這一章節主要探討的內容就是Web平臺前端開發設計的實現，主要提出以下幾個方面的內容來進行探討和研究，在此基礎上來明確這一方面的內容，從而促進整體的進步與發展。

3.1 立足Java EE 的框架，開展一系列設計工作

Web平臺前端開發設計的實現，需要采用靜態頁面技術、動態頁面技術中的JSP技術、Ajax 技術等，并且建立在Java EE 的框架基礎之上，促使網頁前端主要由客服人員和系統管理人員統一管理，并作為信息服務平臺的前端界面，以此來促進Web平臺前端開發設計得到良好實現。具體來講，主要體現在以下幾個方面：第一，安裝和配置Java 虛擬環境。由于Java是一種高級語言，因此，在Java 虛擬環境的基礎上為上層的應用提供豐富的庫，以此來做好接口進行運行。第二，在安裝和配置Java 虛擬環境之后，開始安裝Tomcat。Tomcat的配置需要建立在系統環境之下，完成配置之后，啟動Tomcat，看到歡迎界面之后，就說明安裝成功，之后建立JSP app 的目錄。需要注意的是在Tomcat 的安裝目錄之下有 WEBAPPS目錄，在WEBAPPS目錄下新建一個目錄，起名叫MYAPP，并在該目錄下再新建一個目錄WEB-INF，在下新建JSP文件的基礎上寫上代碼，就可以開始頁面編程工作。第三，在Web平臺前端開發設計過程中，由于MYSQL是一款經典的數據庫，具有免費、功能齊全等方面的特點，在這一數據庫之中新建一個MySQL-data 目錄，完成后再新建一個 my.ini 的文件，以此來充分發揮這一數據庫的功能。第四，還需要建立JSP頁面與MYSQL數據庫的聯系。而要想構建JSP動態頁面網站，就需要用JSP連接MySQL數據庫，在連接完成之后，由于需要用到大量的表，如果仍然用命令的方式是具有不便利的特點，因此，需要下載MySQL的圖形化管理軟件，促使后臺程序向數據庫寫入數據。第五，要想實現Java 的手機應用向Web端發送采集到的數據信息這一目標，首先是需要建立一個用于存放信息的數據庫和表，一般這一步驟在之前JSP頁面與MySQL數據庫的聯系建立過程中就得到實現。其次在此基礎上構建一個叫作WebRequest的JSP的后臺程序， 部署在Tomcat 中，然后將手機端上采集的信息依附到JSP應用程序中的WebRequest中。

3.2 提高工作人員工作能力，合理使用Ajax 技術

為了實現Web平臺前端開發設計工作，還可以采取以下幾個方面的措施：第一，任何一項工作的開展都需要相對應的工作人員參與其中。由此可見，工作人員工作能力的高低，在很大程度上影響一項工作的開展質量。相對應的Web平臺前端開發設計工作在開展過程中，無論是設計還是開發，都需要充分調動工作人員的作用，才能在此基礎上實現Web平臺前端進行有效的開發設計。但是在實際發展中，在Web平臺前端開發設計工作中，有關于工作人員方面還存在著工作能力不高、素質不強等方面的問題，這些問題的存在，在很大程度上影響Web平臺前端開發設計工作得到有效落實，因此，充分發揮工作人員的工作能力是具有重要的作用。而提高工作人員的工作能力，可以采取兩個方面的措施，一方面是在對外的招聘環節中，要盡量避免因為人情、關系等原因，在公平的基礎上合理的篩選前來應聘的計算機人員；另一方面是在對內的人員管理中，多組織一些培訓活動，如業務培訓班，不僅進行有針對性的計算機操作方面培訓，而且也要進行計算機知識方面的培訓，以此來提高計算機人員的實際能力，從而促進整體的進步與發展。第二，合理應用Ajax 技術。由于瀏覽器與服務器這兩者之間的傳輸方式可以說是同步也可以說是不同步，同步的傳輸方式是最容易實現的，但是傳輸的不同步性也是必須考慮的，為了考慮傳輸的不同步性，就需要使用Ajax這一項技術。Ajax 技術在上述探討中已經有所涉及，在這里需要更加明確這一項技術，是基于結合異步的 JavaScript 和 XML 來實現的。第三，Web平臺前端開發設計工作得到有效落實，還需要落實的一個措施就是更新相關的計算機設備，由于時代在不斷進步，信息技術也得到進一步發展，因此，為了做好Web平臺前端開發設計工作，及時更新計算機設備，有利于促進整體的進步與發展。

4 結 語

針對Web平臺前端的開發設計進行了上述論點的探討，希望可以促進整體的進步與發展。

主要參考文獻

[1]王成，李少元，鄭黎曉，等.Web前端性能優化方案與實踐[J]. 計算機應用與軟件，2014（12）.

[2]于春娜，王晨升，楊光，等.Web前端MVC框架的意義研究[J].產業與科技論壇，2014（1）.

[3]袁婷.淺談Web前端開發[J].無線互聯科技，2017（2）.