烟台南山学院毕业论文
第22 页
第五章 系统详细设计与实现
5.1 总体设计思路 5.1.1界面设计内容
界面设计的第一步是界面结构设计，将任务设计的结果作为输入，设计成一组逻辑模块，然后加上存取机制，把这些模块组织成界面结构。存取机制可以是分层的，网络的或直接的，机制的类型主要由任务结构决定，也取决于设计风格。例如，菜单提供了层次的结构，图标则是直接存取，也可以是层次的，而命令语言可提供网络也可提供直接存取机制；第二步是界面细化设计，将每一模块分成若干步，每步又被组成细化的对话设计。 5.1.2 编程风格
随着软件规模和复杂性的增加，人们才认识到程序的易读性和程序的设计风格的重要性，人们在维护、调试、测试程序时经常需要反复的阅读程序，甚至阅读程序的时间比编写程序的时间还要多。因此程序应简洁优雅。因此程序编写应具有良好的编程风格。影响程序设计风格的因素主要有源程序文档化，标识符命名，语句构造与程序书写3个方面。 5.1.3 原型图设计
在系统着界面的显示中，我首先根据我自己的构想，设计出了所有界面如何在一个页面中显示。所以我利用Axure软件设计出了主界面的原型图 如图5-1
图5-1 主界面的原型图
烟台南山学院毕业论文
第23 页
5.2 系统详细设计 5.2.1登录模块
当用户在登录页面通过身份验证之后，即可进入系统的主界面，如图5-2
图5-2 登录界面
登陆界面的主要功能是严重用户名和密码，并且登录去主界面：
protected void Button3_Click(object sender, EventArgs e) {
string str_pwd = this.mypassword.Text.Trim().Replace(\
string sqlstr = %usertype from Users where username='\+ username.Text + \mypassword=@password\
SqlCommand cmd = new SqlCommand(sqlstr, sms_conn);
cmd.Parameters.Add(new SqlParameter(\ cmd.Parameters[\
System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(str_pwd, \密码加密 sms_conn.Open();
SqlDataReader dr = cmd.ExecuteReader(); if (dr.Read() == true) {
Session[\管理员用户,Session进行传值
=
烟台南山学院毕业论文
第24 页
Session[\管理员类型 FormsAuthentication.RedirectFromLoginPage(username.Text, false); sms_conn.Close(); } else {
sms_conn.Close();
message.Text = \您必须输入有效的用户名和密码！\ } }
5.2.2系统主界面
当用户在登录页面通过身份验证之后，即可进入系统的主界面，如图5-3
图5-3 系统主界面
系统的主界面是一个框架文件default.aspx,由横幅框架（上）、目录（左）及主要框架（右）三个部分组成。横幅框架对应的文件名为skytop.aspx,目录框对应的文件名为left.aspx，主要框架对应的初试页面文件名为welcome.aspx。在这三个页面中，比较关键的代码是welcome.aspx中获取当前运行服务器信息代码
关键代码如下：
烟台南山学院毕业论文
第25 页
<% =Request.ServerVariables[\
<% =Request.ServerVariables[\
<% =Request.ServerVariables[\
<% =DateTime.Now %>
<%Response.Write(Environment.OSVersion.ToString());%>
烟台南山学院毕业论文
第26 页
<%Response.Write(Environment.ProcessorCount.ToString());%>
<%Response.Write(Environment.WorkingSet.ToString());%>
在Request对象用于获取客户端信息，用它来处理绝大部分外部交互操作。我们利用Request的ServerVariables集合选择所需的环境变量名，即可根据不同的参数来获得客户端的相关信息。格式为Request.SeverVariables(“环境变量名”)。
目录框架页面使用的是TreeView控件，该控件的数据源为SiteMapDataSource控件，该控件直接连接web.sitemap文件。如图5-4
图5-4 框架结构
5.2.3教师管理模块
当用户在“教师管理”菜单下有“教师资料管理”和“教师资料添加”两个子模块如图5-5所示界面