演示视频:
https://www.bilibili.com/video/BV1Fi4y1e7z1/
第4章 系统设计
3.1系统功能设计
系统设计是一个把软件需求转换成用软件系统表示的过程。通过对目标系统的分析和研究,做出了多媒体技术与应用课程网站的总体规划,这是全面开发系统的重要基础。在对多媒体技术与应用课程网站全面分析调查的基础上,制定出多媒体技术与应用课程网站的总体规划。系统设计包括系统总体设计、系统详细设计、系统数据库设计、系统开发工具、开发技术和开发模式等。
从数据流图出发,对数据流图进行分析,得出的层次化的模块结构图.
多媒体技术与应用课程网站前台功能模块图如图3-1所示:

图3-1前台功能模块图
多媒体技术与应用课程网站后台功能模块图如图3-2所示:

图3-2 多媒体技术与应用课程网站后台功能模块图
3.2数据库设计
数据库是本系统的核心和基础。它设计的好坏直接影响着整个系统的质量。数据是一切系统设计的基础,通俗地说,数据库设计就像高楼大厦的根基一样,如果设计的不合理、不完善,将在系统开发过程中,甚至到后期的系统维护、功能变更和功能扩充时,引起较多问题,严重时甚至要重新设计,重做大量已完成工作。
3.2.1概念结构设计
从数据需求分析中得出系统的实体属性图。
(1)管理员实体属性图如图3-3所示:

图3-3管理员实体属性图
(2)课程介绍实体属性图如图3-4所示:

图3-4班级实体属性图
(3)学生信息实体属性图如图3-5所示:

图3-5学生实体属性图
(4)老师实体属性图如图3-6所示:

图3-6老师实体属性图
(5)课件信息实体属性图如图3-7所示:

图3-7教学资料实体属性图
(6)公告信息实体属性图如图3-8所示:

图3-8公告信息实体属性图
(7)信息交流实体属性图如图3-9所示:

图3-9留言信息实体属性图
(8)教学视频实体属性图如图3-10所示:

图3-10教学视频信息实体属性图
第5章 系统实现
3.1管理员登录
1.描述:为了保证系统的安全性,要先使用本系统必须先登陆到系统中,用户需要正确的账号和密码登录本系统。
2.程序运行效果图如图3.1所示:

图3.1 系统登陆页面设计
3.2管理员功能模块
1.描述:系统主页面:左方页面展示了管理员可操作的六大功能,进入相关的管理页面可以链接到子菜单,并且高亮显示,每个管理模块下面都有相应的子菜单。
2.程序运行效果图如图3.2所示:

图3.2管理员主页面
在每个jsp页面将会对相关用户进行拦截操作,这样可以提高安全性,防止用户不经过登陆页面而进入任何子菜单页面:
3.2.1课程介绍管理
3.2.1.1课程介绍管理
1.描述:管理员点击左侧的菜单“课程介绍”,页面跳转到课程介绍管理界面,调用后台的action类查询所有班级信息。
2.程序效果图如下图3.4所示

图3.4 课程介绍管理
3.2.2教师信息管理
3.2.2.1教师信息录入
1.描述:管理员输入教师相关正确信息后点击录入按钮,如果是没有输入完整的教师经理信息,都会给出相应的错误提示,不能录入成功。输入数据都通过form表单中定义的方法onsubmit="return checkForm()"来检查,checkForm()函数中是各种的校验输入数据的方式。
2.程序效果图如下图3.6所示:

图3.6 教师信息录入
3.2.2.2教师信息管理
1.描述:管理员点击左侧的菜单“教师管理”,页面跳转到教师管理界面,调用后台的action类查询所有教师信息。
2.程序效果图如下图3.7所示

图3.7 教师信息管理
3.2.3学生信息管理
3.2.3.1学生信息录入
1.描述:管理员输入学生相关正确信息后点击录入按钮,如果是没有输入完整的学生经理信息,都会给出相应的错误提示,不能录入成功。输入数据都通过form表单中定义的方法onsubmit="return checkForm()"来检查,checkForm()函数中是各种的校验输入数据的方式。
2.程序效果图如下图3.9所示:

图3.9 学生信息录入
3.2.2.2学生信息管理
1.描述:管理员点击左侧的菜单“学生管理”,页面跳转到学生管理界面,调用后台的action类查询所有学生信息。
2.程序效果图如下图3.10所示

图3.10 学生信息管理
3.2.4公告信息管理
3.2.3.1公告信息录入
1.描述:管理员输入公告相关正确信息后点击录入按钮,如果是没有输入完整的公告信息,都会给出相应的错误提示,不能录入成功。输入数据都通过form表单中定义的方法onsubmit="return checkForm()"来检查,checkForm()函数中是各种的校验输入数据的方式。
2.程序效果图如下图3.12所示:

图3.12 公告信息录入
3.2.3.2公告信息管理
1.描述:管理员点击左侧的菜单“公告信息管理”,页面跳转到公告信息管理界面,调用后台的action类查询出所有的公告信息,并把这些信息封转到数据集合List中,绑定到request对象,然后页面跳转到相应的jsp,显示出公告信息。
2.程序效果图如下图3.13所示

图3.13 公告信息管理页面
3.2.3.3公告详细信息查看
1.描述:先是点击公告信息管理,页面跳转到公告信息管理界面,浏览所有的公告信息,点击要查看的公告信息,弹出公告信息详细信息界面。
3.2.3.4公告信息删除
1.描述:先是点击公告信息管理,页面跳转到公告信息管理界面,浏览所有的公告信息,点击要删除的公告信息,弹出的确定对话框,即可删除该公告信息。
3.3前台网站功能模块
3.3.1网站首面设计
1.描述:前台首页是浏览者打开一个网站后第一眼看到的网页,网站能不能吸引浏览者,在很大程度上取决于首页做得怎么样。首页包含内容虽然丰富但不杂乱,色彩搭配要合理,整体风格要独特。
2.程序效果图如下图3.22所示:

图3.22 网站首页
3.3.2教学课件下载
1.描述:点击网站主页菜单的课件信息菜单,进入课件信息列表,点击课件信息具体内容,并下载资料中的附件信息。
2.程序效果图如下图3.23所示:

图3.23 教学课件下载
3.3.3教学视频下载
1.描述:点击网站主页菜单的教学视频,进入教学视频信息列表,点击视频信息浏览具体内容,并下载视频中的附件信息。
2.程序效果图如下图3.24所示:

图3.24 教学视频下载
多媒体技术应用课程网站系统设计与实现
本文详细描述了多媒体技术与应用课程网站的系统设计过程,包括功能模块划分、数据库设计(如管理员、课程、学生等实体属性图)、以及管理员登录和功能模块的实现,如课程介绍、教师信息、学生信息和公告管理等。同时概述了前台网站的首面设计和资源下载功能。
1118

被折叠的 条评论
为什么被折叠?



