网上选课系统的设计.doc

摘 要

本论文主要论述的是基于WEB的选课系统的设计与实现。本系统是一个典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。
通过分析浏览器/服务器结构的特点并结合选课的实际情况，提出了基于浏览器/服务器结构网上选课系统的基本设计思想，简要介绍了系统各功能模块及数据库的设计，讨论了用 JSP技术和SQL Server 2000开发网上选课系统时的数据库访问技术和动态网页制作技术,并给出了部分实现代码。通过该系统，使学生可以方便地在校园网上进行网上选课。该B/S结构的系统在Windows XP系统和VS.NET平台下开发完成，开发语言使用JSP，SQL Server 2000作为数据库。系统有较高的安全性和较好的性能。

关键词： 网上选课；浏览器/服务器结构；JSP；数据库管理系统
ABSTRACT

This paper deals with the selection system based on WEB Design and Implementation. The system is a typical management information system (MIS), including its main development background to the establishment and maintenance of the database and front-end application development.
It gives the basic design idea of the Browser/Server structure based online course elect system by analyzing the characteristic of the Browser/Server structure and combining with the actual public elective courses conditions of our school.It introduces the function module and database design briefly,followed by a discussion on database accessing technology and the active page technology of the course elect system based on JSP and SQL Server 2000.By using this system,students can elect courses online efficiently.The Browser/Server structure system is developed under VS.NET platform in Windows XP operating system, using JSP as the development language and SQL Server 2000 as the database. The string is encoded and encrypted.

Keywords: Online course elect；Browser/Server structure ；JSP；DBMS

目 录
摘 要 I
ABSTRACT II
第1章 引言 1
1.1 研究意义 1
1.2 研究现状 1
1.3 研究内容 2
1.4 可行性分析 2
1.4.1 技术可行性 2
1.4.2 经济可行性 2
1.4.3 操作可行性 3
第2章 应用系统开发工具 4
2.1 JSP简介 4
2.1.1 JSP的技术方法 4
2.1.2 JSP开发入门 5
2.2 tomcat简介 6
2.2.1 tomcat的配置方法 7
2.2.2 tomcat与JSP的架设 8
2.2.3 tomcat的安装 9
2.3网络选课系统的实现步骤 9
第3章 系统分析 10
3.1 系统简要分析 10
3.2 应用需求分析 10
3.3 业务流分析 11
3.4 数据流分析 11
3.5 系统数据模型设计 11
第4章 系统总体分析与设计 14
4.1 主要功能模块 14
4.1.1 前台模块设计 14
4.1.2 后台功能模块 14
4.2 系统详细设计 15
4.2.1用户登陆界面 15
4.2.2 主页面设计 18
4.2.3 管理员及其教师添加界面 20
第5章 操作方法 22
5.1 登录 22
5.2 课程预览 22
5.3 选课 22
5.4 退课 22
5.5 密码修改 22
5.6 管理员登录 22
5.7 退出系统 22
第6章 结 论 23
致 谢 24
参 考 文 献 25

IV

第1章 引言
1.1 研究意义
数据库是从60年代初发展起来的计算机技术。经过四十来年的发展，数据库技术己经趋于成熟。Web数据库在新的Internet环境中发生了很大的变化。就数据应用而言呈现出多样化的空间，如数字图书馆、电子出版物、电子商务、远程教育系统等的出现，给web数据库技术提出了更多、更高的要求。 从系统开发的复杂程度来看，计算机辅助排课与选课是高校教务系统中的两个关键子系统，但目前不少教务系统尚未很好地解决排课与选课问题。
学生选课系统是一个学校不可缺少的部分,它的内容对于学校的决策者和管理者来说都至关重要,所以学生选课系统应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件档案，这种管理方式存在着许多缺点,如:效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。
随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机应用的一部分,使用计算机对选课信息进行管理,有着手工管理所无法比拟的优点.例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高人事劳资管理的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。
1.2 研究现状
在高等学校的教务管理工作中，课程表的编排是一项十分复杂、棘手的工作。在排课过程中，除了满足大量的制约条件以外，还必须解决许多冲突与矛盾，例如：两位教师不能同一时间在同一班级上课、一位教师不能在同一时间上两门课等等。利用计算机辅助进行课表编排工作，既提高了排课工作的科学性，又可大大减轻管理人员的工作强度，提高工作效率，从而使学校教务管理现代化迈上了一个新台阶。
我国不少高校都实行了学分制，它的核心是允许学生自由选课，即把学习的自主权交给学生。在这里，学生选课时的制约因素比较复杂，工作量也很大，而且往往需要在较短的时间内完成。运用计算机辅助选课，即能实时地对大量选课数据进行检验和统计，十分方便地输出选课结果，同时也避免了人工处理时容易产生的错误。
网络选课系统可以很好的给管理员，教师以及学生创造环境，管理员和教师具有添加学生，添加课程及其上传信息等功能，学生则有查询成绩，查询课程，还有信息浏览等功能。所以对于一个在信息浏览量以及无出错率的情况下，建立一个网络教务管理系统是非常必要的。网络选课系统不仅可以给管理员，教师及其学生提供便利的服务，而且可以节省一些不必要的麻烦,例如数据丢失，登记不详细，资料共享不及时等困难。因此，在这个高科技发达的时代建立一个网络选课系统是每个现代学校必备的。
1.3 研究内容
本文主要对高校教务管理系统中计算机课表编排与选课子系统的基本功能、设计思想、需求分析以及实现技术进行探讨。具体如下：
1.掌握采用Internet的TCP/IP协议，以B/S方式，JSP编程技术，以TOMCAT作为搭建平台，MyEclipse为编译工具
2.掌握一种多用户操作系统及其权限设置问题
3.学习JSP的动态网页和SQL Server2000的数据库。
4.学习使用MyEclipse开发工具开发一个学生选课系统。
1.4 可行性分析
1.4.1 技术可行性
本系统仅需要一台装有Office软件的计算机即可，对机器本身没有太高的要求。对于软件技术要求，现在的程序设计语言已非常成熟，要运用HTML样式,图形图象制作工具来制作生动活泼的网页及美观的图形文件或动画文件，数据库使用SQL　Server 2000中提供的数据库桌面工具ODBC。
1.4.2 经济可行性
由于本系统是为学生选课管理使用的系统，装上该应用软件，即可使用系统，系统成本主要集中在系统软件的开发上，当系统投入运行后可以为学校节约大量的人力，物力。所带来的效益远远大于系统软件的开发成本。在经济上完全可行。不仅可以在经济上可行，对资源的利用，技术的体现，网络的应用都得到了很好的表现。
1.4.3 操作可行性
界面设计时充分考虑管理人员的习惯，使得操作简单；数据录入迅速、规范、可靠；统计准确；制表灵活；适应力强；容易扩充。管理人员可以方便的进行数据修改，添加用户，添加档案，添加课程以及上传资料等信息，学生可以对管理员提供的资料进行查看以及下载，方便及时了解信息。使资料利用率达到最高。因此，对操作上来说是可行的。

第2章 应用系统开发工具
2.1 JSP简介
JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。
用JSP开发的Web应用是跨平台的，即能在Linux下运行，也能在其他操作系统上运行。
JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。
JSP与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。
2.1.1 JSP的技术方法
1.将内容的生成和显示进行分离
用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面，并使用JSP标识或者小脚本来生成页面上的动态内容（内容是根据请求变化的，例如请求账户信息或者特定的一瓶酒的价格等）。生成内容的逻辑被封装在标识和JavaBeans组件中，并且捆绑在脚本中，所有的脚本在服务器端运行。由于核心逻辑被封装在标识和JavaBeans中，所以Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。 在服务器端，JSP引擎解释JSP标识和脚本，生成所请求的内容（例如，通过访问JavaBeans组件，使用JDBC技术访问数据库或者包含文件），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这既有助于作者保护自己的代码，又能保证任何基于HTML的Web浏览器的完全可用性。
2.可重用组件
绝大多数JSP页面依赖于可重用的、跨平台的组件（JavaBeans或者Enterprise JavaBeans组件）来执行应用程序所要求的复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者和客户团体所使用。基于组件的方法加速了总体开发过程，并且使得各种组织在他们现有的技能和优化结果的开发努力中得到平衡。
3.采用标识
Web页面开发人员不会都是熟悉脚本语言的编程人员。JSP技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。标准的JSP标识能够访问和实例化JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能。4.适应平台
几乎所有平台都支持Java，JSP＋JavaBeans几乎可以在所有平台下通行无阻。从一个平台移植到另外一个平台，JSP和JavaBeans甚至不用重新编译，因为Java字节码都是标准的与平台无关的。
5.数据库连接
　　Java中连接数据库的技术是JDBC，Java程序通过JDBC驱动程序与数据库相连，执行查询、提取数据等操作。Sun公司还开发了JDBC－ODBC bridge，利用此技术Java程序可以访问带有ODBC驱动程序的数据库，目前大多数数据库系统都带有ODBC驱动程序，所以Java程序能访问诸如Oracle、Sybase、MS SQL Server和MS Access等数据库。
　　此外，通过开发标识库，JSP技术可以进一步扩展。第三方开发人员和其他人员可以为常用功能创建自己的标识库。这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来进行工作。
2.1.2 JSP开发入门
Java Server Pages (JSP) 是一种以 Java为主的跨平台web开发语言。解释JSP语法之前，先建立一个显示目前日期与时间的快速网页并且将它储存成sample.jsp:
　　 <html>
　　 <head>
　　 <title>First Page</title>
　　 </head>
　　 <body>
　　 <H3>Today is:
　　 <%= new java.util.Date() %>
　 　</H3>
　 　</body>
　 　</html>.
将这个档案与你所有的HTML与JSP网页放在你JSWDK安装目录下的网页目录里. 你可以在http://localhost:8080/sample.jsp下载此页.当你第一次参观这个网页时，网站服务器会将JSP翻译成Java servlet程序代码，那你就会看到目前的日期与时间.
2.2 Tomcat简介
Tomcat 服务器是一个免费的开放源代码的Web 应用服务器。
　 Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持，最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现，Tomcat 5 支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。
　 Tomcat 很受广大程序员的喜欢，因为它运行时占用的系统资源小，扩展性好，支持负载平衡与邮件服务等开发应用系统常用的功能；而且它还在不断的改进和完善中，任何一个感兴趣的程序员都可以更改它或在其中加入新的功能。
　 Tomcat 是一个小型的轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应对HTML 页面的访问请求。实际上Tomcat 部分是Apache 服务器的扩展，但它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。
　 这里的诀窍是，当配置正确时，Apache 为HTML页面服务，而Tomcat 实际上运行JSP 页面和Servlet。另外，Tomcat和IIS、Apache等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。
2.2.1 Tomcat的配置方法
1 启动内存参数的配置
　 tomcat/bin/catalina.bat 如果是linux 就是 catalina.sh ，在rem 的后面增加如下参数：set JAVA_OPTS= -Xms256m -Xmx256m -XX:MaxPermSize=64m
2 修改Tomcat的JDK目录
　 打开tomcat/bin/catalina.bat在最后一个rem后面增加set JAVA_HOME=C:\Program Files\Java\jdk1.6.0
3 增加虚拟目录
　 /tomcat/conf/server.xml，第一行是以前默认存在的，第二行是新增的
　　<Context path="" docBase="ROOT" debug="0" reloadable="true"></Context>
　　<Context path="/jsp/a" reloadable="true" docBase="E:\workplace\\WebContent" />
4 GET方式URL乱码问题解决
　 打开 tomcat/conf/server.xml查找下面这部分，在最后增加一段代码就可以了。
　 <Connector port="80" maxHttpHeaderSize="8192"
　　.................
　 URIEncoding="UTF-8" useBodyEncodingForURI="true"
　　...............
　 />
其中的UTF-8 请根据你的需要自己修改，比如GBK
5 虚拟主机配置文件
　　tomcat/conf/server.xml
　　<!-- 默认的主机 -->
　　<Host name="localhost" appBase="webapps"
　　unpackWARs="true" autoDeploy="true"
　　xmlValidation="false" xmlNamespaceAware="false">
　　<Context path="" docBase="ROOT" debug="0" reloadable="true"></Context>
　　...
　　</host>
　　<!-- 以下是新增的虚拟主机 -->
　　<Host name="" appBase="webapps"
　　unpackWARs="true" autoDeploy="true"
　　xmlValidation="false" xmlNamespaceAware="false">
　　<Context path="" docBase="d:/" debug="0" reloadable="true"></Context>
　　<!-- 虚拟目录 -->
　　<Context path="/count" docBase="d:/" debug="0" reloadable="true"></Context>
　　</Host>
　　<Host name="" appBase="webapps"
　　unpackWARs="true" autoDeploy="true"
　　xmlValidation="false" xmlNamespaceAware="false">
　　<Context path="" docBase="d:/" debug="0" reloadable="true"></Context>
　　<Context path="/count" docBase="d:/" debug="0" reloadable="true"></Context>
</Host>
2.2.2 Tomcat与JSP的架设
现在基于Web的应用越来越多，传统的HTML已经满足不了如今的需求。所以一直需要一个交互式的Web，产生了各种Web语言，如ASP、PHP、JSP等。应该说这些语言与传统的语言有着密切的联系，如ASP基于VBScript语言，PHP基于C和C++语言，而JSP则是基于Java语言。
我们知道ASP与PHP环境的架设，现在就来介绍JSP环境的架设。通常来说，JSP环境都使用Tomcat Web服务器。就如同ASP与IIS、PHP与Apache的关系一样。
2.2.3 Tomcat的安装
Tomcat的安装跟JDK一样，首先先安装好JDK软件，安装好后设置下环境变量：
classpath= .;C:\Program Files\Java\jdk1.6.0_14\lib\dt.jar；C:\Program Files\Apache Software Foundation\Tomcat 6.0.18\lib\servlet-api.jar;
path=C:\ProgramFiles\Java\jdk1.6.0_14\bin;C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat 6.0.18\bin;C:\Program Files\Microsoft SQL Server\80\Tools\BINN
JAVA_HOME= C:\Program Files\Java\jdk1.6.0_14；
CATALINA_BASE=C:\Program Files\Apache Software Foundation\Tomcat 6.0.18；
CATALINA_HOME=C:\Program Files\Apache Software Foundation\Tomcat 6.0.18。

2.3 网络选课系统的实现步骤
在应用MyEclipse进行编译前，由于MyEclipse是自带的tomcat软件。首先应该对tomcat及其JDK进行设置环境变量，在tomcat和JDK的运用中要考虑到他们的配置问题。SQL server 2000是目前运用最广泛的开发语言的数据库，本系统中也采用此数据库，把JSP语言的数据库放在SQL server 2000中E:\安装软件\sql2000个人版\数据\MSSQL\Data，再通过ODBC配置数据源。最后把JSP安装文件夹放到搭建平台C:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps，安装过程大致如此。

第3章 系统分析
3.1 系统简要分析
管理员可以通过超级用户身份登录,对系统进行全面的管理,对新用户的添加,删除,对信息进行管理。管理员可以对老师及同学的帐户进行管理，
老师、学生不同身份的用户进入不同的界面，进行不同的操作。教师可以发布自己本学期所要教的课程，以及对学生成绩进行管理。同学可以通过查询本学期所开设课程进行选择。
3.2 应用需求分析
学生选课系统需要满足来自三方面的需求，这三个方面分别是学生、教师和管理员。学生的需求是查询院系的课程、学生选课情况及学生信息的修改；教师对选课系统学生选课情况进行操作，同时形成学生选课查看确认；选课管理员的功能最为复杂，包括对学生、教师、选课进行管理和统计，及系统状态的查看、维护并生成选课报表。学生可以直接查看选课情况，学生可以根据本人学号和密码登录系统，还可以进行本人学科成绩情况的查询和维护部分个人信息。一般情况下，学生只应该查询和维护本人的选课情况和个人信息，若查询和维护其他学生的选课及成绩查询信息，就要知道其他学生的学号和密码。这些是很难得到的，特别是密码，所以不但满足了学生的要求，还保护了学生的个人隐私。
学校工作人员有修改学生选课的权限，所以需对工作人员登陆本模块进行更多的考虑。在此系统中，学校工作人员可以为学生加入选课或是登陆记录，并打印生成相应的报表给用户查看和确认院系管理人员功能的信息量大，数据安全性和保密性要求最高。本功能实现对选课信息、教师信息、总体选课情况信息的查询和统计、工作人员和管理人员信息查看及维护。学校管理员可以浏览、查询、修改、统计选课的基本信息；浏览、查询、统计和修改学生选课的基本信息，浏览、查询、统计学生信息，但不能添加删除和修改学生的信息，这部分功能应该由院系工作人员执行，但是，删除某条学生选课基本信息记录时，应实现对该学生选课的级联删除。并且还应具有生成选课报表，并打印输出的功能。设计不同用户的操作权限和登陆方法对所有用户开放的学生选课查询和个人部分信息维护查看个人情况信息维护学生个人密码根据选课情况对数据库进行操作并生成报表根据选课情况对数据库进行操作并生成报表查询及统计各种信息维选课信息维护工作人员和管理员信息维护学生信息处理信息的完整性。
本系统主要实现教师信息管理、学生信息管理、课程信息管理和系信息管理，其中教师信息管理有教师姓名、教师工号、教师职称、教师所属系；学生信息管理有学生姓名、学生学号和学生所在系；课程信息管理有课程名称、学分、上课地点、已选人数、课程性质、开课系、课程人数;系信息管理有系号和系名。
（1）学生信息模块完成学生的登陆，然后根据各位同学所在的系不同，调用相应的选课模块。其中学生登录模块的功能是验证登录人员确实是本院的学生，学生启动本系统后，系统提示输入学生学号码和密码，验证后进入主控操作界面。
（2）教师信息模块完成教师的登陆,然后根据各位教师所在的系不同,教师所教的课程不同,调用所选的课程.其中教师登陆模块的功能是验证登录人员确实是本院的教师，教师启动本系统后，系统提示输入教师工号和密码，验证后进入主控操作界面。
（3）课程信息管理包括必修课程和选修课程,学生必需先登陆才能进行对课程的选课否则不能进入选课系统.
（4）系信息管理中学生必需选重所在的系号和系名才能进行选课,否则并不能进行选课.
3.3 业务流分析
学生成绩管理系统的业务流程：首先由教师或系统管理员等有录入权限的用户将各自权限范围内的信息进行录入，然后保存信息到数据库中。有权限的人可以对这些库信息进行修改和删除。所有用户均可以进行信息查询和统计，有权限用户还可以基于已有信息进行奖学金评定，评定结果可以报表打印。
3.4 数据流分析
学生成绩管理系统的数据流程：首先由教师或系统管理员等有录入权限的用户将各自权限范围内的信息进行录入处理，然后保存信息到数据库中。用户可以在数据库SQL Server 2000企业管理器中相应的系统中查询在网页中保存的数据。
3.5 系统数据模型设计
选课系统的核心就是数据库，根据数据库需求分析中的结果建立了选课系统需要的数据库，所有的学生信息及选课信息都存放在数据库中，后面所有的操作本质上都是在对数据库进行操作。
本系统采用的是SQL server2000数据库，数据库名为student，主要的数据表3-1所示：
表3-1 管理员 教师 学生登陆表单

User_id
User_name
User_pwd
User_type
14
admin
admin
2
23
105023055
000000
0
24
15023055
000000
1
26
105023056
000000
0

本系统的数据库采用了大量的数据表：

表3-2 系部信息表
字段
数据类型
数据长度
系代码
数字
6
系名
文本
20
班级
数字
20
表3-3 教师信息表
字段
数据类型
数据长度
工号
数字
6
姓名
文本
10
系部
文本
20
班级
数字
10
密码
文本
10
表3-4 学生信息表
字段
数据类型
数据长度
学号
数字
6
姓名
文本
10
系部
文本
20
班级
数字
20
密码
文本
10
表3-5 课程信息表
字段
数据类型
数据长度
课程号
数字
6
课程名
文本
20
教师号
数字
10
学分
数字
10
学时
数字
10
上课时间

时间
20
上课地点
文本
20
课程简介
文本
50
课程状态
是/否
10

第4章 系统总体分析与设计
系统设计的任务是将系统分析阶段提出的逻辑模型化为相应的实际的物理模型，这是整个研制工作的核心。不仅要完成，而且要优化，即要始终考虑高效性、安全性，具有容错能力的强壮性和方便性。
4.1 主要功能模块
4.1.1 前台模块设计

网上选课系统前台模块设计，如图4-1所示。

主页
登陆模块
用户登陆
选择用户
用户管理
修改密码
退出系统
成绩查询
课程管理
查询课程
课程表
资料管理
下载资料

图4-1 学生选课系统前台设计图
4.1.2 后台功能模块
网上选课系统后台模块设计，如图4-2所示。

后台
管理员管理
管理员添加
删除管理员
用户管理
用户管理
用户添加
退出系统
课程管理
查询管理
添加课程表
资料管理
资料管理
上传资料
档案管理
添加档案

图4-2 学生选课系统后台设计图

4.2 系统详细设计
4.2.1用户登陆界面
进入首页，可以输入用户名，密码进行登陆，选择管理员、教师或者学生，点击提交，如图4-3所示。

图4-3 用户登陆界面

相关的源程序如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用户登陆界面</title>
<script language="javascript">
function check()
{
if(document.form1.user_name.value=="")
{
alert("用户名不能为空!");
document.form1.user_name.focus();
return false;
}
if(document.form1.user_password.value=="")
{
alert("密码不能为空!");
document.form1.user_password.focus();
return false;
}
}
</script>
</head>
<body onLoad=this.form1.user_name.focus();>
<link href='style.css' rel='stylesheet' type='text/css'>
<p>&nbsp;</p><table background="img/screen2.jpg" cellpadding="0" cellspacing="0" border="0" align="center" width="500" height="375" style="border-left:3px outset #ffffff;border-right:3px outset #ffffff;border-top:3px outset #ffffff;border-bottom:3px outset #ffffff ">
<tr>
<td align="center"><p>&nbsp;</p>
<p><span style="font-family: 华文楷体; font-size: 30pt;"> </span></p>
<p><span style="font-family:华文楷体;font-size:30pt">学生教务管理系统</span></p></td>
</tr>
<tr>
<td valign="top"><table width="70%" border="0" cellspacing="0" cellpadding="5" align="center">
<form action="checklogin.jsp" method="post" name="form1" onSubmit="return check();">
<tr>
<td align="right"><b style="color:#FF0000 ">用户名</b></td>
<td><input type="text" name="user_name" size="20"></td>
</tr>
<tr>
<td align="right"><b style="color:#FF0000 ">密码</b></td>
<td><input type="password" name="user_password" size="21"></td>
</tr>
<tr>
<td colspan="2" align="center">学生<input type="radio" name="user_type" value="0" checked>

教师<input type="radio" name="user_type" value="1">
管理员<input type="radio" name="user_type" value="2">
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="hidden" name="login" value="yes">
<input type="submit" name="Submit" value="登陆">
<input type="reset" name="Submit2" value="取消"></td>
</tr></form>
</table></td>
</tr>
</table>
</body>
</html>
4.2.2 主页面设计
学生登陆进去后可