大學(xué)生精品課程網(wǎng)站的設(shè)計(jì)與開發(fā)＊

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

大學(xué)生精品課程網(wǎng)站的設(shè)計(jì)與開發(fā)＊

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

（三峽大學(xué) 計(jì)算機(jī)與信息學(xué)院，湖北 宜昌 443000）

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

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

1 引言

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

2 實(shí)現(xiàn)技術(shù)

2.1 Bootstrap框架

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

2.2 SSM框架

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

2.3 MySQL

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

2.4 Ajax

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

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

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

3 總體設(shè)計(jì)

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

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

該系統(tǒng)面向?qū)W生和教師。學(xué)生登錄系統(tǒng)后，系統(tǒng)可判斷學(xué)生的身份，學(xué)生可以下載學(xué)習(xí)教師上傳的資料；教師具有管理員的部分權(quán)限，可上傳教學(xué)資料或?qū)⑦^期的資料刪除。

3.2 學(xué)生個(gè)人空間

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

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

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

3.4 在線考試

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

3.5 在線論壇

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

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

通過以上分析設(shè)計(jì)出用戶信息表，如表1所示。

表1 用戶信息表（User）

字段名稱字段類型字段長(zhǎng)度字段含義備注 IDvarchar20學(xué)生學(xué)號(hào)PRIMARYKEY UserNamevarchar20學(xué)生姓名 Passwordvarchar20注冊(cè)密碼 Sexvarchar20性別 Ageint 年齡 Imagevarchar100照片 Classvarchar20班級(jí)

5 結(jié)語

運(yùn)用網(wǎng)絡(luò)技術(shù)，方便教師對(duì)學(xué)生的管理，在減輕教師教學(xué)負(fù)擔(dān)的情況下，極大提高教師資源的利用率，構(gòu)造一種新型、高效的教學(xué)方式。通過SSM框架使后臺(tái)使系統(tǒng)的可擴(kuò)展性提高，降低后期系統(tǒng)的維護(hù)成本；以bootstrap作為前端框架，極大兼容了各種移動(dòng)設(shè)備，教學(xué)質(zhì)量得到提升。

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

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

［3］黃書君.基礎(chǔ)英語精品課程網(wǎng)站的構(gòu)建與應(yīng)用［J］.哈爾濱職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2018（1）：154-157.

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

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

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

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

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

TP393.092

A

10.15913/j.cnki.kjycx.2019.14.016

2095－6835（2019）14－0042－02

榮先釗，三峽大學(xué)2016級(jí)本科生，研究方向?yàn)閃EB應(yīng)用程序設(shè)計(jì)。左先旺，三峽大學(xué)2016級(jí)本科生，研究方向?yàn)橹悄茈娋W(wǎng)信息工程。林宇馳，三峽大學(xué)2016級(jí)本科生，研究方向?yàn)闄C(jī)器視覺。

張上，博士，研究方向?yàn)橛?jì)算機(jī)科學(xué)與技術(shù)、物聯(lián)網(wǎng)、嵌入式系統(tǒng)。

宜昌市2018年應(yīng)用基礎(chǔ)研究項(xiàng)目（編號(hào)：A18-302-a13）

〔編輯：嚴(yán)麗琴〕