Java在线学习系统个人任务说明书

中北大学中北大学 课课 程程 设设 计计 说说 明明 书书 动态网站开发课程设计 学生姓名学生姓名 佘新豹 学学 号 号 1106064237 学学 院院 计算机与控制工程学院 专专 业业 网络工程 题题 目目 java 的在线学习系统 基于 B S 指导教师 指导教师 刘忠宝刘忠宝 职称职称 讲师讲师 2014 年 01 月 08 日 1 1 系统设计系统设计 1 1 1 1 目标设计目标设计 1 实现包括 Java 各章节知识的学习 以及学习后的自我测试 教师用户 会定期登录进行站内答疑 2 实现多形式学习方式 包括 ppt 及视频教学等 3 实现 Java 章节学习后的自我测试 以及测试评价 根据测试后知识点进 行 总结 4 实现要建立一个站内聊天室 可以让学生在站内和其他学生交流 或与教 师进行交流 让老师可以为学生进行答疑 5 实现教师用户对于各种学习资源的上传和修改 6 实现管理员用户对于各种学习资源的管理以及教师用户和学员用户的管理 1 21 2 开发和运行环境开发和运行环境 1 IDE eclipse 2 数据库 Mysql 数据库 3 Web 服务器 Tomcat7 4 运用语言 Javascript java HTML jsp 1 31 3 本人主要工作本人主要工作 1 对上传资料进行管理 对 PPT 文档提供 下载 删除 功能 对视 频文件提供播放 下载 删除功能 2 显示各个文件的大小单位为 KB 3 上传的资料分为两类 PPT 文档和视频资料 创建这两个资料列 表 4 提供对管理员信息包括 用户名 邮箱 密码的修改功能 5 修改密码时原密码与新密码必须不同 且不能为空 2 JavaJava 在线学习系统在线学习系统需求分析及概要设计需求分析及概要设计 2 12 1 需求分析需求分析 功能 包括 Java 各章节知识的学习 以及学习后的自我测试 教师用户会 定期登录进行站内答疑 1 Java 各章节知识的多形式学习 包括 ppt 及视频教学等 2 Java 章节学习后的自我测试 以及测试评价 根据测试后知识点进行总 结 3 要建立一个站内聊天室 可以让学生在站内和其他学生或答疑教师进行 交流 4 教师用户对于各种学习资源的上传和修改 5 管理员用户对于各种学习资源的管理以及教师用户和学员用户的管理 本网站包括前台学生和教师用户的登录与注册 后台管理员的登录 以及 对应教师 学生 管理员的不同操作处理 在线聊天等 进入 JAVA 在线学习网站 教师和学生可以选择不同的角色登录本网站 如 果没有注册的用户可以进行注册之后在进行登录 学生进行登录之后可以进入 个人操作界面 对个人信息进行修改 对密码进行修改 进行自我评测 可以 下载和查看 PPT 文件 播放视频文件 进行反馈的操作 教师用户进行登录之 后 同样可以在个人操作界面对个人信息 个人密码进行修改 相比于学生用 户 教师增加了上传资料以及删除资料的功能 权限比学生大 管理员用户是 不可以注册的 进入后台登陆页面输入指定的管理员账号进入后台 同样管理 员可以对自己的个人信息进行修改 在后台页面有所有注册过的的教师学生的 账号信息 管理员可以对这些账号进行删除和更新等操作 同时还可以对文件 进行更新等操作 在前台首页 有 各章节的知识的学习 还有一个聊 天室的模块 学生和教师都可以进入聊天室在线讨论问题 实现在线学习交流 的功能 2 22 2 概要设计概要设计 功能模块图 功能模块图 用例图 用例图 删除功能 删 除 PPT 文 档 删 除 视 频 资 料 修改功能 修改 用户 名 修 改 密 码 修 改 邮 箱 下载 下 载 PPT 文 档 下 载 视 频 资 料 播放功能 在 线 视 频 E RE R 实例关系图 实例关系图 一 前台注册和登陆功能 一 前台注册和登陆功能 只有注册用户才能够进入 JAVA 在线学习系统 注册功能能注册教师和学生 用户 无法注册管理员用户 管理员为系统提前预制的 注册需要在主页上点击注册按键 然后会进入注册页面 页面 1 1 注册页面有四个文本框 分别输入用户名 密码 确认密码 邮箱 一个单选框 选择学生还是教师 还有一个注册按钮 输入完信息之后点击注 册按钮 会进行验证 用户名长度是否符合规定 2 次密码输入是否一致 邮 箱格式是否正确 如果所有格式都正确的话会跳转到登录页面进行登陆 2 否 则会提示各种规范要求 提醒你输入符合要求的格式 1 2 登陆页面有 2 个文本框 输入用户名和密码 选择框学生还是教师进 行登陆 如果数据库没有该帐号则自动跳转到当前页面直到输入正确的帐号为 止 点击登陆跳转到 JAVA 在线学习系统页面 二 前台用户操作功能 二 前台用户操作功能 学生和教师都可以对自己的个人信息及密码进行修改更新 前台的页面是 用一个整体的框架实现 点击个人操作 出现个人操作的列表 用户个人操作 包括个人信息 修改密码 自我测试 资料下载 反馈建议 点击不同的操作 跳转到不同的页面进行操作 实现不同的功能 2 1 用户信息管理功能 学生教师点击个人信息进入到信息界面 界面显示用户名和密码 刚开始 是不能修改的 点击修改按钮就可以第个人信息进行修改 同样 修改的信息 必须符合要求 否则会出现规范提示 修改完成之后点击提交按钮就把当前的 修改信息提交到数据库中 即完成了用户信息管理的功能 2 2 用户密码修改功能 学生和教师都可以对自己的密码进行修改 点击密码修改进入到密码修改 页面 包括 3 个文本框 分别是原密码 新密码 确认密码 一个修改按钮 一个重置按钮 同样 密码的格式必须符合要求 新密码和确认密码必须相同 否则会提示各种规范要求 直到正确为止 然后点击修改按钮就跳转到登陆页 面 即完成了密码修改的功能 2 3 资料下载上传 视频资料播放功能 学生和教师都可以对 ppt 资料进行下载 对视频文件进行播放和下载功能 以学生为例 点击资料下载跳转到资料列表页面 出现 2 个列表框 视频资料 获取对应的文件名称 文件大小 以及有播放和下载的链接 点击播放和下载 出现相应的提示进行播放和下载 而 ppt 资料只有一个下载功能 如果用户是 老师的话还可以对视频和 ppt 资料进行删除和上传的操作 2 4 自我测试 学生学习完 JAVA 各章节后 可以点击自我测试进行自我评测 2 5 用户反馈功能 学生点击用户反馈之后 跳转到反馈界面 显示文本框和文本域 分别输 入标题和内容 点击提交实现反馈 三 聊天室功能 三 聊天室功能 学生和教师点击聊天室进入聊天室 跳转到聊天室界面 左边显示在线人 物列表 右边显示聊天内容 正下方则是一个输入框 用户输入信息后点击发 送按钮 把信息显示在聊天内容框 并且对应自己的用户名 不同的用户的聊 天内容对应自己的用户名显示在聊天信息框里面 这样就实现了聊天功能 用 户点击退出时 聊天信息框会提示该用户已下线 还有 可以对聊天信息进行 清屏 四 后台管理员管理功能 四 后台管理员管理功能 点击后台登陆进行管理员登陆 进入到后台管理员管理界面 同样后台页 面是一个整体框架实现的 左册显示管理员的各种操作 包括学生信息 学生 列表 添加学生 查询学生 教师信息 教师列表 添加教师 查询教师 管理员信息 管理员列表 添加管理员 查询管理员 资料管理 ppt 资料列 表 视频资料列表 个人信息 个人信息 修改密码 点击不同的操作跳转 到不同界面进行操作 对各种信息进行总体的操作 3 3 JavaJava 在线学习系统在线学习系统详细设计详细设计 资料管理页面下的 PPT 列表 包含下载和删除功能 function var tr document getElementsByTagName tr for var i 1 i tr length i if i 2 0 tr i addClass bg color info hover function this attr style background 2d84c6 function this removeAttr style 实现奇数行和偶数行背景颜色不同 function del if confirm 确定要删除吗 return true return false PPt 文件列表 文件名文件大小下载删除 p fileName p fileSize 下载 删除 将下载 删除以超链接的形式从新连接到功能已经实现的 servlet 类中 视频列表 包含对视频文件 的播放 下载 删除等功能 link href jsp images main css rel stylesheet type text css script type text javascript src js jquery 1 8 3 min js script type text javascript src js swfobject js 正在播放 CuPlayer margin left 120px 正在播放 input id path type hidden value 提示 您的 Flash Player 版本过低 请进行网页播放器升 级 var so new SWFObject path val foreground video CuPlayerMiniV4 swf CuPlayerV4 645 430 9 000000 so addParam allowfullscreen true so addParam allowscriptaccess always so addParam wmode opaque so addParam quality high so addParam salign lt so addVariable CuPlayerSetFile path val foreground video CuPlayerSetFile xml 播放器配置文件地址 例 SetFile xml so addVariable CuPlayerFile filePath val 视频文件地址 so addVariable CuPlayerImage path val foreground video images start jpg 视频略缩图 本图片文件必须正确 so addVariable CuPlayerWidth 645 视频宽度 so addVariable CuPlayerHeight 430 视频高度 so addVariable CuPlayerAutoPlay yes 是否自动播放 so write CuPlayer 通过 jsp 实现对播放器长宽的指定 及文件路径的提取 具体 实现同样通过已实现的 servlet 类 form action updateInfoBackServlet method post 个人信息 用户名 邮箱 实现对用户名邮箱的修改 function var tr document getElementsByTagName tr for var i 1 i tr length i if i 2 0 tr i attr style background f2f2f2 修改密码 form action updateInfoBackServlet method post 修改密码 原密码 old passError 新密码 passError 再次输入密码 passError 实现对密码的修改 密码不能为空 且新密码不能与原密码相 同 4 4 个人体会