第5章 详细设计
由于系统较为庞大,页面数量很大,所以本章只取其中部分进行设计说明。
§5.1 网站首页
1、教学网站首页界面说明
首页中拥有显示进入各个模块的导航按钮,用户可以直接点击进入相应的模块。下表是主页以及相关模块入口中的几个主要按钮,如表5-1所示。
表5-1网站首页关联文件
导航按钮 首 页 用户登陆 站内搜索 课程简介 教学大纲 授课计划 备课教案 视频课件 课件下载 试卷习题 网站留言 后台管理 说明 主网页 学生登陆窗口,从这里进入学习模块 课程搜索页面 课程的简介信息 课程的教学大纲信息 课程的授课计划信息 课程的备课教案信息 课程视频课件的观看窗口 课程课件的下载 课程的试卷、习题下载中心 网站留言板,提供交流互动平台 管理员登陆后台管理界面的接口
25
2、人机界面(网站首页Default.aspx),如图5-2所示。
图5-2网站首页
§5.2 新闻资讯模块
该模块把本站系统数据库中的所有新闻信息以列表的形式列出,包括序号,标题,发布时间。单击标题即可跳到新闻内容详细页。 如图5-2所示。
图5-2新闻资讯页面
26
实现本模块的主要代码如下所示:
protected void Page_Load(object sender, EventArgs e) {
lb = Request.QueryString[\ switch (lb) {
case \
lbtxt = \新闻中心\ break;
}
if (!IsPostBack) {
string sql;
sql = \desc\
getdata2(sql); } }
private void getdata2(string sql) {
DataSet result = new DataSet(); result = new Class1().hsggetdata(sql); if (result != null) {
if (result.Tables[0].Rows.Count > 0) {
DataGrid2.DataSource = result.Tables[0]; DataGrid2.DataBind(); } else {
DataGrid2.DataSource = null; DataGrid2.DataBind(); }
27
} }
§5.3 查看发布作业模块
该模块是本系统中难度较高的一个模块。主要是将所有作业信息列出以供下载,如图5-3所示。
图5-3作业发布页面
实现本模块的主要代码如下所示:
AutoGenerateColumns=\font-name=\
Font-Names=\Font-Size=\
HeaderStyle-BackColor=\
OnPageIndexChanged=\
PageSize=\ BackColor=\ Font-Overline=\ 28 ID=\runat=\AllowPaging=\ BorderColor=\CellPadding=\ Font-Size=\ HorizontalAlign=\VerticalAlign=\ NextPageText=\下一页\PrevPageText=\上一页\ Font-Underline=\HorizontalAlign=\ 29 Font-Bold=\HorizontalAlign=\