《網(wǎng)站規(guī)劃與設(shè)計(jì)》期末論文2
5??系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)
基于上述對(duì)系統(tǒng)需求分析基礎(chǔ)上，進(jìn)行系統(tǒng)功能模塊設(shè)計(jì)[10]。為形成系統(tǒng)層次和結(jié)構(gòu)，要分為明確的幾個(gè)部分進(jìn)行在系統(tǒng)設(shè)計(jì)階段，首先進(jìn)行系統(tǒng)總體架構(gòu)設(shè)計(jì)，然后再進(jìn)行系統(tǒng)功能的詳細(xì)設(shè)計(jì)，最后是完成系統(tǒng)各功能設(shè)計(jì)進(jìn)行系統(tǒng)實(shí)現(xiàn)，保證系統(tǒng)按預(yù)期設(shè)計(jì)運(yùn)行。
5.1登錄模塊
登錄系統(tǒng)模塊屬于系統(tǒng)功能的重要組成，也是系統(tǒng)開啟的鑰匙與大門，為此，管理系統(tǒng)登錄操作模塊安全性需要得到加強(qiáng)。登錄功能模塊是管理用戶賬號(hào)方面的重要基礎(chǔ)，用戶完成相關(guān)密碼以及賬號(hào)輸入之后，系統(tǒng)也會(huì)與數(shù)據(jù)庫當(dāng)中的正確信息進(jìn)行匹配，當(dāng)用戶名稱以及輸入密碼均正確的情況，系統(tǒng)就能夠允許用戶進(jìn)入到系統(tǒng)中完成相關(guān)操作。系統(tǒng)登錄密碼以及賬號(hào)出現(xiàn)錯(cuò)誤時(shí)，系統(tǒng)會(huì)退出登錄界面，系統(tǒng)完成對(duì)賬戶方面的確認(rèn)一般需要經(jīng)歷幾個(gè)步驟：
首先打開登錄界面；
系統(tǒng)初始登錄設(shè)計(jì)用戶名稱：admin，密碼設(shè)計(jì)為：123456，當(dāng)系統(tǒng)完成上線操作之后，需要對(duì)用戶名及密碼進(jìn)行及時(shí)更換。這當(dāng)中l(wèi)ocahost：8080需要進(jìn)行更換，形成司機(jī)部署服務(wù)器IP以及端口。在對(duì)系統(tǒng)完成登錄之后就可以直接來到主界面當(dāng)中，具體如下圖5.1中所示。
圖5.1?登錄界面
當(dāng)密碼以及賬號(hào)輸入錯(cuò)誤情況下，需要重新進(jìn)行輸入，此時(shí)賬號(hào)會(huì)被記住，只需要重新輸入密碼即可[11]。
5.2?學(xué)生模塊的設(shè)計(jì)與實(shí)現(xiàn)
5.2.1?選擇可選課程
學(xué)生選擇可選課程的設(shè)計(jì)效果，具體設(shè)計(jì)內(nèi)容如圖5.2所示。
圖5.2?選擇可選課程
學(xué)生新增頁面信息包含了學(xué)生的基本信息，界面以表格的形式將學(xué)生所應(yīng)該填寫的信息列出來，學(xué)生需要根據(jù)實(shí)際情況，對(duì)其進(jìn)行填寫。填寫的信息包括學(xué)號(hào)、學(xué)生姓名、性別、所屬系別、所屬班級(jí)、所屬輔導(dǎo)員[12]。界面信息填寫完成后點(diǎn)擊“確認(rèn)”按鈕后保存成功。
5.2.2?刪除已選課程
以下是學(xué)生刪除已選課程界面，界面效果具體如圖5.3所示。
圖5.3?刪除已選課程
學(xué)生列表管理頁面以列表的形式顯示所顯示的學(xué)生信息、該頁面可以根據(jù)學(xué)生姓名或者學(xué)生的學(xué)號(hào)進(jìn)行查詢學(xué)生[13]。顯示的信息有學(xué)號(hào)、學(xué)生姓名、性別、所屬系別、所屬班級(jí)、所屬輔導(dǎo)員。
該界面功能按鈕有新增、刪除、編輯等功能。
5.3?教師模塊設(shè)計(jì)與實(shí)現(xiàn)
5.3.1?查看授課信息
以下是查看授課信息的設(shè)計(jì)效果，具體設(shè)計(jì)內(nèi)容如圖5.4所示。
圖5.4?查看授課信息
教師登錄系統(tǒng)后查看授課信息，可以修改自己的授課信息，點(diǎn)擊確定保存信息[14]。點(diǎn)擊重填清空當(dāng)前信息，點(diǎn)擊取消則取消修改課程信息。該功能主要代碼：
<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?查看學(xué)生信息
教師登錄系統(tǒng)后可查看學(xué)生信息[15]。其效果如圖5.5所示。
圖5.5?查看學(xué)生信息
該功能主要代碼：
<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="學(xué)號(hào)"?/>
<asp:BoundField?DataField="SutdentName"?HeaderText="學(xué)生姓名"?/>
<asp:BoundField?DataField="Sex"?HeaderText="性別"?/>
<asp:BoundField?DataField="Department"?HeaderText="系別"?/>
<asp:BoundField?DataField="Class"?HeaderText="班級(jí)"?/>
<asp:BoundField?DataField="Teacher"?HeaderText="輔導(dǎo)員"?/>
</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?管理員模塊的設(shè)計(jì)與實(shí)現(xiàn)
5.4.1?添加學(xué)生用戶信息
管理員登錄系統(tǒng)可以添加用戶信息，以下是添加學(xué)生信息效果如圖5.6中所示。
圖5.6?添加學(xué)生用戶信息
該頁面上的用戶信息為學(xué)生信息，點(diǎn)擊確定按鈕添加學(xué)生信息，點(diǎn)擊重填按鈕清空當(dāng)前信息，點(diǎn)擊取消按鈕取消添加學(xué)生信息。該功能主要代碼：
<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;">學(xué)號(hào)：</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">
學(xué)生姓名：</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?添加教師用戶信息
管理員登錄系統(tǒng)可以添加教師用戶信息，效果如圖5.7中所示。
圖5.7?添加教師用戶信息
填好對(duì)應(yīng)信息后點(diǎn)擊確定按鈕保存教師用戶信息，點(diǎn)擊重填按鈕可以清空當(dāng)前添加的信息[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;">教師編號(hào)：</td>
<td?width="79%"?style="height:?34px">
<asp:TextBox?ID="TextBox1"?runat="server"></asp:TextBox>
<asp:RequiredFieldValidatorID="RequiredFieldValidator1"runat="server"?ControlToValidate="TextBox1"
ErrorMessage="教師編號(hào)不能為空"></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?管理教師用戶信息
管理員可以管理教師信息，對(duì)教師用戶進(jìn)行修改教師信息和刪除離職教師信息。
圖5.8?管理教師用戶信息
頁面主要顯示了管理教師用戶的基本信息以及部分相關(guān)的操作功能[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="教師編號(hào)"?/>
<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??系統(tǒng)測試
在弄完系統(tǒng)調(diào)試與相關(guān)模塊功能的同時(shí)，根據(jù)本文系統(tǒng)的要求，利用合適的方法對(duì)核心模塊的功能進(jìn)行必要的調(diào)試，從而保證系統(tǒng)的可行性和可靠性對(duì)系統(tǒng)進(jìn)行測試，保障系統(tǒng)功能與性能良好。
6.1?系統(tǒng)測試目標(biāo)和方法
軟件進(jìn)行測試的主要目標(biāo)是為了能夠確定程序當(dāng)中的BUG，同時(shí)也可以最大程度上確定BUG的范圍，在測試階段找到的BUG數(shù)量多則軟件在實(shí)際運(yùn)行中出現(xiàn)問題的概率也將越小。測試用例需要可以最大程度暴露問題。為此，通過合理方式進(jìn)行測試設(shè)計(jì)十分必要。
在對(duì)系統(tǒng)軟件進(jìn)行測的過程中具體會(huì)涉及到兩種方法，分別是靜態(tài)測試以及動(dòng)態(tài)測試。
- 靜態(tài)測試的目的主要是為了軟件結(jié)構(gòu)的評(píng)估等方面，以及考慮相關(guān)的因素。
- 使計(jì)算機(jī)執(zhí)行測試程序并將測試用例插入系統(tǒng)以完成系統(tǒng)監(jiān)控。該方法屬于動(dòng)態(tài)測試部分。通過使用測試用例來完成輸出關(guān)系的分析，并通過這種方式來實(shí)現(xiàn)軟件測試的最終目標(biāo)。軟件測試的主要措施包括白盒測試和黑盒測試。一般情況下白盒測試主要是指玻璃盒測試，就是將程序假設(shè)為透明盒子，測試的主要目的是可以對(duì)程序相關(guān)數(shù)據(jù)以及內(nèi)部結(jié)構(gòu)情況加以掌握。測試環(huán)節(jié)需要根據(jù)程序內(nèi)置邏輯執(zhí)行，通過對(duì)程序中所有環(huán)節(jié)進(jìn)行檢驗(yàn)，發(fā)現(xiàn)是否可以按照預(yù)設(shè)定的要求完成操作。
白盒測試的過程中檢測需要涵蓋了幾個(gè)方面的內(nèi)容：
1.?對(duì)系統(tǒng)功能模塊獨(dú)立執(zhí)行路徑加以掌握，并且至少包括一次測試次數(shù)；
- 完成所有邏輯判斷，至少完成一次；
- 對(duì)全部便捷以及界限內(nèi)的循環(huán)體完成檢驗(yàn)；
- 對(duì)程序中全部數(shù)據(jù)結(jié)構(gòu)內(nèi)容產(chǎn)生的效果進(jìn)行檢驗(yàn)。
6.2?系統(tǒng)測試用例
6.2.1?系統(tǒng)登錄測試
以下是系統(tǒng)登錄測試的測試用例以及測試結(jié)果表[18]。內(nèi)容如表6.1所示。
?
?轉(zhuǎn)載注明：
?
?
?
表6.1?系統(tǒng)登錄測試
| 測試情況 | 期望結(jié)果 | 實(shí)際結(jié)果 | 結(jié)果 |
| 張宏馳/123 | 用戶名不存在 | 用戶名不存在 | 通過 |
| 李三/666 | 密碼輸入錯(cuò)誤 | 密碼輸入錯(cuò)誤 | 通過 |
| admin/123 | 登錄成功 | 登錄成功 | 通過 |
| 張秀芬/1234 | 登錄成功 | 登錄成功 | 通過 |
6.2.2?管理員刪除學(xué)生測試
管理員刪除學(xué)生“李三生”，刪除成功。測試用例如圖6.1所示。
?
圖6.1?系統(tǒng)登錄測試
6.2.3?管理員添加教師測試
管理員添加教師“盧花”的測試用例，單擊確定后“添加成功”。如圖6.2所示。
?
圖6.2?系統(tǒng)登錄測試
通過進(jìn)行軟件測試，本在線選課管理系統(tǒng)可以有效提升設(shè)計(jì)實(shí)現(xiàn)的經(jīng)濟(jì)性，且同時(shí)能夠滿足大量人員完成數(shù)據(jù)信息的訪問。同時(shí)滿足學(xué)生的選課需求，教師的管理和學(xué)院的管理需求?？偠灾狙芯康膶W(xué)生在線選課系統(tǒng)可以達(dá)到預(yù)期研究目標(biāo)，并能夠上線使用。
結(jié)論
經(jīng)過幾個(gè)月的學(xué)習(xí)，研究和發(fā)展，我選擇的主題在線課程選擇系統(tǒng)基本完成。其功能基本滿足互聯(lián)網(wǎng)用戶，在線課程，在線課程和在線咨詢的需求。雖然由于缺乏知識(shí)而在某些領(lǐng)域出現(xiàn)了一些錯(cuò)誤和容錯(cuò)，但他們?nèi)匀豢梢酝瓿蛇x課系統(tǒng)的功能。
記得在開發(fā)系統(tǒng)時(shí)，有遇到過一個(gè)比較有技術(shù)性的問題，自己翻找資料很久都不能解決，最后在一個(gè)鉆研ASP.NET的同學(xué)的幫助下，成功解決了問題，后來自己也有總結(jié)原因。記錄下了問題的原因和解決的方案，以后再遇到同樣的問題就能輕松的應(yīng)對(duì)了，感謝我的同學(xué)。
我通過畢業(yè)設(shè)計(jì)的過程學(xué)到了很多東西。這是大學(xué)第一次完成一個(gè)小項(xiàng)目，但我從畢業(yè)設(shè)計(jì)的任務(wù)不斷完善并獲得了寶貴的經(jīng)驗(yàn)。
0 Comments.