演示视频:
https://www.bilibili.com/video/BV1d64y1G7io/
(二)设计方案
1.系统功能
基于WEB的在线学习开发系统设计为注册用户、添加资料、下载资料、在线测试、后台管理五个模块,每一个模块都有各自独立的数据库。通过以上对用户需求的分析,结合本系统要实现的功能,一个在线学习系统应包括以下的主要功能:
(1)页面区:主要包括导航条、搜索、用户登录、课件相关教材等。
(2)课件添加区:利用上传方式,将计算机网络课件上传至网站,讲解全书三个章节的重点、 难点和要点介绍及其范例。
(3)下载区:主要下载学生想下载的资料。
2. 系统结构
整个系统主要分为前台:用户注册、学习视频、搜索、。结构图如图1所示。后台:用户的管理、资料的管理、下载的管理、视频的管理等功能模块。结构图如图2所示。
图1前台结构图
图2系统功能图
四、基于WEB的在线学习系统的实现
(一)部分数据库E-R图
1.数据库需求分析及E-R图
根据以上的系统功能分析,可以得到E-R图,学生和教学视频E-R图,如下图图3。
图3 学生和教学视频E-R图
学生和课件E-R图,如下图图4。
图4学生和课件E-R图
(三) 部分关键编码实施实现
1. 登录系统
用户在使用系统时需要进行用户的登录,登录后的用户才能够使用系统中的资料下载、在线测试等功能。未经注册的用户,不具备任何权限,无法使用该系统的任何功能,只可浏览网站,使用网络教学系统必须注册账户,因此,功能模块中包括了登录和注册功能。
2.登录功能的代码实现及界面效果
登录功能最主要的作用是验证用户的用户名与密码是否一致,在进行登录时,首先检要检验当前输入用户名是否为空,若为空,则弹出提示框“你输入的内容无效”要求使用者再次进行验证与检查,操作成功后,校验新的输入正确的内容。输入后的数据通过后台的数据库进行查询,若数据库中有此条记录,则可以访问页面。页面效果图如图6所示。
图6用户登录图
3. 注册功能的代码实现及界面效果
没有注册的用户在进入公共网站时不能进行任何操作,只可浏览,要想访问网站就必须先进行用户帐号注册,这样才能有相应的使用权限。在帐号注册成功后,通过登录就可获得访问网站的权限了。
点击登录界面的“注册”功能选项就可以进入注册功能页面,将输入的注册信息传递到后台,在后台进行数据的验证,验证完成后,将弹出各种提示信息,如:注册成功等。用户注册效果如图7所示。
图7用户注册图
4.资料下载功能的代码实现及界面效果图
资料下载是为了更好的帮助学生掌握计算机网络课程的重点内容而设计的,通过点击资料下载,查看详细操作,可以将资料下载到本地磁盘中,方便学生学习和理解课程内容。界面效果图如下图10所示。
图10在线学习视频下载
13