唐天振：基于SSH的精品公开课程网站的设计
字段名 ID mingcheng fujian
fujianYuanshiming
表 4-0-7 课件信息表（t_doc） 数据类型 字段描述 Int 编号 varchar 课件名称 varchar 附件 varchar 附件原始名字
长度
10 50 50 50
主键 √
8.教学视频信息表(t_vedio)
教学视频信息表主要用于老师发布的教学视频信息，主要字段包括：编号、视频名称、视频介绍等。
字段名 ID mingcheng fujian
fujianYuanshiming
表 4-0-8 视频信息表（t_vedio） 数据类型 字段描述 Int 编号 varchar 视频名称 varchar 视频附件 varchar 附件原始名字
长度
10 50 50 50
主键 √
9.试题信息表(t_shiti)
教学视频信息表主要用于老师发布的试题信息，主要字段包括：编号、试题名称、试题介绍、附件等。
字段名 ID mingcheng fujian
fujianYuanshiming
Jieshao
表 4-0-9 试题信息表（t_shiti） 数据类型 字段描述 Int 编号 varchar 试题名称 varchar 试题附件 varchar 附件原始名字 varchar 试题介绍
长度
10 50 50 50 5000
主键 √
- 20 -
安徽工程大学毕业设计（论文）
第5章 详细设计
本章是根据软件工程知识，对概要设计的具体实现。通过对每个模块的功能进行描述，绘出功能流程图，编写代码，最终展示出相应的页面。使得整个设计变成一个可运行物理实体，从而达到本次设计的最终目的。
5.1管理员模块 5.1.1登录界面设计
1.功能描述：
此模块主要功能是用于登录本系统，不同权限的用户登录本系统会进入不同的管理模块界面，因为在后台对该用户进行的判断，首先将从前台页面提交的用户名和密码进行接受，之后在后台进行处理，按照用户名在数据库中进行查询如果查到该用户则将该用户的权限和密码全都取出来分别赋给两个字符串变量，判断从数据库中读出的密码与登录时输入的密码是否配比上，若两个密码相同则根据权限的值进入相应的页面，否则输出密码错误。若用户未被管理员分配好权限那么也是无法登陆本系统的。
2.功能流程图如下：
开始用户登录用户名密码是否合法 N Y进入主界面返回登录页面结束
图 5-1 登陆流程图
3．核心实现代码：
function check1(){
if(document.ThisForm.userName.value==\ alert(\请输入用户名\ document.ThisForm.userName.focus(); return false;
}
- 21 -
唐天振：基于SSH的精品公开课程网站的设计
if(document.ThisForm.userPw.value==\ alert(\请输入密码\ document.ThisForm.userPw.focus(); return false; }
if(document.ThisForm.userType.value==-1){ alert(\请选择登陆身份\ return false; }
document.getElementById(\
loginService.login(document.ThisForm.userName.value,document.ThisForm.userPw.value,document.ThisForm.userType.value,callback);
}
function callback(data){ document.getElementById(\ if(data==\ alert(\用户名或密码错误\ } if(data==\ alert(\通过验证,系统登录成功\ window.location.href=\ } }
4.该功能的实现页面，如下图：
图 5-2 登录界面
5.1.2 修改个人密码
1.功能描述：输入用户名和用户的原有密码，输入新密码以后点击修改按钮即可修改密码成功。
2.功能流程图，如下：
- 22 -
安徽工程大学毕业设计（论文）
开始输入修改数据修改密码 确认修改成功重置重新输入结束
图 5-3 修改个人密码流程图
3.核心代码实现： function check(){
var userPwReal=\ if(document.formPw.userPw.value !=userPwReal){ alert(\原密码不正确\ return ; }
if(document.formPw.userPw1.value ==\ alert(\新密码不能空\ return ; }
if(document.formPw.userPw1.value != document.formPw.userPw2.value){
alert(\两次输入的密码不一致\ return ; }
document.getElementById(\
loginService.adminPwEdit(document.formPw.userPw1.value,callback);
}
function callback(data){
document.getElementById(\
alert(\修改成功\
}
4.程序效果图如图5-4所示：
- 23 -
唐天振：基于SSH的精品公开课程网站的设计
图 5-4 个人密码修改页面
5.1.3 老师信息管理
1.功能描述：点击左侧的菜单“老师管理”，页面发送请求，调用后台的teaAction类查询出所有的老师信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp页面，显示出老师信息。
2.功能流程图，如图5-5
开始教师管理 添加添加删除删除是否删除 是否返回教师管理页面录入教师信息删除成功录入成功结束
图 5-5 教书信息管理流程图
3.核心代码实现：
function teaDel(teaId){
if(confirm('您确定删除吗？')){
window.location.href=\
+teaId;
} }
function teaAdd(){
- 24 -