在互聯網時代下,教育需要結合時代發展,讓學生自主進行網絡學習,教師應用互聯網手段進行教學,學生通過互聯網學習,使信息能夠在互聯網上進行流動,而教師學生之間學習交流,則需要一個平臺來支撐,將網站作為載體。本文所提到的項目,主要的服務對象是計算機網絡專業的學生,為其構建的網絡學習平臺,讓學生能夠在了解自身專業的基礎之上,明確自身的學習內容,并應用該平臺實現自主學習。
項目功能
1.閱讀和下載功能
頁面可清楚看到課程資源分類,主要分為三類:(1)基礎課程;(2)網絡設備配置;(3)網絡編程。其中基礎課程有,計算機基礎、維護和組裝和計算機數學,在網絡設備配置有網絡操作系統、Linux服務器配置、路由交換、綜合布線和網絡安全,除此之外,在網絡編程一類中,有C語言、JAVA、JSP與數據庫,每一門課程是一個選項卡,點擊進去可看到教案、教材和課件。
2.答疑系統
用戶點擊答疑系統時,系統會將用戶分為三類,學生、教師和管理員,用戶需要根據身份登錄系統,身份不同,所應用的功能也不同。
(1)管理員
負責信息維護,主要管理四個方面,用戶、新聞、問題與回復,用戶管理功能為添加用戶、用戶列表,新聞管理為添加新聞、新聞列表,問題管理為提問、問題列表,回復管理負責回復。
(2)教師、學生
登錄系統后,可進行提問,同時還有別人指定自己回答問題。學生與教師角色有四個功能:①我提過的問題,會對提過的問題進行顯示;②查看問題,可查看提問過的所有問題;③提問,可提出問題;④需要回答,顯示自己需要回答的問題列表。
項目環境
服務器為Tomcat9.0,數據庫為Mysql5.5,開發環境為myeclipse2016,頁面JSP。
開發技術
系統分兩部分,一前臺頁面,二后臺管理,前臺開發技術為DIV+CSS和框架集,后臺為富文本編輯器和Jquery-EasyUI。
1.前臺開發技術
(1)DIV+CSS
當前,HTML5技術應用較多,頁面布局需要運用DIV+CSS,DIV拆分,頁面內容定位,顯示區域分割,劃分頁面,為Web前段開發技術,主流瀏覽器時IE、360等,都支持DIV標簽。CSS層疊樣式表,美化DIV顯示,格式化與修飾頁面元素,CSS中,可繼承其他文件樣式,可實現顯示與結構的分離,方面維護代碼,加載時,逐層加載,頁面載入加快。
(2)框架集課程資源展示時,用框架集拆分頁面,可將瀏覽器窗口進行劃分,每一個區域時一個框架,框架中顯示網頁,其中還可包括框架集,使展示效果多樣化,也便于查看。框架集定義行、列,行、列值對大小進行規定,但是,frameset與body不可同時使用。
2.后臺開發技術
(1)Jquery-EasyUI
搭建固態管理框架,需使用到Jquery-EasyUI,其本身是一種基于Jquery的用戶界面插件,當前最新的版本是JqueryEasyUI1.4,下載之后,解壓,之后需要將jquery-1.4a2. min.js、themes、query.easyui.min.js導入到頁面文件當中。
(2)富文本編輯器
新聞發布功能,需運用富文本編輯器,富文本編輯器與Word編輯有些類似,本身屬于可內嵌瀏覽器,目前應用較多的是UEditor和KindEditor,項目中,所運用的是KindEditor,版本為4.X。KindEditor是開源HTML編輯器,可滿足用戶需求。開發時,將textarea進行替換,將其替換為可視化的富文本編輯,應用JavaScript語言編寫KindEditor,便無縫與Java或PHP程序集成,特點是體積小,且速度快,開放源代碼,內置的DOM類庫可對DOM進行精確的操作。
開發時,在頁面中創建textarea節點,對id屬性進行確定,引入文件,然后便可運用JavaScript實現對textarea的轉換。
數據庫設計
在用戶表中,用戶類型有角色表示,0管理員、1教師、2學生,登錄時,根據用戶類型的不同,所跳轉的頁面也會不同,表中的狀態,表示用戶的狀態,0正常、1鎖定,當0時,系統功能可正常使用,當1時,需要管理解鎖進行操作。
新聞表、提問表、回復表這三個表中,通過設置外鍵,用戶ID,對表中的用戶ID進行關聯,回復表中,設置外鍵,問題ID,將提問表中的問題ID進行關聯,便可對問題進行查詢,也可對所查詢的問題進行回復,運用主外鍵建立表之間的聯系,在開發的過程中,每一個表對應一個類,類的成員對應表中的字段,將面向對象和關系型數據庫進行聯系。
綜上所述,在JSP技術開發計算機網絡技術專業資源庫平臺的研究中,本文所提到的項目,在眾多人員的配合之下,得以在規定的時間之內完成,并于15年投入使用。在開發的過程中,因時間的緣故,只能在極短的時間之內完成一些主要的功能,該項目在一些低版本的瀏覽器中所呈現出的效果會有所偏差,之后會進行逐步改善,使其能夠更加穩定。