河北科技师范学院2012届本科毕业设计
教师 编号 标题 更新 动态内容 浏览 学生 动态内容 图6 业界动态信息管理E-R图
5 详细设计与系统实现
5.1 数据库表详细说明
表1 学生信息/管理员信息表
字段名 ID UserName
Pw em
描述
用户ID号 用户名 密码 邮箱
类型 Bigint Varchar Varchar Varchar
长度 4 10 20 20
是否空 否 否 否 否
是否主键
是 否 否 否
表2 案例教学/理论教学资料表
字段名 ID tm nr
描述
资料ID号 资料名称 资料内容
类型 Bigint Varchar 备注
长度 4 10
是否空 否 否 否
是否主键
是 否 否
表3 留言信息表
字段名 ID author Liuyan posttime
描述
信息ID号 用户名 留言内容 留言时间
类型 Bigint Varchar Varchar datetime
长度 4 10 255
是否空 否 否 否 否
是否主键
是 否 否 否
9
河北科技师范学院2012届本科毕业设计
表4 业界动态表
字段名 ID tm nr
描述
动态ID号 动态名称 动态内容
类型 Bigint Varchar 备注 表5 公告表
字段名 ID tm nr
描述
公告ID号 公告名称 公告内容
类型 Bigint Varchar 备注
长度 4 10
是否空 否 否 否
是否主键
是 否 否
长度 4 10
是否空 否 否 否
是否主键
是 否 否
5.2 系统功能模块的详细设计与实现
5.2.1 首页的设计与实现
首页包括了教学、资料、互动、课业、后台管理五个大板块，点击各个相应的超链接，就会进入相应的功能页面。首页的页面效果，如图7所示。
图7 首页的页面实现效果
10
河北科技师范学院2012届本科毕业设计
5.2.2 教学模块的设计与实现
点击首页中的“教学”超链接，即可进入教学模块。教学模块主要分为理论教学模块、案例教学模块、实践教学模块三个子功能模块。这三个子模块分别向学生提供理论知识、教学案例和课上教学视频。教学模块页面实现效果如图8所示。
图8 教学模块的页面实现效果
该模块包揽了三个教学模块的内容，上面两个模块是理论教学和案例教学的一部分模块，中间嵌入的是实践教学中的视频文件，按播放按钮可以播放，最底下是一些优秀的PS图片，其中视频文件的主要实现代码是：