在互聯(lián)網(wǎng)時(shí)代下，教育需要結(jié)合時(shí)代發(fā)展，讓學(xué)生自主進(jìn)行網(wǎng)絡(luò)學(xué)習(xí)，教師應(yīng)用互聯(lián)網(wǎng)手段進(jìn)行教學(xué)，學(xué)生通過互聯(lián)網(wǎng)學(xué)習(xí)，使信息能夠在互聯(lián)網(wǎng)上進(jìn)行流動(dòng)，而教師學(xué)生之間學(xué)習(xí)交流，則需要一個(gè)平臺(tái)來支撐，將網(wǎng)站作為載體。本文所提到的項(xiàng)目，主要的服務(wù)對(duì)象是計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的學(xué)生，為其構(gòu)建的網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，讓學(xué)生能夠在了解自身專業(yè)的基礎(chǔ)之上，明確自身的學(xué)習(xí)內(nèi)容，并應(yīng)用該平臺(tái)實(shí)現(xiàn)自主學(xué)習(xí)。

項(xiàng)目功能

1.閱讀和下載功能

頁(yè)面可清楚看到課程資源分類，主要分為三類：（1）基礎(chǔ)課程；（2）網(wǎng)絡(luò)設(shè)備配置；（3）網(wǎng)絡(luò)編程。其中基礎(chǔ)課程有，計(jì)算機(jī)基礎(chǔ)、維護(hù)和組裝和計(jì)算機(jī)數(shù)學(xué)，在網(wǎng)絡(luò)設(shè)備配置有網(wǎng)絡(luò)操作系統(tǒng)、Linux服務(wù)器配置、路由交換、綜合布線和網(wǎng)絡(luò)安全，除此之外，在網(wǎng)絡(luò)編程一類中，有C語(yǔ)言、JAVA、JSP與數(shù)據(jù)庫(kù)，每一門課程是一個(gè)選項(xiàng)卡，點(diǎn)擊進(jìn)去可看到教案、教材和課件。

2.答疑系統(tǒng)

用戶點(diǎn)擊答疑系統(tǒng)時(shí)，系統(tǒng)會(huì)將用戶分為三類，學(xué)生、教師和管理員，用戶需要根據(jù)身份登錄系統(tǒng)，身份不同，所應(yīng)用的功能也不同。

（1）管理員

負(fù)責(zé)信息維護(hù)，主要管理四個(gè)方面，用戶、新聞、問題與回復(fù)，用戶管理功能為添加用戶、用戶列表，新聞管理為添加新聞、新聞列表，問題管理為提問、問題列表，回復(fù)管理負(fù)責(zé)回復(fù)。

（2）教師、學(xué)生

登錄系統(tǒng)后，可進(jìn)行提問，同時(shí)還有別人指定自己回答問題。學(xué)生與教師角色有四個(gè)功能：①我提過的問題，會(huì)對(duì)提過的問題進(jìn)行顯示；②查看問題，可查看提問過的所有問題；③提問，可提出問題；④需要回答，顯示自己需要回答的問題列表。

項(xiàng)目環(huán)境

服務(wù)器為Tomcat9.0，數(shù)據(jù)庫(kù)為Mysql5.5，開發(fā)環(huán)境為myeclipse2016，頁(yè)面JSP。

開發(fā)技術(shù)

系統(tǒng)分兩部分，一前臺(tái)頁(yè)面，二后臺(tái)管理，前臺(tái)開發(fā)技術(shù)為DIV+CSS和框架集，后臺(tái)為富文本編輯器和Jquery-EasyUI。

1.前臺(tái)開發(fā)技術(shù)

（1）DIV+CSS

當(dāng)前，HTML5技術(shù)應(yīng)用較多，頁(yè)面布局需要運(yùn)用DIV+CSS，DIV拆分，頁(yè)面內(nèi)容定位，顯示區(qū)域分割，劃分頁(yè)面，為Web前段開發(fā)技術(shù)，主流瀏覽器時(shí)IE、360等，都支持DIV標(biāo)簽。CSS層疊樣式表，美化DIV顯示，格式化與修飾頁(yè)面元素，CSS中，可繼承其他文件樣式，可實(shí)現(xiàn)顯示與結(jié)構(gòu)的分離，方面維護(hù)代碼，加載時(shí)，逐層加載，頁(yè)面載入加快。

（2）框架集課程資源展示時(shí)，用框架集拆分頁(yè)面，可將瀏覽器窗口進(jìn)行劃分，每一個(gè)區(qū)域時(shí)一個(gè)框架，框架中顯示網(wǎng)頁(yè)，其中還可包括框架集，使展示效果多樣化，也便于查看?？蚣芗x行、列，行、列值對(duì)大小進(jìn)行規(guī)定，但是，frameset與body不可同時(shí)使用。

2.后臺(tái)開發(fā)技術(shù)

（1）Jquery-EasyUI

搭建固態(tài)管理框架，需使用到Jquery-EasyUI，其本身是一種基于Jquery的用戶界面插件，當(dāng)前最新的版本是JqueryEasyUI1.4，下載之后，解壓，之后需要將jquery-1.4a2. min.js、themes、query.easyui.min.js導(dǎo)入到頁(yè)面文件當(dāng)中。

（2）富文本編輯器

新聞發(fā)布功能，需運(yùn)用富文本編輯器，富文本編輯器與Word編輯有些類似，本身屬于可內(nèi)嵌瀏覽器，目前應(yīng)用較多的是UEditor和KindEditor，項(xiàng)目中，所運(yùn)用的是KindEditor，版本為4.X。KindEditor是開源HTML編輯器，可滿足用戶需求。開發(fā)時(shí)，將textarea進(jìn)行替換，將其替換為可視化的富文本編輯，應(yīng)用JavaScript語(yǔ)言編寫KindEditor，便無縫與Java或PHP程序集成，特點(diǎn)是體積小，且速度快，開放源代碼，內(nèi)置的DOM類庫(kù)可對(duì)DOM進(jìn)行精確的操作。

開發(fā)時(shí)，在頁(yè)面中創(chuàng)建textarea節(jié)點(diǎn)，對(duì)id屬性進(jìn)行確定，引入文件，然后便可運(yùn)用JavaScript實(shí)現(xiàn)對(duì)textarea的轉(zhuǎn)換。

數(shù)據(jù)庫(kù)設(shè)計(jì)

在用戶表中，用戶類型有角色表示，0管理員、1教師、2學(xué)生，登錄時(shí)，根據(jù)用戶類型的不同，所跳轉(zhuǎn)的頁(yè)面也會(huì)不同，表中的狀態(tài)，表示用戶的狀態(tài)，0正常、1鎖定，當(dāng)0時(shí)，系統(tǒng)功能可正常使用，當(dāng)1時(shí)，需要管理解鎖進(jìn)行操作。

新聞表、提問表、回復(fù)表這三個(gè)表中，通過設(shè)置外鍵，用戶ID，對(duì)表中的用戶ID進(jìn)行關(guān)聯(lián)，回復(fù)表中，設(shè)置外鍵，問題ID，將提問表中的問題ID進(jìn)行關(guān)聯(lián)，便可對(duì)問題進(jìn)行查詢，也可對(duì)所查詢的問題進(jìn)行回復(fù)，運(yùn)用主外鍵建立表之間的聯(lián)系，在開發(fā)的過程中，每一個(gè)表對(duì)應(yīng)一個(gè)類，類的成員對(duì)應(yīng)表中的字段，將面向?qū)ο蠛完P(guān)系型數(shù)據(jù)庫(kù)進(jìn)行聯(lián)系。

綜上所述，在JSP技術(shù)開發(fā)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)資源庫(kù)平臺(tái)的研究中，本文所提到的項(xiàng)目，在眾多人員的配合之下，得以在規(guī)定的時(shí)間之內(nèi)完成，并于15年投入使用。在開發(fā)的過程中，因時(shí)間的緣故，只能在極短的時(shí)間之內(nèi)完成一些主要的功能，該項(xiàng)目在一些低版本的瀏覽器中所呈現(xiàn)出的效果會(huì)有所偏差，之后會(huì)進(jìn)行逐步改善，使其能夠更加穩(wěn)定。