|
|
本毕业设计总体设计部分预览
前台页面用用photoshop 设计图片 flash 设计动画菜单 用dreamweaver 打表格排版来实现，根据需要实现的功能设计前台的页面，比如：课堂登录、信息查看、课件下载、在线答疑、查看公告信息、课程相关信息。后台数据库用SQL和ASP 实现。
5．1 主界面设计
系统主界面如图5.1所示，在制作网站的时候把页面分割为四大块，最上面为网站的图片和导航栏，左面页面为系统登录和滚动链接。右侧页面为信息查看和查询页面，最下面是网站的页脚。
网站的主界面有用户登录，课程介绍，信息通知，答疑解惑，资源下载等模块，首页有个在线调查的模块，根据用户平时的爱好，看是否在网上购买东西。
用户进入网站首页后在左边登录框中选择登录。用户输入自己的学号和密码，登录成功后进入各个模块。根据用户的需求浏览一些相关的信息，查看课程信息，查看最新公告和对最近的课程内容的下载等..如果没有注册的用户可以通过以下界面来注册系统会员。
5．2 登录界面设计
在本网站中，管理员需要通过登录后进入后台管理的界面，系统开始分配给管理员一个初始的用户名和密码。当管理员在文本框中输入用户名和密码后，后台程序将文本框中获得的值来和数据库中相应的字段来比较，并且数据库表中字段也要为真。有了这三个条件如果到记录集尾部的了，说明这个管理员用户名和密码是错误的。如果没有到记录集尾部的话就找到相应的记录了，就说明登录成功。登录错误就弹出错误对话框提示有错误。后台管理系统的帐号和密码都是admin。为了防止其他用户登陆后台管理系统，本登录系统用到了动态验证码技术以及MD5加密算法，首先动态验证码可以使得字典机器人无法下手，而MD5加密算法是迄今为止世界上使用的最广泛的也是相对比较安全的加密算法。
MD5的全称是Message-Digest Algorithm 5，在90年代初由MIT的计算机科学实验室和RSA Data Security Inc发明，经MD2、MD3和MD4发展而来。
Message-Digest泛指字节串（Message）的Hash变换，就是把一个任意长度的字节串变换成一定长的的大整数。这种变换只与字节的值有关，与字符集或编码方式无关。
MD5将任意长度的“字节串”变换成一个128bit的大整数，并且它是一个不可逆的字符串变换算法，换句话说就是，即使你看到源程序和算法描述，也无法将一个MD5的值变换回原始的字符串，从数学原理上说，是因为原始的字符串有无穷多个，这有点象不存在的反函数的数学函数。
MD5广泛用于加密和解密技术上，在很多操作系统中，用户的密码是以MD5值的方式保存的，用户Login的时候，系统是把用户输入的密码计算成MD5值，然后再去和系统中保存的MD5值进行比较，而系统并不“知道”用户的密码是什么。
数据库连接方法如下：
dim db
const DatabaseType="SQL"
db="data/cnhww.mdb"
On Error Resume Next
dim ConnStr
dim conn
ConnStr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="& Server.MapPath(db)
使用Server对象的MapPath方法取得要连接的数据库的实际路径，并将返回的实际路径指定给变量DBPath，其中dbname是数据库文件的相对路径或虚拟路径名//
Set conn = Server.CreateObject("ADODB.Connection")
上述语句使用Server对象的CreateObject方法，建立一个名为conn的Connection对象。由于ADODB是ADO对象的对象库，而Connection是ADO对象的一个子对象，因此可以写成ADODB.Connection//
conn.Open connstr
其中conn是所建立的连接对象。Driver参数用来指定所要连接数据库的驱动程序并且必须和数据库是同一类型的//
If Err Then
err.Clear
Set Conn = Nothing
Response.Write "数据库连接出错，请检查Conn.asp文件中的数据库参数设置。"
Response.End
End If
sub CloseConn()
On Error Resume Next
If IsObject(Conn) Then
conn.close
set conn=nothing
end if
end sub
5．3 课程内容设计
课程介绍模块是为了让同学们在学习这门课程之前，对课程有个大概的了解，知道学习这门课程的重要性，怎么样才能更好的学习该课程。课程对社会发展的作用。课程介绍和教师简介，课程简介，教学计划，技术文章，界面的图片和色彩都是经过一步步的调试搭配完成，图片的制作是在PHOTOSHOP中制作完成的，图上的字体的处理也加上了发光、投影、变形的效果，用DREAMWEAVER将制作好的图片导入为背景，然后将课程简介的资料教师个人资料放入事先打好的布局表格当中这样就基本完成了课程简介和教师简介的界面。
5．4 在线答疑设计
在线答疑是为了让同学们在学习该课程的过程中，把遇到的问题和自己不理解的地方发布到在线答疑界面，当任课教师登录系统后会第一时间给出同学们满意的答案。教师进入解答问题页面后，本系统将学生提问的问题显示给教师看，然后教师对着题目输入答案，提交答案时处理是比较关键的，答疑系统的数据库设计时，设置了字段，用来控制学生和教师的信息存放在哪一个层当中，学生提交的问题放在第一层，教师回答的问题放在第二层，同时数据库中这个字段控制教师答案的编号对应学生问题的编号，这样显示答案和问题的时候就很好的把他们区分开来。
5．5 资源下载设计
课程相关课件下载可以使得同学们在课堂上没有听懂的知识，利用该平台把内容下载到自己的空间里找课余时间继续学习。下载界面的图片和色彩都是经过一步步的调试搭配完成，图片的制作是在PHOTOSHOP中制作完成的，图上的字体的处理也加上了发光、投影、变形的效果，用DREAMWEAVER将制作好的图片导入为背景。
5．6 信息发布设计
以往的各种文章系统在页面布局特别是图文布局的页面中出现这样那样的布局难题，效果很不佳。本网站信息发布系统的信息添加支持现在网上广为流行的，所以使得页面布局更加美观合理，并且采用了相应的技术手段，避免了一些会影响页面美观的因素。
