交互式XML课程建设网站的开发(9)
author 文本 作者
newscomment 文本 内容
newstime 日期/时间 发布时间
表4-6是存储新闻信息的表，当进行发布消息是标题、作者、内容和时间不允许为空。
4.4 系统界面设计
(1).主页界面，主页主要是没有用户登录的情况下一些静态信息的展示，如图4-3所示。
图 4 - 3主页界面
（2.教师主页，以教师身份登录网站，进入教师主页，可进行相应的数据操作，如图4-4所示。
图 4 - 4教师主页
（2）学生主页，以学生身份登录网站，进入学生主页，可进行相应的数据操作，如图4-5所示。
图 4 - 5学生主页
（3）管理员主页，以管理员身份登录网站，进入管理员主页，可进行相应的数据操作，如图4-6所示。
图 4 - 6 管理员主页
4.5 系统结构设计
本网站采用的是B/S结构设计，B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、文护和使用。客户机上只要安装一个浏览器（Browser），如Netscape Navigator或Internet Explorer，服务器安装Oracle、Sybase、Informix或 SQL Server等数据库。浏览器通过Web Server 同数据库进行数据交互。B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零安装、零文护。系统的扩展非常容易。B/S结构的使用越来越多，特别是由需求推动了AJAX技术的发展，它的程序也能在客户端电脑上进行部分处理，从而大大的减轻了服务器的负担；并增加了交互性，能进行局部实时刷新。基于ASP技术和B/S架构的WEB应用系统设计能很好的设计本网站系统，HTTP协议是链接客户端浏览器IE和WEB服务器IIS的“接口”。
5 系统详细设计
5.1 主页模块设计
主页包括登录部分和新闻信息、电子公告等信息的展示部分，登录使用userinfo表中的用户名和密码进行登录，以flag字段标识用户的类型，学生用户其值为1，老师用户其值为2，管理员单独一个数据表，使用表中的用户名、密码登录即可。主页设计是asp网页，静态页面使用的是html页面，布局上利用p+css样式，实现主页上显示一些静态数据的功能。
从数据库读取一些数据显示的核心代码如下：
<%
id1=request.form("userid")
psw1=request.form("userpassword")
Set cn=Server.CreateObject("ADODB.Connection")
cn.open "driver={Microsoft Access Driver (*.mdb)};DBQ="+Server.MapPath("schoolmate.mdb")
set rs2=server.createobject("adodb.recordset")
set rs1=server.createobject("adodb.recordset")
strsql= "select * from userinfo where userid='" & id1 & "' and userpassword='" & psw1 & "'"
strsql1="SELECT * FROM news"
strsql2="SELECT * FROM schoolnews"
set rs1=cn.execute(strsql1)
set rs2=cn.execute(strsql2)
%>
以上代码使用Set cn=Server.CreateObject("ADODB.Connection") 进行数据库链接，打开后进行创建数据集，使用sql语句的执行从而在数据库中查询相关数据。Asp需要调用数据时使用rs(“字段名”)即可将相应的数据取出来。
CSS样式设计主要是文本类型和一些链接样式设计