劉華明+童彤

摘要：傳統(tǒng)高校作業(yè)收發(fā)及批改存在一定的局限性，利用網(wǎng)絡(luò)技術(shù)，開(kāi)發(fā)基于JSP的作業(yè)管理系統(tǒng)，實(shí)現(xiàn)作業(yè)的管理，具有省時(shí)、省力、方便、快捷的優(yōu)點(diǎn)。該文設(shè)計(jì)的作業(yè)管理系統(tǒng)采用B/S、HTML5、JSP等關(guān)鍵技術(shù)，Tomcat作為服務(wù)器，輔以BootStrap、Jquery等流行的前端技術(shù)優(yōu)化界面交互。該系統(tǒng)主要實(shí)現(xiàn)了課堂上對(duì)作業(yè)的網(wǎng)上發(fā)布、交送、評(píng)定等功能，滿(mǎn)足用戶(hù)需要。

關(guān)鍵詞：作業(yè)管理系統(tǒng)；B/S；HTML5；JSP技術(shù)；BootStrap；Jquery

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 章編號(hào)：1009-3044（2016）25-0066-04

Abstract： In the traditional teaching and homework behind and the presence of limitations， analyzes the job management system based on JSP technology development significance.The job management system based on B/S and it system architecture and key technology such as using JSP design， through the Tomcat container support operation， supplemented by the BootStrap， Jquery popular front-end technology such as optimization of interface interaction.The system mainly implements the class to work online， deliver to， evaluation， and other functions， to facilitate the masses of teachers and students.There are some limitations on submit and distribution of traditional schoolwork， to develop a schoolwork system based on JSP technology using the network technology is a good way to solve the problems， it can achieve the management of the schoolwork， with the advantages of time saving， labor saving， convenient and quick. In this paper， the schoolwork management system uses B/S technology， HTML5 and JSP and so on， as well as use tomcat as sever， and user interface use BootStrap、Jquery technology and so on. The system can submit， distribute schoolwork， correct， assess， and meet customers.

Key words： schoolwork management system； B/S； HTML 5； JSP technology； BootStrap； Jquery

1 背景

隨著信息技術(shù)的發(fā)展，以多媒體計(jì)算機(jī)、網(wǎng)絡(luò)為代表的信息技術(shù)給教育的發(fā)展帶來(lái)了新的生機(jī)，使傳統(tǒng)的教學(xué)方式重新充滿(mǎn)活力[1]。網(wǎng)絡(luò)使教育傳播不再受時(shí)間和地點(diǎn)的限制，網(wǎng)上辦公越來(lái)越流行成為了一種時(shí)尚，作業(yè)管理亦涵蓋于其中，必須認(rèn)識(shí)到在線(xiàn)作業(yè)管理的系統(tǒng)的必要性。當(dāng)前，各式各樣的作業(yè)管理系統(tǒng)層出不窮，所依賴(lài)的技術(shù)與構(gòu)架也是五花八門(mén)，比較流行的如基于PHP、FTP、JSP、Python、Ruby、ASP等，但是就目前而言，我國(guó)的各所學(xué)校仍未廣泛的采用這種網(wǎng)絡(luò)化的作業(yè)管理軟件。一個(gè)優(yōu)秀的系統(tǒng)，能夠切切實(shí)實(shí)的給廣大教師和學(xué)生帶來(lái)便利，真正地為辦公信息化、作業(yè)電子化做貢獻(xiàn)；從而大大的提升教師們的辦公水平和效率，促使個(gè)高校的管理方針向著信息化、網(wǎng)絡(luò)化、集成化的方向發(fā)展。作業(yè)是教學(xué)活動(dòng)一項(xiàng)重要工作，讓作業(yè)的提交、發(fā)布等問(wèn)題更加便利是教學(xué)活動(dòng)順利進(jìn)行的重要條件。所以，有效而又便利作業(yè)管理系統(tǒng)便成為教學(xué)活動(dòng)中不可或缺的一部分[1]。

2 系統(tǒng)設(shè)計(jì)

2.1 系統(tǒng)結(jié)構(gòu)

網(wǎng)站的總體結(jié)構(gòu)和流程圖，普通用戶(hù)（教師和學(xué)生）和管理員分別從不同的入口進(jìn)入，通過(guò)登陸控制器LoginController的檢測(cè)后許可登入，管理員、教師、學(xué)生分別擁有各自的面板控制器AdminDashBoard、TeacherDashBoard、StudentDashBoard，經(jīng)過(guò)面板控制器轉(zhuǎn)發(fā)數(shù)據(jù)到達(dá)各個(gè)頁(yè)面，如圖1所示。

該系統(tǒng)是基于B/S（瀏覽器/服務(wù)器）模式。B/S模式是對(duì)C/S模式的一種改進(jìn)結(jié)構(gòu)，是一種全新的軟件系統(tǒng)構(gòu)造技術(shù)，又稱(chēng)三層結(jié)構(gòu)[2]。它的功能分層如圖2所示。在B/S體系結(jié)構(gòu)系統(tǒng)中，用戶(hù)通過(guò)瀏覽器向分布在網(wǎng)絡(luò)上的服務(wù)器發(fā)出一個(gè)請(qǐng)求，服務(wù)器對(duì)這個(gè)請(qǐng)求進(jìn)行處理，將用戶(hù)所需信息再發(fā)送到瀏覽器上。B/S結(jié)構(gòu)的最大優(yōu)點(diǎn)就在于它使服務(wù)器擔(dān)負(fù)更多的工作，而簡(jiǎn)化客戶(hù)機(jī)的工作?？蛻?hù)機(jī)上只需配置少量的客戶(hù)端軟件，而對(duì)數(shù)據(jù)庫(kù)的訪(fǎng)問(wèn)和應(yīng)用程序的執(zhí)行將在服務(wù)器上完成，即瀏覽器只需要發(fā)出客戶(hù)請(qǐng)求、數(shù)據(jù)請(qǐng)求、加工、結(jié)果返回以及動(dòng)態(tài)網(wǎng)頁(yè)的生成等工作全部由Web Senrer完成[3]。在B/S結(jié)構(gòu)下，所有客戶(hù)端只需裝上操作系統(tǒng)、網(wǎng)絡(luò)協(xié)議軟件、瀏覽器。這樣使師生通過(guò)網(wǎng)絡(luò)可以不受時(shí)間地點(diǎn)進(jìn)行作業(yè)的上傳與批改操作[4]。

2.2 開(kāi)發(fā)工具和開(kāi)發(fā)平臺(tái)

本系統(tǒng)運(yùn)用MyEclipse企業(yè)級(jí)集成開(kāi)發(fā)環(huán)境、Tomcat服務(wù)器、Dreamweaver網(wǎng)頁(yè)編輯器、jQuery、Fileupload、Uploadify等上傳下載插件、JavaEE企業(yè)級(jí)的應(yīng)用框架、Windows操作系統(tǒng)等開(kāi)發(fā)工具和開(kāi)發(fā)平臺(tái)。

在開(kāi)發(fā)技術(shù)上采用Html5超文本標(biāo)記語(yǔ)言、Browser/Server（簡(jiǎn)稱(chēng)B/S）網(wǎng)絡(luò)結(jié)構(gòu)模型、JSP技術(shù)等技術(shù)，本系統(tǒng)考慮到學(xué)生和教師的需求、硬件投入綜合因素，一般安裝windows7，8以及xp操作系統(tǒng)的電腦均可以運(yùn)行該作業(yè)管理系統(tǒng)。本系統(tǒng)是采用JSP技術(shù)編制，JSP是將純Java代碼嵌入在HTML中實(shí)現(xiàn)動(dòng)態(tài)功能的一種技術(shù)，能為創(chuàng)建高度動(dòng)態(tài)的Web應(yīng)用提供一個(gè)獨(dú)特的開(kāi)發(fā)環(huán)境[5]。JSP技術(shù)不僅繼承了Java語(yǔ)言的優(yōu)點(diǎn)，還一改ASP技術(shù)獨(dú)占的、封閉的開(kāi)發(fā)過(guò)程，在原來(lái)的基礎(chǔ)上更易于維護(hù)、開(kāi)放和可擴(kuò)充[6]。在選用后臺(tái)數(shù)據(jù)庫(kù)時(shí)，考慮MySQL。由于作業(yè)上傳下載需要進(jìn)行大量數(shù)據(jù)讀寫(xiě)操作，在效率方面要求很高。本系統(tǒng)采用MySQL作為后臺(tái)數(shù)據(jù)庫(kù)，采用支持事務(wù)和分布式處理的MySQL大型數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)管理，完全可以滿(mǎn)足作業(yè)管理數(shù)據(jù)處理需求。

2.3 系統(tǒng)各功能模塊的設(shè)計(jì)

作業(yè)管理系統(tǒng)顧名思義，它必須實(shí)現(xiàn)網(wǎng)上布置作業(yè)，提交作業(yè)和批改作業(yè)的功能[7]。根據(jù)現(xiàn)有系統(tǒng)主要實(shí)現(xiàn)的功能，現(xiàn)分為以下九個(gè)功能模塊：①登陸模塊、②面板控制器模塊、③公告模塊、④班級(jí)管理模塊、⑤教師管理模塊、⑥學(xué)生管理模塊、⑦課程管理模塊、⑧提問(wèn)管理模塊、⑨作業(yè)管理模塊。各模塊組成部分如下：

①登陸模塊：由網(wǎng)址進(jìn)入登陸界面，登陸界面分為：老師/學(xué)生登錄界面，管理員登陸界面，輸入老師/學(xué)生/管理員的賬號(hào)和密碼通過(guò)登錄驗(yàn)證進(jìn)入對(duì)應(yīng)的主界面，進(jìn)行相應(yīng)操作。

②面板控制器模塊：分為三個(gè)部分：管理員面板控制器模塊、教師面板控制器模塊、學(xué)生面板控制器模塊。

③公告模塊：分為公告管理模塊、公告查看模塊。

④班級(jí)管理模塊：分為添加新班級(jí)、修改更新班級(jí)信息、刪除班級(jí)。

⑤教師管理模塊：分為添加新教師、修改教師信息、刪除教師。

⑥學(xué)生管理模塊：分為添加新學(xué)生、修改學(xué)生信息、刪除學(xué)生。

⑦課程管理模塊：分為添加新課程、修改課程信息、刪除課程。

⑧提問(wèn)管理模塊：分為提出新問(wèn)題、修改問(wèn)題信息、刪除問(wèn)題。

⑨作業(yè)管理模塊：分為教師發(fā)布模塊、學(xué)生提交模塊、教師批改模塊。

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

本系統(tǒng)采用MySQL作為后臺(tái)數(shù)據(jù)庫(kù)環(huán)境。該作業(yè)管理系統(tǒng)數(shù)據(jù)庫(kù)所包括的相關(guān)表有班級(jí)表、課程表、教師表、學(xué)生表、管理員表、公告表、問(wèn)題表、作業(yè)布置表、作業(yè)內(nèi)容表、作業(yè)屬性表等。關(guān)聯(lián)表間的E-R圖：

1） 班級(jí)表（unit_class）

用于存儲(chǔ)班級(jí)信息，主鍵為id，一般情況下班級(jí)名稱(chēng)物理意義上同樣具有唯一性。

2） 課程表（unit_course）

用于存儲(chǔ)課程信息，外鍵關(guān)聯(lián)unit_class、user_teacher。

3） 教師表（user_teacher）

用來(lái)存儲(chǔ)教師信息，提供被unit_course的外鍵檢索。

4） 學(xué)生表（user_student）

放置學(xué)生信息，外鍵unit_course。

5） 管理員表（user_admin）

用于存儲(chǔ)管理員的信息。

6） 公告表（msg_Notice）

用于存放公告信息。

7） 問(wèn)題表（msg_question）

用于存儲(chǔ)學(xué)生提出的問(wèn)題，外鍵關(guān)聯(lián)user_student、unit_course。

8） 作業(yè)發(fā)布表（ass_publish）

用于存儲(chǔ)教師所發(fā)布的作業(yè)信息，外鍵關(guān)聯(lián)user_teacher、unit_class、unit_course。

9） 作業(yè)內(nèi)容表（ass_detail）

用于存放學(xué)生所提交作業(yè)的具體文件和文件名，主鍵id同時(shí)是外鍵關(guān)聯(lián)作業(yè)屬性表的id字段。

10） 作業(yè)屬性表（ass_attribute）

用于存放學(xué)生所提交作業(yè)的各種屬性，外鍵關(guān)聯(lián)發(fā)布作業(yè)表、學(xué)生表，該表的主鍵id與對(duì)應(yīng)的作業(yè)內(nèi)容表id應(yīng)保持一致。

4 系統(tǒng)的功能實(shí)現(xiàn)

4.1 數(shù)據(jù)庫(kù)的連接

用JDBC來(lái)訪(fǎng)問(wèn)MySQL數(shù)據(jù)庫(kù)，JDBC是一種用于執(zhí)行SQL語(yǔ)句的Java API，它由一組用Java編程語(yǔ)言編寫(xiě)的類(lèi)和接口組成。JDBC可做三件事與數(shù)據(jù)庫(kù)建立連接，發(fā)送SQL語(yǔ)句，處理結(jié)果[8]。

4.2 系統(tǒng)功能實(shí)現(xiàn)

上面的系統(tǒng)各功能模塊的設(shè)計(jì)中所提到的功能如：登陸模塊、面板控制器模塊、公告模塊、班級(jí)管理模塊、教師管理模塊、學(xué)生管理模塊、課程管理模塊、提問(wèn)管理模塊、作業(yè)管理模塊。先均已實(shí)現(xiàn)，并開(kāi)始使用。因此該系統(tǒng)的可行性又進(jìn)一步提高。

如登陸驗(yàn)證代碼（學(xué)生）：Student student = new Student（）；

student.setId（Integer.parseInt（myID））；

student.setPassword（myPwd）；

System.out.println（"學(xué)生"+myID+"請(qǐng)求登錄"）；

StudentService ss = new StudentService（）；

if （ss.checkUser（student）） {

request.getSession（）.setAttribute（"loginUser"， student）；

response.sendRedirect（"/aaaa/StudentDashBoard"）；

}else{

request.getSession（）.setAttribute（"errinfo"， "用戶(hù)名或密碼錯(cuò)誤"）；

response.sendRedirect（"/aaaa/Index"）；

}

}else{

response.sendRedirect（"/aaaa/"）；

}

5 結(jié)束語(yǔ)

該作業(yè)管理系統(tǒng)相比于傳統(tǒng)的作業(yè)提交、老師批改大大的提高了便利性，該系統(tǒng)具有通用性強(qiáng)，可移植性好，不僅能滿(mǎn)足局域網(wǎng)作業(yè)提交和批改需要，同時(shí)適用于遠(yuǎn)程作業(yè)提交和批改需要。另外，便于應(yīng)用于各班級(jí)、各類(lèi)課程中；在不同的學(xué)校應(yīng)用只要更換教師與學(xué)生表的數(shù)據(jù)信息即可投入使用，操作方便，具有推廣價(jià)值[9]。

參考文獻(xiàn)：

[1] 劉珍， 楊勝斌， 張錦鴻. 基于J2EE的在線(xiàn)作業(yè)管理系統(tǒng)設(shè)計(jì)與開(kāi)發(fā)[J]. 計(jì)算機(jī)與現(xiàn)代化， 2011（7）： 154-156.

[2] 孫秀娟， 楊民峰. 基于WEB的作業(yè)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 北京工業(yè)職業(yè)技術(shù)學(xué)院學(xué)報(bào)， 2009， 8（2）： 30-32.

[3] 劉遠(yuǎn)鷗， 羅波， 房棟. 根據(jù)B/S體系結(jié)構(gòu)開(kāi)發(fā)應(yīng)用系統(tǒng)分析[J]. 科技信息：科技教育版， 2006（1）： 145.

[4] 何文. 基于B/S結(jié)構(gòu)的網(wǎng)上作業(yè)管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 信息技術(shù)， 2012（12）： 49-51

[5] 胡曉旭. 基于B/S模式和JSP技術(shù)的網(wǎng)絡(luò)教學(xué)系統(tǒng)的研究與實(shí)現(xiàn)[D]. 上海： 華東師范大學(xué)， 2010.

[6] 汪欣. 基于Web的綜合作業(yè)系統(tǒng)[J]. 黃山學(xué)院學(xué)報(bào)， 2011， 13（5）： 47-49.

[7] 陳路生. 電子作業(yè)管理系統(tǒng)的可行性設(shè)計(jì)與實(shí)現(xiàn)[J]. 安徽電子信息職業(yè)技術(shù)學(xué)院學(xué)報(bào)， 2012， 11（2）： 52-54+75.

[8] 百度百科. JDBC[EB/OL]. [2016-07-28].http：//baike.baidu.com/view/25611.htm.

[9] 潘敏. 高校"網(wǎng)上作業(yè)系統(tǒng)"的設(shè)計(jì)與實(shí)現(xiàn)[J]. 電腦知識(shí)與技術(shù)：認(rèn)證考試， 2004（2）： 60-61.