ASP.net教学系统的设计与实现+流程图+ER图(4)
(5)聊天室模块
聊天室方便所有用户在线交流。它通过后台数据控件repeater绑定Application，并在前台的每次刷新过程中，将该数据控件中的数据放到html元素中显示出来，从而进行实时的在线信息交流。
4．具体实现
4.1系统首页
图为系统首页，首页图片和菜单栏出现在教师和学生的大多数操作界面中，从而能够方便用户切换各个功能。模板页背景颜色为淡蓝色，模板页使用table、a、img标签，配合CSS布局设计[8]，整体感觉宁静、大方且简洁而规范。系统首页如下图5所示。
图5 系统首页图
4.1.1用户登录
用户登录时，需要同时输入用户名、密码、选择角色，缺一不可，验证通过后，将显示用户成功登录页面。此时用户可以修改个人信息。
4.1.2站内公告
站内公告部分向用户展示教师发布的一些信息和公告，公告板以向上流动的方式展示教师最近发布的信息，此功能通过后台向浏览器输出marque和table完成，在输出之前将数据库中公告表中的最新信息写到表格中并将table放到marque中，运行时公告就会以向上流动的方式显示，学生点击相应的公告标题就可以查看具体的内容。
4.1.3下载排行
在首页的右下方是资源的共享模块，如图所示这里有学生下载排行以及教师最新上传排行。学生可以自由下载。这些列表中的数据由DataList绑定LinqDataSource数据源展示出来，这两个数据源中绑定的表分别按下载次数和上传时间降序排列。下载排行图如下图6所示。
图6 资源下载排行图
4.2资源下载
资源下载模块用GridView向用户展示了教师最新上传的资源，学生可以选择下载或浏览。该模块通过 GridView数据控件，并添加Template模板实现删除操作。根据是否是教师角色确定“删除”按钮的可见性，这一功能主要是通过在GridView的RowDataBind事件实现。
4.3问题咨询
该模块由学生角色操作，学生登录之后，可以向老师咨询或留言，“教师回复查询”和“历史咨询查询”功能由DataList数据控件来实现，在“教师回复查询”模块中学生可以查看到教师是否回复了自己上次登录提出的问题。在“历史咨询查询”中，学生可以查看咨询历史及回复。
4.4论坛交流
所有用户都能进入论坛进行交流，点击论坛交流，用户会看到帖子列表，该表通过在后台绑定数据源来实现。该功能通过两张表来实现，用户发表新帖，会将新帖添加到“帖子”表中，用户回复帖子会将回复内容添加到“回帖”表中，“帖子”表中每一行可能会对应“回帖”表中的0到多行。如图下所示，用户可以点击查看帖子和相应的回帖，可以发表新帖。论坛园地图如下图7所示。
图7 论坛园地图
用户点击帖子标题就能查看帖子内容和回帖，该功能通过后台向客户端输出table来实现，在输出之前需要将数据库中的数据添加到表中并设置相应的样式。用户可以选择发表新帖或者是回复主题。论坛正文如下图8所示。
图8 论坛正文图
若用户选择发表新帖则可以添加标题、内容和图片，该帖子会被添加到数据库中的“帖子”表中。验证控件控制禁制用户发表标题为空的帖子。若用户选择回复主题则可以添加回复的内容以及上传图片。回复的内容自动添加到回复表中，该回复所对应的帖子id指向“帖子”表中该帖子的id。
4.5课后习题
用户在该模块可以选择相应的章节来进行习题练习，默认选择第一章习题，做完习题并提交后，错误的题目会自动显示出来，方便学生查漏补缺。此模块通过Session对象保存用户选择的章节，三种练习题页面用iframe来存放，根据章节和题目类型来加载不同的页面和题目。其中各个页面的练习题通过用DataList向用户展示，当用户提交时，会遍历Datalist数据表中的每一项，查看选中项是否和正确答案匹配，若不匹配，则自动将该题的题号添加到list<int>集合中，并能显示所有正确的答案[9]。课后习题图如下图9所示。