榮先釗，左先旺，林宇馳，張上

大學生精品課程網站的設計與開發(fā)＊

榮先釗，左先旺，林宇馳，張上

（三峽大學 計算機與信息學院，湖北 宜昌 443000）

隨著計算機技術的不斷發(fā)展，傳統(tǒng)大學生的管理方式逐漸被網絡化管理取代。而大學生精品課程網站的主旨是對大學生的課程實現(xiàn)網絡化管理，它通過網絡的時效性使教師和學生的溝通不再具有延時性，打破了傳統(tǒng)教育模式下的時間與空間的限制，使有限的教師資源得到最大利用。采用SSM框架搭建的大學生精品課程網站，前端通過bootstrap框架實現(xiàn)響應式布局，后臺基于Java語言實現(xiàn)SSM框架，實現(xiàn)教學資源的最大化利用。

SSM框架；Bootstrap框架；Java；在線答疑

1 引言

目前，有許多實現(xiàn)動態(tài)交互的網站技術，如PHP、ASP等。但是使用Java開發(fā)，Spring、SpringMVC、MyBatis框架實現(xiàn)后臺開發(fā)，相比其他技術，其整體結構穩(wěn)定、可擴展性強、軟件的維護成本低且可與現(xiàn)在主流的前端框架有很好的契合，對數(shù)據(jù)的傳輸效率以及數(shù)據(jù)存儲有好的幫助。

2 實現(xiàn)技術

2.1 Bootstrap框架

Bootstrap框架用于開發(fā)響應式布局，移動設備優(yōu)先的前端框架，由twitter的工程師開發(fā)，具有簡單易用、靈活性高、可擴展性強等優(yōu)點?；趆tml、CSS的Bootstrap學習上手迅速，兼容市面上絕大多數(shù)的瀏覽器，響應式布局設計，讓頁面可以自動根據(jù)用戶的設備調整顯示的分辨率，給用戶更好的視覺體驗。目前其源代碼已經開源，大量工程師為其貢獻代碼，且支持本地編譯，方便開發(fā)人員進行開發(fā)。

2.2 SSM框架

SSM框架是Spring+SpringMVC+MyBatis的整合。傳統(tǒng)創(chuàng)建對象由開發(fā)員NEW得到，而Spring框架則將其統(tǒng)一管理，控制反轉（IOC）和切面編程（AOP）使控制對象的生成和管理事務變得更加容易。SpringMVC框架入口基于servlet，它將處理器映射器、處理器適配器、視圖解析器分開，相比Struts與Spring的整合，SpringMVC整合采用配置文件的方式，更輕松地與Spring整合。Mybatis是目前主流的持久層框架，使用簡單，將sql語句以XML配置文件方式集體存放，更方便進行管理與維護。

2.3 MySQL

MySQL是一款免費的數(shù)據(jù)庫，和Java語言的兼容性非常好，適合中小型企業(yè)開發(fā)，其具有讀寫速度快、數(shù)據(jù)冗余低、更簡潔的IO操作等優(yōu)點，方便開發(fā)人員開發(fā)，降低后期的維護成本。

2.4 Ajax

Ajax（Asynchronous Javascript And XML）即異步Javascript與XML，其并非是一個新技術，而是將原有的技術再次進程封裝，簡化開發(fā)步驟。

異步請求主要用于頁面的局部刷新，登錄時，往往需要登錄后將數(shù)據(jù)提交給后臺，然后后臺再檢測提交的ID和password的合法性與正確性，而Ajax將合法性判斷的任務交由前臺系統(tǒng)。這樣做的優(yōu)點是無需提交整個頁面，而只提交頁面的某個地方，減少網絡的傳遞量，提高數(shù)據(jù)的傳輸速度，降低后臺邏輯判斷的復雜性，使系統(tǒng)開發(fā)變得簡單。

創(chuàng)建XmlHttpRequest對象步驟：這部分創(chuàng)建的對象，由于針對不同的瀏覽器，需要做出判斷，所以不用直接寫，可重復使用。發(fā)送請求request.open(“GET”,”/AjaxAndJQuery/demoServlet01?name=’eric’&password=’123’”,true); request.send()。

3 總體設計

本系統(tǒng)主要實現(xiàn)學生線上作業(yè)提交、資料下載、在線答疑以及最新消息的獲取。對于教師（管理員），則可實現(xiàn)在線作業(yè)批改、為學生答疑、資料的上傳和刪除以及發(fā)布最新通告。大學生精品課程結構如圖1所示。

3.1 資源的上傳、下載、刪除

該系統(tǒng)面向學生和教師。學生登錄系統(tǒng)后，系統(tǒng)可判斷學生的身份，學生可以下載學習教師上傳的資料；教師具有管理員的部分權限，可上傳教學資料或將過期的資料刪除。

3.2 學生個人空間

學生登錄后，可以進入個人空間，對個人信息進行修改，包括密碼、所選教師等；還可以看到所選教師發(fā)布的作業(yè)信息，作業(yè)信息由教師統(tǒng)一發(fā)布，教師只會發(fā)布給那些選他的學生，無需教師一個個通知學生做作業(yè)，方便教師發(fā)布作業(yè)及驗收作業(yè)。

3.3 作業(yè)的發(fā)布及提交

教師可以在線編輯作業(yè)或者上傳doc/docx、jpg、PDF等格式的作業(yè)，然后一鍵發(fā)布，那些選擇該教師課程的學生將在個人空間里面收到這份作業(yè)，且教師可以查看學生作業(yè)提交情況，包括提交時間、提交次數(shù)等信息。教師可將學生的作業(yè)簡單批改后，按照原路徑將文件返回給學生改進。這種方式實現(xiàn)了教師與學生的一對一輔導，對于學生的作業(yè)完成度有很大提高。

3.4 在線考試

教師可發(fā)布在線考試，考試有明確的時間規(guī)定以及操作規(guī)定。考試消息發(fā)布后，學生必須在規(guī)定的時間內完成測試，且考試頁面打開后不能進行其他頁面操作，系統(tǒng)檢測頁面的離開次數(shù)，將被記錄在數(shù)據(jù)庫的表中，教師可查看具體信息。

3.5 在線論壇

學生登錄系統(tǒng)后，可以進入在線答疑界面，相當于教師和學生進入一個討論組，教師和學生都可以在其中發(fā)言，教師可以給學生進行答疑，方便學生在線學習。

4 數(shù)據(jù)庫的設計

通過以上分析設計出用戶信息表，如表1所示。

表1 用戶信息表（User）

字段名稱字段類型字段長度字段含義備注 IDvarchar20學生學號PRIMARYKEY UserNamevarchar20學生姓名 Passwordvarchar20注冊密碼 Sexvarchar20性別 Ageint 年齡 Imagevarchar100照片 Classvarchar20班級

5 結語

運用網絡技術，方便教師對學生的管理，在減輕教師教學負擔的情況下，極大提高教師資源的利用率，構造一種新型、高效的教學方式。通過SSM框架使后臺使系統(tǒng)的可擴展性提高，降低后期系統(tǒng)的維護成本；以bootstrap作為前端框架，極大兼容了各種移動設備，教學質量得到提升。

［1］童威，黃啟萍.精品課程網站建設方案及對教學的思考——以C語言程序設計課程為例［J］.安徽電氣工程職業(yè)技術學院學報，2018，23（4）：107-110.

［2］文銀娟，趙靜.基于數(shù)據(jù)挖掘的精品課程網站架構設計［J］.網絡安全技術與應用，2018（1）：56-57.

［3］黃書君.基礎英語精品課程網站的構建與應用［J］.哈爾濱職業(yè)技術學院學報，2018（1）：154-157.

［4］周毅勇.基于PHP的精品課程網站設計與實現(xiàn)［J］.信息技術與信息化，2018（11）：131-133.

［5］繆茸.基于SaaS的精品課程網站系統(tǒng)設計與實現(xiàn)［J］.電子設計工程，2018，26（10）：30-34.

［6］張新峰，張軒.基于SSM框架的現(xiàn)代信號處理精品課程網站分析與設計［J］.教育教學論壇，2018（4）：272-273.

［7］劉暢，王冰梅，徐慧穎，等.基于精品課程網站的WPBL教學模式的嘗試［J］.教育教學論壇，2017（13）：179-180.

［8］竇立君，張金鳳，吳堯.基于JSP的精品課程網站設計與實現(xiàn)［J］.電腦知識與技術（學術版），2016，12（10）：33-35.

TP393.092

A

10.15913/j.cnki.kjycx.2019.14.016

2095－6835（2019）14－0042－02

榮先釗，三峽大學2016級本科生，研究方向為WEB應用程序設計。左先旺，三峽大學2016級本科生，研究方向為智能電網信息工程。林宇馳，三峽大學2016級本科生，研究方向為機器視覺。

張上，博士，研究方向為計算機科學與技術、物聯(lián)網、嵌入式系統(tǒng)。

宜昌市2018年應用基礎研究項目（編號：A18-302-a13）

〔編輯：嚴麗琴〕