JSP的学生信息管理系统设计与实现.doc

jsp的学生信息管理系统设计与实现 常州机电职业技术学院毕业设计（论文）作 者： 安翠 学 号： 50811201 系 部： 信息工程系 专 业： 计算机网络技术 题 目： 基于jsp的学生信息管理系统的设计与实现 指导者：余宏评阅者： 2011年 4 月 毕业设计（论文）中文摘要随着学校规模的不断扩大，学生数量急剧增加，有关学生的各种信息也成倍增长。面对如此庞大的信息量，开发学生信息管理系统来提高学生管理工作的效率就成为必然。通过该系统，可以做到信息的规范管理、科学统计和快速查询，从而减少管理方面的工作量。本文主要介绍了学生信息管理系统的主要任务，阐述了开发该系统用到的关键技术，如使用jsp编程、利用mysql建立数据库、运用ajax技术进行异步提交数据、使用css控制页面显示样式，系统整体采用jsp、javabean、servlet的开发模式。本系统是采用b/s模式进行开发的，系统的用户权限有三种：学生、教师和系统管理员，不同权限用户登入到不同的操作界面。该系统主要由个人信息、选课管理、成绩查询等功能模块组成，本文具体介绍了各功能模块所包含的小模块的功能。关键词：学生信息管理 jsp servlet javabean mysql毕业设计（论文）外文摘要title： based on jsp student information management system design and implementation abstract：with the continuous expansion of school size, number of students increased dramatically, the information about students is also doubled. faced with such a huge amount of information, it is necessary to develop the student information management system to improve the efficiency of student management. through this system, information can be standardized managed, scientific statistics and fast searched, thereby reducing the administration workload. this article introduces the main task of students information management system, describes the development of the system and used in key technologies such as jsp programming, using mysql databases, using ajax technology for asynchronous submit data, using the css control page display style, as a whole ,the system using jsp 、 javabean 、servlet development model. this system uses the b / s model developed, the system user rights in three ways: students, teachers and administrators, different privileges to different user login interface. the system mainly consists of personal information, enrollment management, results inquiry function module, this article describes the specific function module contains the small modules. keywords ：student information management jsp servlet javabean mysql 目录1 引言11.1 选题的背景和意义11.2 系统设计使用技术介绍21.2.1 jsp（java server pages）技术介绍21.2.2 javabean 技术介绍31.2.3 ajax 技术介绍41.2.4 servlet 介绍51.2.5 css 层叠样式表技术51.2.6 mysql 数据库介绍52 系统功能设计62.1 需求分析62.2 系统功能模块设计62.3 管理员和用户权限设计72.3.1 管理员权限设计72.3.2 用户权限设计82.4 系统模块流程图82.4.1 系统功能模块图82.4.2 系统用例图83 数据库设计93.1 数据库逻辑设计103.2 数据库连接访问类134 客户端页面设计与jsp页面实现144.1 公共模块的设计与实现154.4.1 系统登录界面154.1.2 个人信息页面164.1.3 更改密码页面184.1.4 查看课程信息页面204.1.5 查看新闻动态页面224.2 学生模块的设计与实现234.2.1 选课234.2.2 成绩查询254.2.3 意见反馈264.3 教师模块的设计与实现264.3.1 管理学生成绩274.3.2 浏览学生反馈的意见284.4 管理员模块设计与实现284.4.1 管理学生284.4.2 管理教师294.4.3 管理课程信息304.4.4 管理新闻30结论31致谢32参考文献331 引言二十世纪科技发展的卓越成就之一就是发明了电子计算机。它是一种自动、高速、精确地处理信息的现代化电子设备。由于它具有速度快、精度高、存储容量大、自动化程度高的特点，目前已广泛深入地适用社会生活的各个领域，对人类科学和生活发挥着不可估量的作用，从某种程度上讲，计算机理论水平及其应用的深度、广度已成为衡量一个国家现代化水平的重要标志之一。随着高等教育改革的逐年加快，学生数量的稳定增加，旧的学生信息管理体制（如主要基于文字记录管理或者开放性程度不高的系统）已经不能适应当今社会发展的需要；以计算机技术为基础的新型学生信息管理系统已经成为我国高等教育扩大规模和培养高等人才跨世纪工程的关键环节，也是高等教育得以顺利发展的基础条件。建设相关的学生信息管理系统，将会促进高等教育的发展，进行基于网络环境的学生信息管理系统的研发可以为我国高等教育扩大规模发展的跨世纪工程提供强有力的技术支持，具有一定的应用价值。如何有效管理学生信息、方便管理人员实时获取学生信息资料、保障系统安全已经成为当前开发学生信息管理系统面临的首要问题。高层次人才培养的水平不应该只表现在数量上，更加应该是质量上的高标准。这必然会对管理上提出了更加的要求。为了提高高校学生教育的管理水平和效率，学校各部门积极引进和开发先进的计算机管理手段，促进了信息的收集、管理和交换，但是各个部门之间的软件模块存在体系不一致、系统兼容性差、不方便扩展、安全性能差、开放程度低等缺点。随着互联网技术的迅猛发展，校园内部网建立，为信息管理现代化和信息交流提供了良好的运行环境。迫切要求信息共享，对信息标准化的要求也更加的迫切，开发高效实时的学生信息管理系统。1.1 选题的背景和意义在现代社会中，教育界是it厂商的重要客户之一，随着计算机的发展，各大中院校纷纷建设了自己的管理信息系统，其中，学生管理信息系统是一个重要组成部分。应该说，学生管理信息系统是一个比较古老的应用，在数据库应用刚出现时，就在dos系统下出现了各种版本的学生管理信息系统。从dbase到oracle，从单机版到网络版到目前的三层结构，学生管理信息系统也在不断地随计算机技术的发展扩充其功能。伴随着教育部的面向21世纪教育振兴行动计划（教育部1998年12月24日制定，国务院1999年1月13日批转）的实施，全国各个高校均大力推进高校内部管理体系改革。以计算机网络技术为核心的信息高速公路的兴起，更是突破了传统教育文化观念和教育活动的时空界限，使学校的教育手段和决策效率都发生了深刻的变化。随着校园网的投资兴建，信息现代化成为高校一个新的发展与竞争的热点，也成为影响学校教学、科研实力、学校管理水平的重要因素，如何实现基于校园网络的现代学生信息管理，这是目前学生管理的又一新课题。但目前许多高校学生管理工作依然为传统的学生管理模式，采用手工作业式管理，其文字工作量大，效率不高，资源综合利用差，各种报表完成周期长，且容易产生操作上的失误，常常使管理人员陷于繁杂的事务管理之中而达不到很好的管理效果。实现学生管理信息化便于在各院系、一个学校、一个地区甚至全国同类院校中达到资源共享，取长补短，使学生管理更加科学化；同时，还有助于规范高等学校的管理，促进学校开展学生管理评估工作，提高办学质量，加强信息交流与处理，推动管理改革。所以实施学生信息化管理是目前高校学生管理工作发展的必然。1.2 系统设计使用技术介绍1.2.1 jsp（java server pages）jsp java server?pages 是由sun?microsystems公司倡导、许多公司参与建立的一种动态网页技术标准，该技术为创建显示动态内容的web页面提供了一个简捷而快速的方法。jsp技术的设计目的是使得构建基于web的应用程序更加容易和快捷，而这些应用程序能够与各种web服务器、应用服务器、浏览器和开发工具共同工作。jsp规范就是web服务器、应用服务器、交易系统、以及开发工具供应商间广泛合作的结果。在传统的网页6html文件 *htm,*.html 中加入java程序片段 scriptlet 和jsp标记 tag ，就构成了jsp网页 *.jsp 。web服务器在遇到访问jsp网页的请求时，首先执行其中的程序片段，然后将执行结果以html格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送?email?等等，这正是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是运行的结果，对客户浏览器的要求最低，可以实现无plugin，activex，无java?applet，甚至无frame。jsp 1.将内容的生成和显示进行分离2.强调可重用的组件3.采用标识简化页面开发由于jsp页面的内置脚本语言是基于java编程语言的，而且所有的jsp页面都被编译成为java?servlet，jsp页面就具有java技术的所有好处，包括健壮的存储管理和安全性。作为java平台的一部分，jsp拥有java编程语言“一次编写，各处运行”的特点。随着越来越多的供应商将jsp支持添加到他们的产品中，您可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的应用。当与java?2平台，企业版 j2ee 和enterprise?javabean技术整合时，jsp页面将提供企业级的扩展性和性能，这对于在虚拟企业中部署基于web的应用是必需的。1.2.2 javabean 技术介绍javabean 是一种java语言写成的可重用组件。为写成javabean，类必须是具体的和公共的，并且具有无参数的构造器。javabean 通过提供符合一致性设计模式的公共方法将内部域暴露成员属性。众所周知，属性名称符合这种模式，其他java 类可以通过自身机制发现和操作这些javabean 属性。 用户可以使用javabean将功能、处理、值、数据库访问和其他任何可以用java代码创造的对象进行打包，并且其他的开发者可以通过内部的jsp页面、servlet、其他javabean、applet程序或者应用来使用这些对象。用户可以认为javabean提供了一种随时随地的复制和粘贴的功能，而不用关心任何改变。 javabean可分为两种：一种是有用户界面（ui，user interface）javabean；还有一种是没有用户界面，主要负责处理事务（如数据运算，操纵数据库）的javabean。jsp通常访问的是后一种javabean。最初，javabean的目的是为了将可以重复使用的软件代码打包标准。特别是用与帮助厂家开发在综合开发环境（ide）下使用的java软件部件。这些包括如grid控件，用户可以将该部件拖放到开发环境中。从此，javabean就可以扩展为一个java web 应用的标准部件，并且javabean部件框架已经扩展为企业版的 bean（ejb） javabeanjava类，属于某些特定的译码指导方针，并且扩展了适应性和范围，允许用户访问内部的属性和方法。通过这些，javabean类可以用于下列方法： 1.在ide中，javabean的功能允许应用开发者浏览其中的方法，即使javabean是被编译的，并且无法利用原始的源文件。 2.在 remote method invocation rmi 的分布式风格中，这项功能听起来并不让人兴奋，但是在未来的包含企业版的javabean后，将改变这种情况。 3.为了javabean的属性值和状态可以保存到磁盘上。1.2.3 ajax 技术介绍ajax即“asynchronous javascript and xml”（异步javascript和xml ，ajax并非缩写词，而是由jesse james gaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。许多重要的技术和ajax开发模式可以从现有的知识中获取。例如，在一个发送请求到服务端的应用中，必须包含请求顺序、优先级、超时响应、错误处理及回调，其中许多元素已经在web服务中包含了，就像现在的soa。ajax开发人员拥有一个完整的系统架构知识。同时，随着技术的成熟还会有许多地方需要改进，特别是ui部分的易用性。 ajax开发与传统的cs开发有很大的不同。这些不同引入了新的编程问题，最大的问题在于易用性。由于ajax依赖浏览器的javascript和xml，浏览器的兼容性和支持的标准也变得和javascript的运行时性能一样重要了。这些问题中的大部分来源于浏览器、服务器和技术的组合，因此必须理解如何才能最好的使用这些技术。 可用性是ajax令人激动的地方而且已经产生了几种新颖的技术。其中最引人注目的是一种称为“黄色隐出”的技术，它在数据更新之前时将用户界面变为黄色，更新完成后立刻恢复原来的颜色。ajax开发人员将用户从web应用的负载中解放出来;小心地利用ajax提供的丰富接口，不久桌面开发人员会发现ajax是他们的方向。 1.2.4 servlet 介绍servlet是一种服务器端的java应用程序，具有独立于平台和协议的特性,可以生成动态的web页面。它担当客户请求（web浏览器或其他http客户程序）与服务器响应（http服务器上的数据库或应用程序）的中间层。servlet是位于web 服务器内部的服务器端的java应用程序，与传统的从命令行启动的java应用程序不同，servlet由web服务器进行加载，该web服务器必须包含支持servlet的java虚拟机。servlet看起来像是通常的java程序。servlet导入特定的属于java servletapi的包。因为是对象字节码，可动态地从网络加载，可以说servlet对server就如同applet对client一样，但是，由于servlet运行于server中，它们并不需要一个图形用户界面。从这个角度讲，servlet也被称为facelessobject。 一个servlet就是java编程语言中的一个类，它被用来扩展服务器的性能，服务器上驻留着可以通过“请求-响应”编程模型来访问的应用程序。虽然servlet可以对任何类型的请求产生响应，但通常只用来扩展web服务器的应用程序。css是cascadingstylesheets（层叠样式表）的缩写。是用于 增强 控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。加在head部分的 style type text/css 和 分别被浏览器识别为css的开始和结束。css的作用是定义网页的外观（例如字体，颜色等等），它也可以和javascript等浏览器端脚本语言合作做出许多动态的效果。1.2.6 mysql 数据库介绍?mysql是一个小型关系型数据库管理系统，开发者为瑞典mysql ab公司。在2008年1月16号被sun公司收购。而2009年,sun又被oracle收购.对于mysql的前途,没有任何人抱乐观的态度.目前mysql被广泛地应用在internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了mysql作为网站数据库。mysql的特性1.使用c和c+编写，并使用了多种编译器进行测试，保证源代码的可移植性 2.支持aix、freebsd、hp-ux、linux、mac os、novell netware、openbsd、os/2 wrap、solaris、windows 3.为多种编程语言提供了api。这些编程语言包括c、c+、python、java、perl、php、eiffel、ruby和tcl 4.支持多线程，充分利用cpu资源 5.优化的sql查询算法，有效地提高查询速度 6.既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的gb2312、big5shift_jis等都可以用作数据表名和数据列名 7.提供tcp/ip、odbc和jdbc等多种数据库连接途径 8.提供用于管理、检查、优化数据库操作的管理工具 9.可以处理拥有上千万条记录的大型数据库2 系统功能设计 2.1 需求分析本系统根据学生管理的性质，可以将本系统分为5个模块：个人信息、学生选课、学生成绩、新闻动态和意见反馈。登录的角色有3种：学生、教师和管理员。其中学生登录系统后，可以查看个人信息，可以参加选课，可以查看课程成绩，还可以发表意见。教师登录系统后，可以查看个人信息，根据课程与教师对应的关系可以查看选课学生，对选择其课程的学生的进行成绩管理。管理员登录系统后，可以对学生信息进行管理，对教师信息进行管理，对课程信息进行管理，以及对新闻信息进行管理等。2.2 系统功能模块设计根据系统需求分析，对系统进行功能模块的划分。在每个模块中，分别包含相应的子模块，每个子模块由不同的用户角色来操作。下面是5个模块的详细功能需求。a 个人信息模块该模块由4部分组成，分别是修改密码、查看个人信息、个人信息列表和添加个人信息。其中每部分都面向学生和教师这两种角色。比如学生登录后可以查看个人信息，该信息包括学号、姓名、入学时间、班级、籍贯和等；教师登录后可以查看教师信息，而教师信息包括教师编号、教师姓名以及教师简介。再比如跟人信息列表部分，既包含学生信息列表，也包含教师信息列表。b 学生选课模块用户登录系统后，可以查看课程列表。学生可以参加选课，管理员可以向数据库中添加课程信息。学生选课时，系统要将每门课程的详细信息提供给学生，课程信息包括课程名称、学分、百分制分数和任课教师。c 学生成绩模块该模块分为两个部分，分别是教师对学生成绩的管理和学生查看成绩。学生成绩管理在学生信息管理系统中，教师与课程对应，既确定一名教师后也就确定了一门课程。教师登录系统后，可以查看哪些学生选择了对应课程，对学生成绩做出修改，这时只需要将学号和学生姓名显示给教师。成绩查询学生选课后，该门课程成绩默认为0分。教师对成绩管理后，学生可以进行成绩查询。这时不但要显示成绩分数，还要将该课程的信息显示给学生，所以要显示的信息包括课程名称、学分、百分制分数、任课教师和分数。d 新闻动态模块在模块中，管理员可以添加新闻消息，可以查看新闻列表。在系统首页将一部分新闻显示给所有用户。e 意见反馈模块意见反馈模块主要给教师和学生提供一个交流的平台。在模块中，学生可以输入意见信息，教师可以浏览意见内容。2.3 管理员和用户权限设计2.3.1 管理员权限设计管理员的用户名和密码是系统本身注册的，管理员的权限主要有管理学生、管理教师、管理课程信息及管理新闻信息。2.3.2 用户权限设计a 用户包括学生和教师，学生和教师共有的权限有，查看个人信息、修改密码、查看课程列表、查看新闻列表。b 其中学生和教师不同权限有，学生可以参加选课、进行成绩查询、发表意见。教师可以对学生进行成绩管理和查看学生发表的意见。2.4 系统模块流程图2.4.1 系统功能模块图经过以上需求分析，系统功能模块图如图2-1所示。图2-1 系统功能模块图2.4.2 系统用例图 经过对每个模块的详细分析，该系统的用例图如图2-2所示。图2-2 学生功能模块图图2-3 教师功能模块图图2-4 管理员功能模块图3 数据库设计大多数网络应用系统都需要后台数据库的支持，动态网站应用程序开发过程中很关键的技术就是动态网站数据库的设计与编程，包括数据库的设计、数据源的配置与连接、数据源的操作、数据的获取等。在系统需求分析之后，还要对数据库进行系统分析与设计，包括系统需要哪些数据表，数据表中包括哪些字段，这些字段用来做什么，不同数据表之间有什么联系。最终确定学生信息管理系统使用8个表来完成数据管理，使用mysql数据库进行操作。如图3-1所示。图3-1 mysql数据库图形界面图3.1 数据库逻辑设计数据库逻辑设计中，主要是将数据库需求分析的结果在数据库中实现。实现方式首先是创建数据库，该学生信息管理系统的数据库名称为student ；其次是在数据库中创建数据表，每个表的名称都以“stu_”开头，在数据表中队每个字段分别设置。a 用户登录信息表stu_login 该表主要用于系统首页的用户登录。在该表中有登录编号、登录用户名、登录密码和登录角色等字段，其中登录用户角色在该系统中有3重，即学生、教师和管理员。如表3-1所示。表3-1 用户登录信息表字段名称含义类型约束loginid登录编号int主键roleid登录用户角色int非空loginname登录用户名varchar 50 非空loginpwd登录密码varchar 50 非空b 学生基本信息表 stu_student该表主要用于保存学生的基本信息，如学号、学生姓名、入学时间、籍贯等。如表3-2所示。表3-2 学生基本信息表字段名称含义类型约束id自增列int主键stuid学号varchar 50 非空stuname学生姓名varchar 50 非空entertime入学时间datetime无stuyear学年制varchar 50 无stuclass所在班级varchar 50 无address籍贯varchar 50 无telephonevarchar 50 无remark备注varchar 50 无c 课程信息表 stu_course 课程信息表主要用于保存课程的有关信息，如课程名称、学分、百分制总分等。如表3-3所示。表3-3课程信息表字段名称含义类型约束courseid自增列int主键coursename课程名称varchar 50 非空coursecredit学分int无totalscore百分制总分int无remark备注varchar 50 无d 教师信息表 stu_teacher 教师信息表主要是保存教师的相关信息，如教师编号、教师名称、简介和备注字段等。如表3-4所示。表3-4教师信息表字段名称含义类型约束tid自增列int主键teacherid教师编号varchar 50 非空teachername教师名称varchar 50 非空teacherinfo简介varchar 50 无remark备注varchar 50 无e 教师课程表 stu_teacourse 该表主要是建立教师与课程之间的联系。该表的ticd字段是自增列，具有唯一性。通过tid字段关联到教师信息表，courseid 字段关联到课程信息表。如表3-5所示。表3-5教师课程表字段名称含义类型约束tcid自增列int主键tid教师编号int非空cousrid课程编号int非空f 学生课程表 stu_stucourse学生课程表主要建立学生与课程之间的联系。该表的相应字段与教师课程表相同，另外该表中增加了score 字段，表示该学生相应课程的成绩。如表3-6所示。表3-6学生课程表字段名称含义类型约束scid自增列int主键id学生编号int非空couseid课程编号int非空score分数int无g 意见反馈表 stu_words意见反馈表主要用于保存学生留言的相关信息，如留言标题、留言内容等。如表3-7所示。表3-7意见反馈表字段名称含义类型约束wordsid自增列int主键wordstitle留言标题varchar 50 非空wordscontent留言内容varchar 50 非空wordstime留言时间datetime非空personname留言者姓名varchar 50 无remark备注varchar 50 无h 新闻信息表 stu_news新闻信息表主要用于保存管理员所发布的相关新闻，如新闻标题、新闻内容、新闻发布的时间等。如表3-8所示。表3-8 新闻信息表字段名称含义类型约束newsid自增列int主键newstitle新闻标题varchar 50 非空newscontent新闻内容varchar 50 非空newstime新闻发布时间datetime非空remark备注varchar 50 无3.2 数据库连接访问类 在mysql 数据库中创建数据库student 和数据表，接下来创建应用程序。在指定的地方创建应用程序根目录stu，并在stu/web-inf/lib目录文件夹中，存放连接数据库的jar文件。在应用程序中要连接到数据库，还需要建立连接访问类。在src/org文件夹下，创建数据库连接访问类databaseconn.java，在该类中指定mysql 驱动与数据库student。具体代码如下。package org;import java.sql.*;public class databaseconn public connection conn null;public void createconn string driver com.mysql.jdbc.driver;stringurl jdbc: if conn null try class.forname driver .newinstance ;conn drivermanager.getconnection url ; catch exception e e.printstacktrace ; public connection getconn if conn null createconn ; return conn; public void closeconn if conn ! null try conn .close ;conn null; catch exception e e.printstacktrace ; 4 客户端页面设计与jsp页面实现在应用程序跟目录下创建相应的jsp页面，在文件中，使用div+css对学生基本信息要显示的内容和样式进行设计。该部分包括客户端页面的设计、客户端jsp页面的实现、学生可视化javabean 文件的创建、学生不可视化javabean文件的创建以及最后的运行。在相应的模块中还有服务器端servlet文件的创建以及数据库类的创建等。在系统中，在应用程序src/bean目录下，创建许多可是化javabean文件。在这些文件中，定义了每个模块的属性变量，并为每个属性设置了set和get方法组。在应用程序src/bean目录下，还创建了许多不可视化的javabean文件，这些文件定义了各个模块操作数据库所用到的相关方法。在src/servlet文件中，创建了服务器端servlet文件，该文件用于接收传递参数，然后将响应结果返回给客户端。4.1 公共模块的设计与实现系统的公共模块也就是学生和教师的公共模块，包括系统登录界面、个人信息界面、更改密码界面、查看课程列表及查看新闻列表。4.4.1 系统登录界面该模块主要用于系统首页的用户登录，主要字段有登录编号、登录用户名、登录密码和登录用户角色。用户角色有3种，即学生、教师和管理员。根据roleid选择不同的登录角色。具体的代码如下。 formname member-loginaction servlet/loginservlet method post onsubmit return checkloginform h2 class mem 用户登录 用户名： input class my type text name name length 10/ 密    码： input class my type password name password length 10/ input type radio name kind value student checked checked / 学生 input type radio name kind value teacher / 教师 input type radio name kind value admin / 管理员 a href # class register onclick alert 请先登录！ 修改密码 p class div input type submit value class login / 判断该页面有没有接收到用户名session的值-! %string name string session.getattribute loginname ;string role string session.getattribute role ;if name null % !-如果用户没有登录，则转到index.jsp - script type text/javascript location.href index.jsp; %- 如果登录用户角色为学生，则显示该学生基本信息-% %if student.equals role student stu null;stu stud.selectstudentbysid name ;if stu ! null % %- 如果登录用户角色为教师，则显示该教师基本信息-% % else if teacher.equals role % %teacher teacher null; teacher te.selectbytid name ;if teacher ! null % 基本信息 ul class stuper li class stu1 教师编号： liclass stu2   % teacher.getteacherid % 其运行界面如图4-2所示。图4-2 个人基本信息页面在该系统中，以下的代码用于处理乱码问题，使用自定义的trans 方法将输入的内容重新编译。string trans string chi string result null;byte temp;try temp chi.getbytes iso-8859-1 ;result new string temp ; catch exception e return result; 另外在该系统中的jsp页面中，使用了大量的html标签，例如 、 等。并且为每个标签定义了id属性或者class属性，这是由于在css样式表中，要通过其属性控制这些标签的样式，比如学生个人信息用到的css样式，其代码如下。#stuperbody width:580px;height:450px; ul.stuper width:580px; ul.stuper li.stu1 width:150px;height:30px;float:left;border:1px solid black; ul.stuper li.stu2 height:30px;width:390px;float:left;border:1px solid black; 4.1.3 更改密码页面登录成功后，可以对其密码进行修改。进入学生或教师页面，单击【修改密码】选项，具体代码如下。 修改密码 用户名： % name% hr style width:530px;text-align: left;/ form method post action servlet/checkpwd name checkform onsubmit return checksecond ul class checkpwd li class wtitle 新密码： li class wtitle input type password length 10 id pwd1 name pwd/ div id divfirst ul class checkpwd li class wtitle 重新输入： li class wtitle input type password length 10 id pwd2 onblur checksecond / div id divsecond ul class checkpwd li class wtitle input type reset value 重填/ input type submit value 提交 script type text/javascript var v document.getelementbyid divsecond ;function checksecond var v1 document.getelementbyid pwd1 .trim;var v2 document.getelementbyid pwd2 .trim;if v1 ! v2 v.innerhtml 两次密码输入不一致！请重新输入！;return false; else v.innerhtml ; return true; /去掉空格stotype.trim function return this.replace / s* | s*$ /g, ; 图4-3 修改密码4.1.4 查看课程信息页面学生和教师成功登陆后，进入学生或教师页面，进入【学生功能列表】或【教师功能列表】单击【课程列表】，可以查看课程信息。具体代码如下。 课程列表 ul class allcourse li class kch 课程编号 li class kch 课程名称 li class kch 学分 li class kch 总分 li class kch 任课老师 li class kch 备注 在全部课程信息中，由于浏览器页面大小有限，另外一方面服务器响应时间过长，因此使用分页技术，可以让用户看到了所有的信息，又缩短了服务器响应时间。其客户端文件代码如下。request.setcharacterencoding gbk ;response.setcharacterencoding gbk ; list allcourse new arraylist ;string pagenumber request.getparameter pagenumber ;int pageint 1;if pagenumber null | .equals pagenumber.trim pageint 1; else try pageint integer.parseint pagenumber ; catch exception e pageint 1; if pageint 1 pageint 1; int pagesize 4;/定义一页的显示数 int courseamount 0;/定义总记录数 courseamount co.coursetypesamount ; int totalpage 1;/获取总页数 totalpage courseamount%pagesize 0? courseamount/pagesize : courseamount/pagesize +1 ; /如果要查询的page值大于totalpage，就将page值设置为totalpage if pageint totalpage pageint totalpage; allcourse co.allcoursefen pageint,pagesize ;iterator iter allcourse.iterator ; int i pagesize* pageint-1 ;/用来做显示的序列号while iter.hasnext course course course iter.next ;int cid course.getcourseid ;string tname course.getteachername ;if tname null tname ; ul class allcourse2 li class kch 【 % pageint % / % totalpage % 】 a href allcourse.jsp?pagenumber 1 首页 %if pageint 1 out.print 上页 ; else % a href allcourse.jsp?page % pageint-1% 上页