《網站規劃與設計》期末論文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.