《网站规划与设计》期末论文2
5 系统详细设计与实现
基于上述对系统需求分析基础上，进行系统功能模块设计[10]。为形成系统层次和结构，要分为明确的几个部分进行在系统设计阶段，首先进行系统总体架构设计，然后再进行系统功能的详细设计，最后是完成系统各功能设计进行系统实现，保证系统按预期设计运行。
5.1登录模块
登录系统模块属于系统功能的重要组成，也是系统开启的钥匙与大门，为此，管理系统登录操作模块安全性需要得到加强。登录功能模块是管理用户账号方面的重要基础，用户完成相关密码以及账号输入之后，系统也会与数据库当中的正确信息进行匹配，当用户名称以及输入密码均正确的情况，系统就能够允许用户进入到系统中完成相关操作。系统登录密码以及账号出现错误时，系统会退出登录界面，系统完成对账户方面的确认一般需要经历几个步骤：
首先打开登录界面；
系统初始登录设计用户名称：admin，密码设计为：123456，当系统完成上线操作之后，需要对用户名及密码进行及时更换。这当中locahost：8080需要进行更换，形成司机部署服务器IP以及端口。在对系统完成登录之后就可以直接来到主界面当中，具体如下图5.1中所示。
图5.1 登录界面
当密码以及账号输入错误情况下，需要重新进行输入，此时账号会被记住，只需要重新输入密码即可[11]。
5.2 学生模块的设计与实现
5.2.1 选择可选课程
学生选择可选课程的设计效果，具体设计内容如图5.2所示。
图5.2 选择可选课程
学生新增页面信息包含了学生的基本信息，界面以表格的形式将学生所应该填写的信息列出来，学生需要根据实际情况，对其进行填写。填写的信息包括学号、学生姓名、性别、所属系别、所属班级、所属辅导员[12]。界面信息填写完成后点击“确认”按钮后保存成功。
5.2.2 删除已选课程
以下是学生删除已选课程界面，界面效果具体如图5.3所示。
图5.3 删除已选课程
学生列表管理页面以列表的形式显示所显示的学生信息、该页面可以根据学生姓名或者学生的学号进行查询学生[13]。显示的信息有学号、学生姓名、性别、所属系别、所属班级、所属辅导员。
该界面功能按钮有新增、删除、编辑等功能。
5.3 教师模块设计与实现
5.3.1 查看授课信息
以下是查看授课信息的设计效果，具体设计内容如图5.4所示。
图5.4 查看授课信息
教师登录系统后查看授课信息，可以修改自己的授课信息，点击确定保存信息[14]。点击重填清空当前信息，点击取消则取消修改课程信息。该功能主要代码：
<body>
<form id="form1" runat="server">
<div>
<tr style="font-size: 12pt; font-family: Times New Roman">
<td nowrap="nowrap" style="width: 164px; height: 34px" width="30">课程名称：</td>
<td style="height: 34px" width="79%">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td></tr>
<tr style="font-size: 12pt; font-family: Times New Roman">
<td nowrap="nowrap" style="width: 164px; height: 34px" width="30">老师：</td>
<td style="height: 34px" width="79%">
<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged">
</asp:DropDownList></td></tr>
<tr style="font-size: 12pt; font-family: Times New Roman">
<td nowrap="nowrap" style="width: 164px; height: 34px" width="30">课程简介：</td>
<td style="height: 34px" width="79%">
<asp:TextBox ID="JianJie" runat="server" Height="83px" TextMode="MultiLine"></asp:TextBox>
</td></tr></tr></table></div>
</form>
</body>
5.3.2 查看学生信息
教师登录系统后可查看学生信息[15]。其效果如图5.5所示。
图5.5 查看学生信息
该功能主要代码：
<td width="79%">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
CellPadding="4" ForeColor="#333333" GridLines="None" Width="830px">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#EFF3FB" />
<Columns>
<asp:BoundField DataField="StudentID" HeaderText="学号" />
<asp:BoundField DataField="SutdentName" HeaderText="学生姓名" />
<asp:BoundField DataField="Sex" HeaderText="性别" />
<asp:BoundField DataField="Department" HeaderText="系别" />
<asp:BoundField DataField="Class" HeaderText="班级" />
<asp:BoundField DataField="Teacher" HeaderText="辅导员" />
</Columns>
<PagerStyleBackColor="#2461BF"ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyleBackColor="#D1DDF1"Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</td>
5.4 管理员模块的设计与实现
5.4.1 添加学生用户信息
管理员登录系统可以添加用户信息，以下是添加学生信息效果如图5.6中所示。
图5.6 添加学生用户信息
该页面上的用户信息为学生信息，点击确定按钮添加学生信息，点击重填按钮清空当前信息，点击取消按钮取消添加学生信息。该功能主要代码：
<body>
<form id="form1" runat="server">
<div>
<tr style="font-family: Times New Roman; font-size: 12pt;">
<td noWrap width="30" style="WIDTH: 164px; height: 34px;">学号：</td>
<td width="79%" style="height: 34px">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td></tr>
<tr style="font-size: 12pt; font-family: Times New Roman">
<td nowrap="nowrap" style="width: 164px; height: 34px" width="30">
学生姓名：</td>
<td style="height: 34px" width="79%">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
</tr>
<tr style="font-size: 12pt; font-family: Times New Roman">
<td nowrap="nowrap" style="width: 164px; height: 34px" width="30">性别：</td>
<td style="height: 34px" width="79%">
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem>男</asp:ListItem>
<asp:ListItem>女</asp:ListItem>
</asp:DropDownList></td></tr>
</form>
</body>
5.4.2 添加教师用户信息
管理员登录系统可以添加教师用户信息，效果如图5.7中所示。
图5.7 添加教师用户信息
填好对应信息后点击确定按钮保存教师用户信息，点击重填按钮可以清空当前添加的信息[16]。该功能主要代码：
<body>
<form id="form1" runat="server">
<div>教师管理</span></span></span></span></span></font></div></td></tr>
<tr style="font-family: Times New Roman; font-size: 12pt;">
<td noWrap width="30" style="WIDTH: 164px; height: 34px;">教师编号：</td>
<td width="79%" style="height: 34px">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:RequiredFieldValidatorID="RequiredFieldValidator1"runat="server" ControlToValidate="TextBox1"
ErrorMessage="教师编号不能为空"></asp:RequiredFieldValidator></td></tr>
<tr style="font-size: 12pt; font-family: Times New Roman">
<td nowrap="nowrap" style="width: 164px; height: 34px" width="30">
教师姓名：</td>
<td style="height: 34px" width="79%">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:RequiredFieldValidatorID="RequiredFieldValidator2"runat="server" ControlToValidate="TextBox2"
ErrorMessage="教师姓名不能为空"></asp:RequiredFieldValidator></td></tr>
</form>
</body>
5.4.3 管理教师用户信息
管理员可以管理教师信息，对教师用户进行修改教师信息和删除离职教师信息。
图5.8 管理教师用户信息
页面主要显示了管理教师用户的基本信息以及部分相关的操作功能[17]。该功能主要代码：
NavigateUrl="Student.aspx" Target="_self">添加</asp:HyperLink>
</div>
</td><td valign="middle">
mso-ascii-font-family: 'Times New Roman'">教师管理</span></span></span></font></div>
<td width="79%">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
CellPadding="4" ForeColor="#333333" GridLines="None" Width="830px">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#EFF3FB" />
<Columns>
<asp:BoundField DataField="TeacherID" HeaderText="教师编号" />
<asp:BoundField DataField="TeacherName" HeaderText="教师姓名" />
<asp:BoundField DataField="Sex" HeaderText="性别" />
<asp:BoundField DataField="Phone" HeaderText="电话" />
<asp:BoundField DataField="Age" HeaderText="年龄" />
<asp:BoundField DataField="Memo" HeaderText="备注" />
</td>
6 系统测试
在弄完系统调试与相关模块功能的同时，根据本文系统的要求，利用合适的方法对核心模块的功能进行必要的调试，从而保证系统的可行性和可靠性对系统进行测试，保障系统功能与性能良好。
6.1 系统测试目标和方法
软件进行测试的主要目标是为了能够确定程序当中的BUG，同时也可以最大程度上确定BUG的范围，在测试阶段找到的BUG数量多则软件在实际运行中出现问题的概率也将越小。测试用例需要可以最大程度暴露问题。为此，通过合理方式进行测试设计十分必要。
在对系统软件进行测的过程中具体会涉及到两种方法，分别是静态测试以及动态测试。
- 静态测试的目的主要是为了软件结构的评估等方面，以及考虑相关的因素。
- 使计算机执行测试程序并将测试用例插入系统以完成系统监控。该方法属于动态测试部分。通过使用测试用例来完成输出关系的分析，并通过这种方式来实现软件测试的最终目标。软件测试的主要措施包括白盒测试和黑盒测试。一般情况下白盒测试主要是指玻璃盒测试，就是将程序假设为透明盒子，测试的主要目的是可以对程序相关数据以及内部结构情况加以掌握。测试环节需要根据程序内置逻辑执行，通过对程序中所有环节进行检验，发现是否可以按照预设定的要求完成操作。
白盒测试的过程中检测需要涵盖了几个方面的内容：
1. 对系统功能模块独立执行路径加以掌握，并且至少包括一次测试次数；
- 完成所有逻辑判断，至少完成一次；
- 对全部便捷以及界限内的循环体完成检验；
- 对程序中全部数据结构内容产生的效果进行检验。
6.2 系统测试用例
6.2.1 系统登录测试
以下是系统登录测试的测试用例以及测试结果表[18]。内容如表6.1所示。
转载注明：
表6.1 系统登录测试
| 测试情况 | 期望结果 | 实际结果 | 结果 |
| 张宏驰/123 | 用户名不存在 | 用户名不存在 | 通过 |
| 李三/666 | 密码输入错误 | 密码输入错误 | 通过 |
| admin/123 | 登录成功 | 登录成功 | 通过 |
| 张秀芬/1234 | 登录成功 | 登录成功 | 通过 |
6.2.2 管理员删除学生测试
管理员删除学生“李三生”，删除成功。测试用例如图6.1所示。
图6.1 系统登录测试
6.2.3 管理员添加教师测试
管理员添加教师“卢花”的测试用例，单击确定后“添加成功”。如图6.2所示。
图6.2 系统登录测试
通过进行软件测试，本在线选课管理系统可以有效提升设计实现的经济性，且同时能够满足大量人员完成数据信息的访问。同时满足学生的选课需求，教师的管理和学院的管理需求。总而言之，本研究的学生在线选课系统可以达到预期研究目标，并能够上线使用。
结论
经过几个月的学习，研究和发展，我选择的主题在线课程选择系统基本完成。其功能基本满足互联网用户，在线课程，在线课程和在线咨询的需求。虽然由于缺乏知识而在某些领域出现了一些错误和容错，但他们仍然可以完成选课系统的功能。
记得在开发系统时，有遇到过一个比较有技术性的问题，自己翻找资料很久都不能解决，最后在一个钻研ASP.NET的同学的帮助下，成功解决了问题，后来自己也有总结原因。记录下了问题的原因和解决的方案，以后再遇到同样的问题就能轻松的应对了，感谢我的同学。
我通过毕业设计的过程学到了很多东西。这是大学第一次完成一个小项目，但我从毕业设计的任务不断完善并获得了宝贵的经验。
0 Comments.