学士学位论文web应用与开发课程设计报告.docx
《学士学位论文web应用与开发课程设计报告.docx》由会员分享，可在线阅读，更多相关《学士学位论文web应用与开发课程设计报告.docx（13页珍藏版）》请在冰豆网上搜索。
学士学位论文web应用与开发课程设计报告
HUNANCITYUNIVERSITY
《WEB应用与开发》课程设计报告
专业：
网络工程
学生姓名：
班级学号：
小组成员：
指导老师：
2016年11月5日
WEB应用与开发课程设计报告
1306101-23
一、设计时间
2016年10月22日------2016年11月5日
二、设计地点
湖南城市学院实验楼计算机503机房
三、设计目的
开发一个学生信息管理数据库的目的，主要是对查询学生信息过程中的所有信息进行更加科学、规范和有效的综合管理，是为了让同学们能在任何时候都能查阅到有关自己的信息。
该学生信息管理系统主要包括学生信息查询、选修课管理、课程管理、帐号信息修改等。
本系统还提供学生相关的基本信息统计、汇总、查询，这样便于辅助学校领导的学生管理工作。
四、设计小组成员
1306101-08何振雄1306101-23李吉宇
五、指导老师
习胜丰老师
六、设计课题
学生信息管理系统
七、学生信息管理系统的需求
根据系统的需求，首先将要记录的信息分类，要记录的信息如下：
学生信息：
包括每个学生的学号、姓名、性别、年龄、籍贯、政治面貌、入学时间、联系电话等
学生课程信息：
包括学生所学的专业课程和选修课程的课程编号、课程名称、授课老师、课程学分学分等
学生选课信息：
包括选修课名称、选修课类型、课程编号、任课教师。
用户信息：
包括包括用户名、对应密码等
根据这些需要，本系统需要“学生基本信息”表，“学生课程信息”表，“学生选课信息”表，和“用户信息表”。
如图1所示。
图1系统基本逻辑关系
八、模型设计
（1）实体列表
表1实体列表
实体
描述
学生基本信息
学号、姓名、性别、年龄、籍贯、政治面貌、入学时间、联系电话
学生课程管理
专业课程和选修课程的课程编号、课程名称、授课老师、课程学分
学生选课管理
选修课名称、选修课类别、课程编号
用户信息
用户名、密码等
（2）系统的E-R模型图
图2E-R模型
九、数据库设计
应用mysql程序作为数据库。
设计了一个表格。
图3数据库表格
一十、系统流程图
在本系统中准备通过如下窗体来实现数据维护的功能：
（1）主窗体：
管理着各个子窗体。
（2）“查看信息”子窗体：
管理学生基本信息。
。
（3）“查看课程”子窗体：
管理学生课程基本信息。
（4）“网上选修”子窗体：
管理学生选修信息
（5）“修改密码”子窗体：
修改用户密码。
（6）“退出”子窗体：
退出系统。
系统流程图如图3所示：
N
Y
图4系统流程图
一十一、程序调试情况
在数据连接时一定要注意窗体和相应显示控件的绑定关系。
在把系统从一台计算机移植到另一台计算机时一定要把数据库TABLE同时移植。
与数据库的链接代码如下：
//连接驱动字符串
StringclassName="com.mysql.jdbc.Driver";
Stringurl="jdbc:
mysql:
//localhost:
3306/studentManage";
Class.forName（className）;
Connectioncon=DriverManager.getConnection（url,"root",""）;
Statementsta=con.createStatement（）;
//登录界面的查询语句
Stringsql="select*fromuserswhereuserId='"+user+"'andpwd='"+pwd+"'";
//得到查询结果集
ResultSetrs=sta.executeQuery（sql）;
一十二、重点代码及功能显示
1、运行程序后首先显示就会弹出如图4所示登录框。
图5登录界面
代码实现：
1、背景设置,样式设置
2、用户类型选择
style="width:
130px;height:
25px"onchange="SelType（）">
学生
教师
管理员
functionSelType（）{
vartype=document.getElementById（"sel"）.options[document
.getElementById（"sel"）.selectedIndex].value;
if（type=="TEA"）
document.getElementsByTagName（"font"）[2].innerHTML="工号：
";
elseif（type=="ADM"）
document.getElementsByTagName（"font"）[2].innerHTML="帐号：
";
elseif（type=="STU"）
document.getElementsByTagName（"font"）[2].innerHTML="学号：
";
}
2、在登录对话框中输入用户姓名和密码，单击“确认”按钮，就会对用户身份进行认证，若认证通过，那么就会弹出如图5所示的学生信息管理系统窗体。
图6学生信息管理系统窗体
代码实现：
（采用frame设置）
<%
if（"STU".equals（session.getAttribute（"userTYPE"）））{
%>
<%
}elseif（"TEA".equals（session.getAttribute（"userTYPE"）））{
%>
<%
}elseif（"ADM".equals（session.getAttribute（"userTYPE"）））{
%>
<%
}
%>
3、在“查看课程”窗体中可以对用户课程信息进行查看，例如添加用户信息和修改密码。
如图6
图7查看课程窗体
代码实现：
（学期学年选择框）
align="center">
学年学期style="width:
165px">
|
4、在“网上”窗体中可以对学生选修信息进行操作，例如选择课程，提交选修课程记录等。
如图7所示.
图8网上选修窗体
代码：
（标题类型）
选定
课程
学分
类别
任课教师
上课班级
名称
限选
已选
可选
上课时间/上课地点
|
5、在“修改密码”窗体中可以对用户密码进行修改，保证用户信息的安全。
如图8，图9所示。
图9修改密码窗口
代码实现：
（js实现对应功能）
升级会员 