网上作业批改系统毕业设计论文

毕业设计

（2014 届）

题目网上作业批改系统的设计与实现

学院

专业

年级

学生学号

学生姓名

指导教师

2014年5月6日

网上作业批改系统的设计与实现

数学计算机学院计算机科学与技术（师范）专业2014届

摘要：随着计算机及互联网的发展，网络在线教学系统已成为一种必需的教学途径.因此网上作业批改系统便成为网络教学系统不可或缺的组成部分，此系统基于B/S结构，采用JSP 语言开发，以MySQL为后台数据库，实现了教师对作业的发布，学生对作业的提交以及教师对作业的评阅，查看相关公告和下载相关教学资料等，以提高作业的教学价值、管理效率及质量.

关键词：网上作业批改；WEB；JSP；B/S结构

Online homework correcting system design and

Implementation

Abstract:With the development of computer and Internet, online teaching system has been beco me a required teaching approach. So, online check homework is an important method to this syst em. This system based on Browser/Server, writing with JSP, and using MySQL as backend datab ase. So, this system realize teacher publish job, and accomplish hand in your homework and chec k homework feature, check the announcements and download teaching materials, finally improve the quality of teaching and managerial effectiveness.

Key words: the implementation of online homework systems；WEB；JSP；B / S structure

目录

1 引言 (1)

1.1 课题背景、目的及意义 (1)

1.2 开发工具及技术 (2)

1.2.1 Eclipse与My Eclipse的对比 (2)

1.2.2 Tomcat 服务器 (2)

1.2.3 SQL Server与MySQL 的比较 (3)

1.2.4 ASP与JSP的比较 (3)

1.2.5 JavaScript (4)

1.2.6 C/S和B/S结构的比较 (4)

2 可行性分析 (5)

2.1 技术的可行性 (5)

2.2 经济的可行性 (6)

2.3 操作可行性 (6)

2.4 法律的可行性 (6)

3 需求分析 (6)

3.1性能需求 (6)

3.2 用户的需求分析 (7)

3.3 系统用户总体ER图 (8)

4 系统分析与设计 (9)

4.1 设计的基本思想 (9)

4.2 软硬件需求 (9)

4.3 功能设计 (9)

4.4 数据库的连接原理 (10)

4.4.1 数据库的逻辑结构设计 (11)

4.5 前台网站 (14)

4.5.1网站首面设计 (14)

4.5.2 学生提交作业 (15)

4.5.3 教师批阅作业 (16)

4.5.4 教师批阅信息 (16)

4.6后台设计 (17)

4.6.1 学生信息管理 (17)

4.6.2 教师信息管理 (18)

4.6.3 修改密码 (18)

4.6.4 注销系统 (19)

5 系统测试 (20)

5.1 系统测试目的与意义 (20)

5.2 测试过程 (20)

5.2.1主页面的登录模块测试 (20)

5.2.2 测试结果 (21)

5.3 中文乱码问题处理 (21)

5.4 其他错误 (22)

结束语 (23)

参考文献 (24)

致谢 (25)

网上作业批改系统的设计与实现

1 引言

1.1 课题背景、目的及意义

随着计算机技术的快速发展，信息化成为传统产业提高工作效率和企业竞争力的重要途径，全世界的信息技术发展迅猛，信息技术已经逐渐应用到各个领域，网络应用在现代教育技术领域中日益广泛，并越来越有力的展示出了传统教学方式的缺点，更加突显了在互联网下的教学模式的优越性.目前，大中小学都在进行信息化的建设，大到覆盖整个校园乃至全世界的校园网系统，小到各种教学用系统，都在实际的教学工作和科研工作中发挥着至关重要的作用.在国内，虽然使用计算机提交作业已相当普遍，但能够合理使用硬件资源，有条理地管理好学生作业信息的却少之又少.国际互联网的出现极大地推动了教育的发展[1].

随着计算机以及网络的普及，教师与学生对辅助教学方式的要求也越来越高，在教学辅助方式上追求质量及效率.作为教学核心组成之一的作业批改也趋向更加便捷快速的方式.经过调查，现阶段高校进行作业管理的方式主要有三种：①教师与学生的课外教学互动通过公共邮箱，如教师一般把教学资料上传到公共邮箱供学生下载，学生把电子版作业上交到公共邮箱.这种方式的局限性是邮箱的容量有限，对于大容量邮件，服务器只保存有限的时间而且教师难以统计学生提交作业的情况，也难以批改.②通过U盘拷贝教师发布作业以及提交作业，这种方式的成本高，一旦U盘损坏会导致作业丢失[2].③部分有该方面技术的教师会建立个人辅助教学网站，网站开发需花费教师较多的时间和精力，一旦建成，修改要手动编辑源代码，比较麻烦，而且教师的个人教学辅助网站相对分散，其共享性不强，可管理性较差.

针对目前的状况，很有必要开发一个操作简单，功能完备，为教师学生进行作业管理提供便捷的网上作业批改系统，简化作业管理的步骤，从根本上解决作业提交步骤复杂的问题.

1.2 开发工具及技术

1.2.1 Eclipse与My Eclipse的对比

Eclipse跨平台的自由集成开发环境（IDE）.最初主要用来Java语言开发，但是目前也有人通过插件使其作为其他计算机语言比如C++和Python的开发工具[3].Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性.

My Eclipse企业级工作平台（My EclipseEnterprise Workbench ，简称My Eclipse）是对EclipseIDE的扩展，利用它我们可以在数据库和Java EE的开发，发布以及应用程序服务器的整合方面极大的提高工作效率[4].它是功能丰富的Java EE集成开发环境，包括了完备的编码、调试，测试和发布功能，完整支持HTML，Struts，JSP，CSS，JavaScript，Spring，SQL，Hibernate.

My Eclipse 是对Eclipse软件的二次开发，虽然收费但是其破解版还是相当不错的.My Eclipse集成了很多的插件和类库，功能丰富，对于每一种功能上的类别，在Eclipse 中都有相应的功能部件，并通过一系列的插件来实现它们，操作非常的方便，无需配置，My Eclipse结构上的这种模块化，可以让我们在不影响其他模块的情况下，对任一模块进行单独的扩展和升级，其有自带的Tomcat服务器，无需重新下载服务器去配置，在软件编程上很大的提高了工作效率.Eclipse虽然免费，但是功能不及My Eclipse，需要配置，安装插件才能使用，没有自带的服务器，需重新下载安装和进行配置使用，过程是十分繁琐的.

1.2.2 Tomcat 服务器

Tomcat 是Servlet容器，它是一个小型的轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选，它是免费的且体积小，安装和部署都方便，Tomcat适合做一些中小型的项目，大型项目Tomcat是运行不起来的.Tomcat 运行时占用的系统资源小，扩展性好，支持负载平衡与邮件服务等开发应用系统常用的功能，Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器.

1.2.3 SQL Server与MySQL 的比较

SQL Server是美国Microsoft公司推出的一种关系型数据库系统.SQL Server是一个可扩展的、高性能的、为分布式客户机/服务器计算所设计的数据库管理系统，实现了与Windows NT的有机结合，提供了基于事务的企业级信息管理系统方案.但其只是基于在Windows上运行，Linux和Unix系统是不兼容的.且SQL Server验证的登录只对特定的服务器有效，也就是说，在一个多服务器的环境中管理比较困难，对于每一个数据库，我们必须分别地为它管理权限.如果某个用户对两个数据库有相同的权限要求，我们必须手工设置两个数据库的权限，或者编写脚本设置权限，比较困难.

MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司.目前MySQL 被广泛地应用在Internet上的中小型网站中.由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库[5].而且，MySQL的核心程序采用完全的多线程编程.线程是轻量级的进程，它可以灵活地为用户提供服务，而不过多的占用系统资源[6].用多线程和C语言实现的MySQL能很容易充分利用CPU.MySQL可运行在不同的操作系统下.简单地说，MySQL可以支持Windows95/98/NT/2000以及Unix、Linux和SUN OS等多种操作系统平台.这意味着在一个操作系统中实现的应用可以很方便地移植到其他的操作系统下.MySQL有一个非常灵活而且安全的权限和口令系统.当客户与MySQL服务器连接时，他们之间所有的口令传送被加密，而且MySQL支持主机认证.MySQL支持ODBC For Windows.MySQL支持所有的ODBC 2.5函数和其他许多函数，这样就可以用Access连接MySQL服务器，从而使得MySQL的应用被大大扩展.MySQL支持大型的数据库.虽然对于用PHP编写的网页来说只要能够存放上百条以上的记录数据就足够了，但MySQL可以方便地支持上千万条记录的数据库.作为一个开放源代码的数据库，MySQL可以针对不同的应用进行相应的修改. MySQL拥有一个非常快速而且稳定的基于线程的内存分配系统，可以持续使用而不必担心其稳定性.事实上，MySQL的稳定性足以应付一个超大规模的数据库.有强大的查询功能.MySQL支持查询的SELECT和WHERE语句的全部运算符和函数，并且可以在同一查询中混用来自不同数据库的表，从而使得查询变得快捷和方便[7].

1.2.4 ASP与JSP的比较

ASP是基于Activex控件技术提供客户端和服务器端的开发组件，ASP技术基本上是

局限于微软的操作系统平台之上.ASP使用VBS/JS这样的脚本语言混合HTML来编程，而那些脚本语言属于弱类型、面向结构的编程语言，而非面向对象，这就明显产生代码逻辑混乱，难于管理.由于ASP是脚本语言混合HTML编程，所以很难看清代码的逻辑关系，并且随着程序的复杂性增加，使得代码的管理十分困难，甚至超出一个程序员所能达到的管理能力，从而造成出错或这样那样的问题.

JSP技术使用Java编程语言编写类XML的和Script Lets，来封装产生动态网页的处理逻辑[8].网页还能通过Tags和Script Lets访问存在于服务端的资源的应用逻辑.JSP将网页逻辑与网页设计和显示分离，支持可重用Tags的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易. 基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理.JSP技术依附于一次写入，之后，可以运行在任何具有符合Java TM语法结构的环境.取而代之过去依附于单一平台或开发商，JSP技术能够运行在任何Web服务器上并且支持来自多家开发商提供的各种各样工具包.

1.2.5 JavaScript

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言.同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作.JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发[9].在HTML基础上，使用JavaScript可以开发交互式Web网页.JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容.在本系统中很多地方使用了JavaScript技术，比如说，检验用户输入数据的有效性，是否重复，是否为空等等.

1.2.6 C/S和B/S结构的比较

C/S（Client/Server）结构，即大家熟知的客户机和服务器结构.通过C/S可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销.目前大多数应用软件系统都是C/S形式的两层结构.传统的C/S体系结构虽然采用的是开放模式，但这只是系统开发一级的开放性，在特定的应用中无论是Client端还是Server端都还需要特定的软件支持.由于没能提供用户真正期望的开放环境，C/S结

构的软件需要针对不同的操作系统开发不同版本的软件，加之产品的更新换代快，已经很难适应百台电脑以上局域网用户同时使用，而且代价高，效率低.

B/S（Browser/Server）结构即浏览器和服务器结构.它是随着Internet技术的兴起而对C/S结构的一种变化或者改进的结构.在这种结构下，用户工作界面通过WWW浏览器来实现，极少部分事务逻辑在前端（Browser）实现，主要事务逻辑在服务器端（Server）实现，形成所谓三层3-tier结构[10].这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO）.以目前的技术看，局域网建立B/S 结构的网络应用，并通过Internet/Intranet模式下数据库应用，相对易于把握，成本也是较低的.B/S结构是一次到位开发，能实现不同人员，从不同地点，以不同的接入方式（比如LAN、 WAN、 Internet/Intranet等）访问和操作共同的数据库；它能有效地保护数据平台和管理访问权限，服务器数据库也很安全.B/S结构主要是利用了不断成熟的WWW浏览器技术，结合浏览器的多种Script语言(VBScript、JavaScript…)和ActiveX技术，用通用浏览器就实现了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术，成为当今应用软件的首选体系结构.在网络拓扑结构上，B/S结构采用星型建立企业内部通信网络或利用Internet虚拟专网（VPN）.

2 可行性分析

网上作业批改系统应具有学生提交作业、教师批阅作业和后台管理，这是最基本的功能.该系统具有管理学生信息、管理教师信息、以及存储作业信息的功能.该系统极大地提高了学生交作业的效率和教师批改作业的便捷性.开发任何一个系统，都会受到时间和资源上的限制.因此，在一个新项目开发之前，都要进行可行性分析，可以减少项目的开发风险，避免人力、物力和财力的浪费.下面就技术、经济、操作和法律四个方面来介绍.

2.1 技术的可行性

本系统是一个基于B/S结构的网上作业批改系统，采用面向对象技术、数据库技术等技术开发的应用程序，现有的开发技术已经非常的成熟，且被广泛应用于各行各业，利用现有技术完全可以达到功能目标.数据库的设计和操作是本系统设计的核心.在大学期间学习过软件工程，软件测试，UML面向对象技术等课程，每个学期也会完成对应的课程设计，具备一定的系统分析、设计和测试能力.因此，完成系统实现在技术上完全具有可行性.

2.2 经济的可行性

如今是信息化时代，信息化管理可以使作业管理工作更加系统化、快速化，全面化.这样可以为企业带来较高的工作效益和经济效益，再者，在管理工作上的高效率和便捷性远远超过了开发本系统的成本，所以在经济上具有完全的可行性.

2.3 操作可行性

本系统的设计和开发充分考虑到用户工作流程以及计算机使用水平等，尽可能提供更人性化、直观的界面，满足用户需求，操作简单，输入信息页面大多数都是下拉框的选择形式，在某些页面，信息可以自动生成，无需输入，时间的输入也是用的日历控件，操作简便，对操作人员的要求很低，只需对Windows操作熟练，加之对本系统的操作稍加培训即可工作，而且本系统可视性非常好，所以在技术上不会有很大难度.

2.4 法律的可行性

本软件是自行开发的网上作业批改系统，是很有实际意义的系统，开发环境软件和使用的数据库都是开源代码，开发这个系统不同于开发普通的系统软件，不存在侵权等问题，不违反相关的国家政策和法律，即法律上是可行的.

综上所述，开发一个网上作业批改系统与原有的作业批改方式相比具有速度更快，操作更准确，节省开支等有利之处，因此，建立一个网上作业批改系统是必要可行的.

3 需求分析

3.1性能需求

网上作业批改系统在管理权限上要严格进行控制，具体要求如下：

想登录网上作业批改系统进行操作，必须有操作权限，没有权限的用户不能通过任何方式登录系统查看系统的任何信息和数据，以确保系统的严密性和安全性.

其中网上作业批改系统，还应该：

操作简单：本系统应该适用于不同水平的使用者，包括所有大众群体，同时系统不应

太复杂和烦琐，因此要求系统的操作尽可能简单易行.

实时性：为了展现实时性这个特点，网上作业批改系统为教师提供了作业的发布，可以发布最新作业，最近通知等.

可维护性：本系统设计简洁，具有很好的可维护性.

针对性：本系统是针对学生作业批改，操作简单，具有一定的针对性.

3.2 用户的需求分析

本系统的用户主要有学生、教师和管理员，其中应实现以下基本功能[11]：

（1）学生用户：

学生进入网站后，若未进行注册先注册，已注册的选择用户名和输入口令后登录，如果密码正确提示成功登录，否则提示密码或用户名错误.学生登录后可以修改个人信息、下载作业和教学资料、上传并提交作业、管理作业、查看公告，以及进行网上留言.

修改个人信息：输入新密码时，要对密码进行二次检验，和长度检验，修改成功后提示成功.可修改除帐户以外的所有信息.

上传提交作业：要求先找到上传的对象（教师），浏览本地计算机目录，找到要提交的文件，提交到对应的老师目录下，系统会自动记录下该作业提交的信息，完成提交过程，返回成功信息.

管理作业：要求能查询本人的成绩，分为两种查询方法：①查询所有科目的成绩，并按科目类别排列显示.②对作业进行查看和删除.

（2）教师用户：

教师进入网站后，若未进行注册则先注册，已注册的选择用户名和输入口令后登录，如果密码正确提示成功登录，否则提示密码或用户名错误.教师登录后可以修改个人资料、下载学生作业和批阅作业、可查看教学资料和上传教学资料、管理作业、发布查看公告，以及进行网上留言.

修改个人资料：输入新密码时，要对密码进行二次检验，和长度检验，修改成功后提示成功.可修改除帐户以外的所有信息.

布置作业：要求可以布置新的作业，并可以对作业进行管理.

作业管理：要求可以发布作业，并设定作业提交期限，并可以管理其发布的公告，并按作业的题目和作业次数查询要批改的作业，对作业进行批改和管理.

批阅作业：教师可以浏览学生提交的作业，并可以给出成绩和批阅意见，支持教师将文件下载到本地，便于刻录光盘.

（3）后台管理员：

管理员用户具有修改个人密码、管理课程信息、管理班级信息、管理教师信息、管理学生信息、管理公告、管理留言、管理教学资料的功能.

修改个人密码：修改管理员密码，要求帐户不能修改.

教师信息管理：增加教师信息.正确录入教师信息，录入值不能为空.删除教师信息.删除数据库中所有该教师关联信息.修改教师信息.修改该教师关联信息.

学生信息管理：增加学生信息.正确录入学生信息，录入值不能为空.认证管理学生.对学生信息进行认证，否则学生即使注册也无法登录.删除学生信息.要求提示再次确认删除，避免错误删除，确认后删除数据库中所有该学生关联信息.修改学生信息.修改该学生关联信息.

课程管理：增加新课程.根据教师的姓名，对课程进行增加.要求，能浏览所有教师用户所属文件目录.能在文件目录下新建目录和文件，能够删除该目录下的目录和文件.删除课程.对课程信息进行删除，以及删除该课程所属教师的信息.修改课程.修改该课程的相关信息，包括该课程所属教师的信息.

公告管理：添加新公告，修改公告和删除公告. 留言管理:添加留言和删除留言.

教学资料的管理：添加教学资料，修改教学资料和删除教学资料.

3.3 系统用户总体ER 图

网上作业批改系统主要用户是学生和教师，其ER 图如下：

学生教师

作业提交1

n 下载1管理员网上进行

学习资料

存储管理

n n

查看批改

n

1

上传

1

1

11

n

图3.1 总体ER 图

4 系统分析与设计

4.1 设计的基本思想

采用B/S模式进行开发，使后台与前台处理层次分明，符合众多已经习惯网页方式的用户，跨越空间时间上的缺陷，无论在何方都可以使用，不需要跨地域安装.设计简单可视的系统界面，方便用户较快的适应系统的操作.由于此工具最重要的评测标准就是速度，因此在设计过程中，具体过程尽量做到资源占用少、速度快.设计既要突出重点，又要细致周到.要符合设计需求，在有可能改进的地方进行扩充，使系统更适应用户的需要.

4.2 软硬件需求

硬件需求：

CPU：Pentium以上计算机

内存: 512M以上

软件需求：

操作系统版本：Windows XP /vista/Win7

开发工具：My Eclipse 8.5

数据库：MySQL

后台服务器：Apache Tomcat 6.0

开发语言：JSP

浏览器：IE6.0以上

4.3 功能设计

该系统主要完成学生注册、登录、作业的上传、教师对作业进行发布，批改等功能[12]. 该系统的结构图如图4.1所示：

图4.1 系统结构图

4.4 数据库的连接原理

采用JDBC连接数据库的方式，只需在工程中导入对应数据库的jar包，就可以方便的对数据库进行连接，在程序中，用Class.forName()方法来加载驱动程序，DriverManager 的GetConnection（）方法就可以创建一个数据库连接.程序采用的是DAO模式来操作数据库，DAO(Data Access Object，数据访问对象)，是Java编程中的一种经典模式，已被广泛应用，也是J2EE架构中持久层框架的基础知识，基于分层次式的软件架构来实现对数据库的访问操作.DAO模式的主要思想就是从抽象数据源获取与操纵数据的方法.抽象数据的含义就是编写应用程序的程序员不必关心数据库的物理位置，已经是何种数据库，只需

使用封装数据库中表示记录的数据对象即可.其思想如图4.2所示：

图4.2 DAO模式类图

图中BussinessObject是业务对象，是使用DAO模式的客户端；DataTransferObject数据传输对象，在应用程序不同层次之间传输对象，在一个分布式应用程序中，通常可以提高整理的性能；DataObjectAccess数据输入/输出对象封装了对数据源的一些基本操作；Data Source指的是数据源.可以从图中看出，DAO模式分离了业务逻辑和数据逻辑，编写的软件具有良好的层次式体系结构.本系统为了方便数据库的操作，主要使用DB Content的对象来接一个数据库（建立一个类DBContent），代码如下：

public DBContent(){//创建一个类

String CLASSFORNAME="com.microsoft.MySQL.jdbc.MySQLDriver";//加载MySQLDriver驱动

String url="jdbc:MySQL://localhost:8080;databaseName=db_ OnLineHomeWork";

//加载驱动路径

String user="root";//连接数据库的用户名

String password="root";//连接数据库的密码

try{

Class.forName(CLASSFORNAME);//采用Class.forName（）方法加载驱动

con= DriverManager.getConnection(url,user,password); }//加载数据库的驱动stmt=con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR _UPDATABLE catch(Exception ex) //采用结果集跟新数据库

{ex.printStackTrace();//跟踪数据库的信息

} }

在程序需要连接数据库的地方，只需要生成一个DBConnet的对象，就可以对数据库进行连接并操作.

4.4.1 数据库的逻辑结构设计

我们知道，数据库概念模型独立于任何特定的数据库管理系统，因此，需要根据具体使用的数据库管理系统的特点进行转换[13].

网上作业批改系统建立了以下逻辑数据结构，下面是各数据表的详细说明.

⑴学生信息表主要是记录了学生基本信息.表结构如表4.3所示.

表4.3学生信息表(t_stu)

列名数据类型长度允许空是否主键说明

id int 4 否是编号

banji_id int 4 否否所属班级

xuehao varchar 50 否否学号

name varchar 10 否否姓名

sex varchar 10 否否性别

age varchar 10 否否年龄

loginpw varchar 50 否否登录密码

⑵教师信息表主要是记录了教师的基本信息，表结构如图4.4所示.

表4.4教师信息表(t_tea)

列名数据类型长度允许空是否主键说明

id int 4 否是编号

bianhao varchar 50 否否教师号

name varchar 10 否否姓名

sex varchar 10 否否性别

age varchar 10 否否年龄

loginpw varchar 50 否否登录密码

⑶班级信息表主要是记录了班级基本信息.表结构如表4.5所示.

表4.5班级信息表(t_banji)

列名数据类型长度允许空是否主键说明

id int 4 否是班级编号

name varchar 50 否否班级名称

⑷布置作业信息表主要是记录了教师布置作业的基本信息，表结构如图4.6所示.

表4.6布置作业信息表(t_zuoye)

列名数据类型长度允许空是否主键说明

id int 4 否是编号

tea_id int 4 否否所属教师

mingcheng varchar 50 否否作业名称

fujian varchar 50 否否附件路径

fujianyuansh

varchar 50 否否附件原始名iming

shijian varchar 50 否否发布时间

⑸学生作业信息表主要是记录了学生作业的基本信息，表结构如图4.7所示.

表4.7学生作业信息表(t_zuoyestu)

列名数据类型长度允许空是否主键说明

id int 4 否是编号

stu_id int 4 否否所属学生

mingcheng varchar 50 否否作业名称

fujian varchar 50 否否附件路径

varchar 50 否否附件原始名fujianyuansh

iming

shijian_shan

varchar 50 否否提交时间chuan

varchar 50 否否评阅内容pinyueneiron

g

varchar 50 否否评阅时间shijian_piny

ue

⑹学习资料信息表主要是记录了学习资料的基本信息，表结构如图4.8所示.

表4.8学习资料信息表(t_doc)

列名数据类型长度允许空是否主键说明

id int 4 否是编号

title varchar 50 否否资料标题

content varchar 50 否否资料内容

fujian varchar 50 否否附件路径fujianyuanshiming varchar 50 否否附件原始名

shijian varchar 50 否否发布时间

⑺公告信息表主要是记录了公告的基本信息，表结构如图4.9所示.

表4.9公告信息表(t_gonggao)

列名数据类型长度允许空是否主键说明

id int 4 否是编号

title varchar 50 否否标题

content varchar 5000 否否内容

shijian varchar 50 否否发布时间

⑻留言信息表主要是记录了留言的基本信息，表结构如图4.10所示.

表4.10留言信息表(t_liuyan)

列名数据类型长度允许空是否主键说明

id int 4 否是编号

title varchar 50 否否标题

content varchar 5000 否否内容

shijian varchar 50 否否发布时间

user_id Varchar 50 否否发布人

⑼管理员信息表主要记录的管理员的账号信息，包括用户名和密码，表结构如表4.11所示.

表4.11管理员信息表(t_admin)

列名数据类型长度允许空是否主键说明

userId int 4 否是编号

userName varchar 50 否否用户名

userPw varchar 50 否否密码

4.5 前台网站

4.5.1网站首面设计

⑴程序运行效果图如图4.12所示：

图4.12系统登录页面设计

⑵描述：为了保证系统的安全性，要先使用本系统必须先登录到系统中，用户需要正确的账号和密码登录本系统.在每个jsp页面将会对相关用户进行拦截操作，这样可以提高安全性，防止用户不经过登录页面而进入任何子菜单页面：

function check() {

if (https://www.360docs.net/doc/7612287784.html,erName.value == "")

{alert("请输入用户名"); return false;}

if (https://www.360docs.net/doc/7612287784.html,erPw.value == "")

{alert("请输入密码"); return false;}

document.getElementById("indicator").style.display = "block"; loginService.login(https://www.360docs.net/doc/7612287784.html,erName.value, https://www.360docs.net/doc/7612287784.html,erPw.value,

https://www.360docs.net/doc/7612287784.html,erType.value, callback);}

function callback(data)

{var userType ='${userType}';

document.getElementById("indicator").style.display = "none"; if (data == "no")

{alert("用户名或密码错误");}

if (data == "yes") { alert("登陆成功");

if(userType=='0'){

window.location.href="<%=path%>/loginSuccess.jsp";

}else{window.location.reload();}}}

4.5.2 学生提交作业

⑴程序效果图如下图4.13所示：

图4.13 学生提交作业

⑵描述：学生通过该模块提交完成的作业.

学生提交作业关键代码:

function up()

{varpop=new Popup({ contentType:1,isReloadOnClose:false,width:400,height:200}); pop.setContent("contentUrl","<%=path %>/upload/upload.jsp");

pop.setContent("title","文件上传");

pop.build();pop.show();}

function check11()

{ if(document.formAdd.mingcheng.value=="")

{alert("请输入作业名称");return false; }

if(document.formAdd.fujian.value=="")

{ alert("请上传作业附件");return false;}

document.formAdd.submit();}

4.5.3 教师批阅作业

⑴效果图如下图4.14所示：

图4.14作业评阅界面

相关程序如下：

function check1()

{if(document.formAdd.piyueneirong.value=="")

{alert("请输入评阅信息");return false;}

document.formAdd.submit(); }

4.5.4 教师批阅信息

⑴程序效果图如下图4.15所示：