【正文】 的過(guò)程中，如果有獲得自己的需求，也可以直接預(yù)訂項(xiàng)目及場(chǎng)地，系統(tǒng)會(huì)形成一張預(yù)訂的清單，接著付款，最后就可以了。主要的流程設(shè)計(jì)如圖 43 所示。對(duì)于系統(tǒng)管理員來(lái)說(shuō)，除了不用注冊(cè)之外，其他的功能均可以實(shí)現(xiàn)，他主要的職責(zé)就是對(duì)基本信息的管理，對(duì)最新信息的發(fā)布，項(xiàng)目及場(chǎng)地的管理，最主要的功能是他可以處理用戶(hù)已預(yù)訂的資料。詳見(jiàn)圖 44。 系統(tǒng)順序圖 順序圖是一種強(qiáng)調(diào)息時(shí)間順序的交互圖。 圖 45 系統(tǒng)順序圖 杭州電子科技大學(xué)本科畢業(yè)論文 16 其主要的工作運(yùn)行流程： （ 1）用戶(hù)通過(guò)“注冊(cè)” —— “登錄界面” —— “主界面” （ 2）當(dāng)用戶(hù)不是會(huì)員，則返回提示。 （ 4）選擇預(yù)訂完之后，也可以繼續(xù)查詢(xún)、預(yù)訂。 部署圖 圖 46 系統(tǒng)部署圖 簡(jiǎn)要說(shuō)明： 節(jié)點(diǎn)： （ 1） B/S 客戶(hù)端：需要使用 web 瀏覽器（ 或以上版本， Firefox 以上版本）。 （ 2）服務(wù)器與數(shù)據(jù)庫(kù)服務(wù)器之間受｛ ｝約束，即 . 提供的數(shù)據(jù)庫(kù)訪問(wèn)解決方案 。 服務(wù)器 B/S 客戶(hù)端 ｛ + work｝ 數(shù)據(jù)庫(kù)服務(wù)器 杭州電子科技大學(xué)本科畢業(yè)論文 17 2. 數(shù)據(jù)庫(kù)的管理員只能有一名，只有管理員可以對(duì)數(shù)據(jù)庫(kù)的所有信息做任何操作。 事件流： 1. 會(huì)員登錄到該系統(tǒng)后，用例開(kāi)始。 3. 會(huì)員輸入正確的密碼。 5. 系統(tǒng)通過(guò)驗(yàn)證以后，跳轉(zhuǎn)到系統(tǒng)的首頁(yè)，用例結(jié)束。 2. 系統(tǒng)驗(yàn)證密碼錯(cuò)誤，提示用戶(hù)密碼錯(cuò)誤，確認(rèn)后重新輸入。 用例圖：見(jiàn)［ 附錄 1 圖 11 ］ 活動(dòng)圖：見(jiàn)［ 附錄 1 圖 12 ］ 用戶(hù)注冊(cè) 用 例名稱(chēng)：用戶(hù)注冊(cè) 主要參與者：用戶(hù) 使用頻率：高 前提條件：有意向加入到本俱樂(lè)部的用戶(hù)。 2. 輸入用戶(hù)名（必填）。 4. 輸入確認(rèn)密碼（必填）。 6. 輸入真實(shí)姓名（必填）。 8. 輸入家庭地址（可為空）。 10. 輸入手機(jī)號(hào)碼（可為空）。 12. 輸入 Email（可為空） 。 杭州電子科技大學(xué)本科畢業(yè)論文 18 14. 完成以上輸入，確認(rèn)后提示注冊(cè)成功，用例結(jié)束。 2. 密碼為空，提示密碼不可為空。 4. 真實(shí)姓名，提示請(qǐng)輸入您的真實(shí)姓名。 用例圖：見(jiàn)［ 附錄 1 圖 21 ］ 活動(dòng)圖：見(jiàn)［ 附錄 1 圖 22 ］ 信息的增加 健身項(xiàng)目信息增加 用例名稱(chēng)：增加健身項(xiàng)目信息 主要參與者：系統(tǒng)管理員 使用頻率：低 前提條件：有新的健身項(xiàng)目要加入到本俱樂(lè)部時(shí)，需要增加該健身項(xiàng)目的信息。 2. 輸入項(xiàng)目名（必填） 3. 輸入項(xiàng)目編號(hào)（可以為空，編號(hào)由系統(tǒng)自動(dòng)獲?。? 4. 輸入項(xiàng)目開(kāi)始日期（必填） 5. 輸入項(xiàng)目結(jié)束日期（必填） 6. 輸入?yún)⒓尤藬?shù)（必填） 7. 輸入項(xiàng)目金額（可以為空） 8. 輸入打折信息（可為空） 9. 輸入項(xiàng)目簡(jiǎn)介（可為空） 10. 上傳項(xiàng)目圖片（可為空） 11. 完成以上輸入，確認(rèn)后提示 增加成功，用例結(jié)束。 4. 參加人數(shù)為空，提示參加人數(shù)不得為空。 杭州電子科技大學(xué)本科畢業(yè)論文 19 6. 上傳場(chǎng)地圖片時(shí)，就符合圖片大小為 400*400，否則重新上傳。 事件流： 1. 系統(tǒng)管理員增加健身場(chǎng)地信息，用例開(kāi)始。 異常： 1. 場(chǎng)地名稱(chēng)為空，提示場(chǎng)地名不得為空 2. 上傳場(chǎng)地圖片時(shí)，就符合圖片大小為 400*400，否則重新上傳。 2. 系統(tǒng)管理員輸入如下查詢(xún)條件： 1）會(huì)員編號(hào) 杭州電子科技大學(xué)本科畢業(yè)論文 20 2）會(huì)員姓名 3）以上兩者之一 3. 系統(tǒng)按照查詢(xún)條件顯示該會(huì)員信息，用例結(jié)束。 用例圖： 見(jiàn)［ 附錄 1 圖 41 ］ 活動(dòng)圖： 見(jiàn)［ 附錄 1 圖 42 ］ 俱樂(lè)部健身項(xiàng)目信息查詢(xún) 用例名稱(chēng)：查詢(xún)俱樂(lè)部健身項(xiàng)目信息 主要參與者：系統(tǒng)管理員，會(huì)員 使用頻率：高 前提條件：系統(tǒng)管理員需要查詢(xún)俱樂(lè)部健身項(xiàng)目信息 事件流： 1. 系統(tǒng)管理員或會(huì)員查詢(xún)俱樂(lè)部健身項(xiàng)目信息，用例開(kāi)始。 異常： 1. 當(dāng)該健身項(xiàng)目不存在時(shí)，信息為無(wú)。 事件流： 1. 系統(tǒng)管理員或會(huì)員查詢(xún)俱樂(lè)部場(chǎng)地信息，用例開(kāi)始。 異常： 1. 當(dāng)該健身場(chǎng)地不存在時(shí)，信息為無(wú)。 2. 系統(tǒng)管理員不能修改會(huì)員編號(hào)。 輸入密碼（必填）。 輸入性別（可為空）。 輸入生日。 輸入用戶(hù)電話（可為空）。 （可為空）。 輸入身份證號(hào)（必填）。 異常： 1. 用戶(hù)名為空，提示請(qǐng)輸入正確的用戶(hù)名。 3. 確認(rèn)密碼，提示密碼不可為空。 5. 身份證號(hào)碼長(zhǎng)度不是 15 或 18 位或?yàn)榭?，提示身份證號(hào)碼長(zhǎng)度必須為15 或 18 位。 2. 健身項(xiàng)目編號(hào)不得修改。 異常： 1. 項(xiàng)目名為空，提示項(xiàng)目名不得為空 2. 項(xiàng)目開(kāi)始日期為空，提示項(xiàng)目開(kāi)始日期不得為空 3. 項(xiàng)目結(jié)束日期為空，提示項(xiàng)目結(jié)束日期不得為空。 5. 項(xiàng)目開(kāi)始日期和項(xiàng)目結(jié)束日期不是日期類(lèi)型，提示必須符合日期類(lèi)型。 用例圖： 見(jiàn)［ 附錄 1 圖 53 ］ 活動(dòng)圖： 見(jiàn)［ 附錄 1 圖 54 ］ 俱樂(lè)部健身場(chǎng)地信息 修改 用例名稱(chēng)：修改俱樂(lè)部場(chǎng)地信息 主要參與者：系統(tǒng)管理員 杭州電子科技大學(xué)本科畢業(yè)論文 23 使用頻率：高 前提條件：系統(tǒng)管理員需要修改的俱樂(lè)部健身場(chǎng)地信息。 2. 健身場(chǎng)地編號(hào)不得修改。 異常： 1. 場(chǎng)地名稱(chēng)為空，提示場(chǎng)地名不得為空 2. 上傳場(chǎng)地圖片時(shí)，就符合圖片大小為 400*400，否則重新上傳。 2. 系統(tǒng)管理員確認(rèn)后刪除該會(huì)員，并提示刪除成功。 異常： 1. 該會(huì)員不存在，則提示該會(huì)員不存在。 2. 系統(tǒng)管理員確認(rèn)后刪除該項(xiàng)目，并提示刪除成功。 異常： 1. 該項(xiàng)目不存在，則提示該項(xiàng)目不存在。 事件流： 1. 系統(tǒng)管理員在查詢(xún)得到要?jiǎng)h除的健身場(chǎng)地信息，用例開(kāi)始。用例結(jié)束 。 用例圖：見(jiàn)［ 附錄 1 圖 65 ］ 活動(dòng)圖：見(jiàn)［ 附錄 1 圖 66 ］ 信息的預(yù)定 俱樂(lè)部健身項(xiàng)目預(yù)定 用例名稱(chēng)：預(yù)定健身項(xiàng)目 主要參與者：會(huì)員 使用頻率：中 前提條件：會(huì)員需要預(yù)定的俱樂(lè)部健身項(xiàng)目信息 事件流： 1. 會(huì)員在查詢(xún)得到要預(yù)定的健身項(xiàng)目信息，用例開(kāi)始。用例結(jié)束。 用例圖：見(jiàn)［ 附錄 1 圖 71 ］ 活動(dòng)圖：見(jiàn)［ 附錄 1 圖 72 ］ 俱樂(lè)部健身場(chǎng)地預(yù)定 杭州電子科技大學(xué)本科畢業(yè)論文 25 用例名稱(chēng)：預(yù)定健身場(chǎng)地 主要參與者：會(huì)員 使用頻率：中 前提條件：會(huì)員需要預(yù)定的俱樂(lè)部健身場(chǎng)地信息 事件流： 1. 會(huì)員在查詢(xún)得到要預(yù)定的健身場(chǎng)地信息，用例開(kāi)始。用例結(jié)束。 用例圖：見(jiàn)［ 附錄 1 圖 73 ］ 活動(dòng)圖：見(jiàn)［ 附錄 1 圖 74 ］ 密碼修改 用例名稱(chēng)：修改會(huì)員密碼 主要參與者：系統(tǒng)管理員 使用頻率：中 前提條件：會(huì)員需要修改密碼。 2. 系統(tǒng)管理員修改密碼，確認(rèn)后提示修改成功，用例結(jié)束。 2. 新密碼和確認(rèn)密碼不相同時(shí)，提示請(qǐng)?zhí)顚?xiě)新密碼和確認(rèn)密碼必須相同。合理的數(shù)據(jù)庫(kù)結(jié)構(gòu)可以提高存儲(chǔ)的效率，保證數(shù)據(jù)的完整性和一致性。數(shù)據(jù)庫(kù)是由 SQL Server 2020 數(shù)據(jù)為服務(wù)程序管理，它響應(yīng)邏輯層的請(qǐng)求 并為之提供數(shù)據(jù)服務(wù)。 杭州電子科技大學(xué)本科畢業(yè)論文 26 圖 47 數(shù)據(jù)庫(kù) ER 圖 數(shù)據(jù)庫(kù)表 整個(gè)系統(tǒng)主要用到了五張表：會(huì)員信息表（ tb_User）：主要用戶(hù)記錄和管理的用戶(hù)的基本操作信息，其中包括用戶(hù)編號(hào)、用戶(hù)帳號(hào)、用戶(hù)密碼、用戶(hù)姓名、用戶(hù)性別、 號(hào)、電話、手機(jī)號(hào)碼、 Email、身份證等字段；俱樂(lè)部健身項(xiàng)目信息表（ tb_Item）：主要用于記錄俱樂(lè)部健身項(xiàng)目的基本信息，包括項(xiàng)目編號(hào)、項(xiàng)目名稱(chēng)、項(xiàng)目開(kāi)始和結(jié)束日期、參加人數(shù)告等字段，此表需與俱樂(lè)部信息表相關(guān)聯(lián)，即外鍵為俱樂(lè)部編號(hào)；俱樂(lè)部健身場(chǎng)地信息表（ tb_Ground）：主要用于記錄俱樂(lè)部健身場(chǎng)地的基本信息，包括場(chǎng)地編號(hào)、場(chǎng)地名稱(chēng)等字段，此表也與俱樂(lè)部信息表相關(guān)聯(lián)，即外鍵為俱樂(lè)部編號(hào)；俱樂(lè)部信息表（ tb_Club）：主要用于記錄俱樂(lè)部的基本信息，包括俱樂(lè)部編號(hào)、俱樂(lè)部名稱(chēng)、俱樂(lè)部地址等字段；會(huì)員預(yù)定表（ tb_Userdestine）：主要用于記錄用戶(hù)預(yù)定健身項(xiàng)目及場(chǎng)地的信息，包括編號(hào)、用戶(hù)編號(hào)、俱樂(lè)部編號(hào)、項(xiàng)目編號(hào)、場(chǎng)地編號(hào)等字段，此表與其他任何一張表都有關(guān)聯(lián)，即外鍵為用戶(hù)編號(hào)、俱樂(lè)部編號(hào)、項(xiàng)目編號(hào)、場(chǎng)地編號(hào)。 用戶(hù)界面層 設(shè)計(jì) 用戶(hù)界面層的主要任務(wù)是提供可視化界面，以便用戶(hù)可以通過(guò)這個(gè)界面來(lái)添加、修改、刪除和查詢(xún)數(shù)據(jù)，并執(zhí)行相應(yīng)的操作。對(duì)開(kāi)發(fā)人員來(lái)說(shuō)，可以將前臺(tái)和后臺(tái)的任務(wù)獨(dú)立進(jìn)行，集中處理后臺(tái)的關(guān)鍵任務(wù)，減少了工作任務(wù)。 圖 48 主頁(yè)中眉腳部分 上圖中，我們可以看到，用戶(hù)控件在做整個(gè) Web 程序是不可缺少的一部分，它能夠很容易地跨 Web 應(yīng) 用程序劃分和重復(fù)使用公共 UI 功能。 在該頁(yè)面中包括了會(huì)員注冊(cè)，用戶(hù)登錄以及健身搜索，方便用戶(hù)操作。 圖 49 管理員登錄系統(tǒng)后的界面 杭州電子科技大學(xué)本科畢業(yè)論文 28 然后，管理員可以進(jìn)行相應(yīng)的管理操作。 圖 410 主頁(yè)中的頁(yè)腳部分 界面設(shè)計(jì)在設(shè)計(jì)中是一個(gè)重要的組成部分，特別是主界面，它可以直接反應(yīng)該網(wǎng)站是否是一個(gè)用戶(hù)可依賴(lài)的網(wǎng)站，直接關(guān)系俱樂(lè)部在用戶(hù)心中的形象， 因此，設(shè)計(jì)一個(gè)合理的、好友的、具有共通性的界面是非常有必要的。 杭州電子科技大學(xué)本科畢業(yè)論文 29 5 系統(tǒng)主要模塊的實(shí)現(xiàn) 登錄模塊的實(shí)現(xiàn) 界面設(shè)計(jì) 圖 51 用戶(hù)登錄界 面 會(huì)員和管理員登錄由 top3,web 控件實(shí)現(xiàn)，它的代碼隱藏文件為 文件。 登錄界面主要使用了 Label、 TextBox、 Button 控件組成，讓合法用戶(hù)在 TextBox中輸入用戶(hù)名、密碼和驗(yàn)證碼，只要單擊確定便可登錄到主頁(yè)就可以任意操作，反之，如果不是此網(wǎng)站的會(huì)員 ，則單擊注冊(cè)， 即進(jìn)入注冊(cè)頁(yè)面 ，注冊(cè)之后再登錄 。 用戶(hù)務(wù)必輸入正確的信息 。 杭州電子科技大學(xué)本科畢業(yè)論文 30 注冊(cè)模塊的實(shí)現(xiàn) 圖 52 用戶(hù)注冊(cè)界面 用戶(hù)注冊(cè)需要輸入的字段主要有用戶(hù)名，密碼，確認(rèn)密碼，性別，真實(shí)姓名，生日，家庭 地址，用戶(hù)電話，手機(jī)號(hào)碼 ， ， Email 及身份證號(hào)，其中家庭地址，用戶(hù)電話，手機(jī)號(hào)碼， ， Email 可為空外，其余均為必填內(nèi)容，用 Button控件檢測(cè)將要注冊(cè)的用戶(hù)名是否已被注冊(cè)，如果是已注冊(cè)過(guò)的用戶(hù)名，系統(tǒng)則要求用戶(hù)重新輸入名字，反之，系統(tǒng)會(huì)提示此用戶(hù)名可用。頁(yè)面對(duì)每一個(gè)文本輸入框的輸入進(jìn)行驗(yàn)證，可以提高程序的可靠性和安全性。并實(shí)現(xiàn)打開(kāi)數(shù)據(jù)庫(kù)連接、執(zhí)行插入數(shù)據(jù)語(yǔ)句、關(guān)閉連接，并在注冊(cè)完之后進(jìn)入用戶(hù)登錄界面。 圖 53 管理員管理界面 LINQ 技術(shù)的應(yīng)用 以健身俱樂(lè)部項(xiàng)目信息管理模塊為例，在配置數(shù)據(jù)庫(kù)之前，先要在 App_code中添加 的類(lèi)，雙擊進(jìn)入該界面，并添加所有要用到的表，接著操作如下：在項(xiàng)目信息管理界面中，首先加載一個(gè) GridView 控件，用于顯示數(shù)據(jù)，再在顯示項(xiàng)目信息中，需加載一個(gè) LinqDataSource 控件，然后配置數(shù)據(jù)源，選擇“ DataClassesDataContext” ,然后選擇 表名“ tb_Item”表，在“ Select(s)”選項(xiàng)中選擇“ *”（所有字段），點(diǎn)擊“ Where”及“高級(jí)”選擇相應(yīng)值，然后點(diǎn)擊“完成”。 杭州電子科技大學(xué)本科畢業(yè)論文 32 圖 54 Gridview 控件信息圖 選擇編輯列，然后字段都刪除，再點(diǎn)擊“添加新列”，然后編輯該字段，見(jiàn)如下圖55 LinqDataSourc 控件配置圖。 信息的修改、刪除都可以采用 Linqdatasource 控件和 GridView 控件共同實(shí)現(xiàn)。如圖 56 LinqDataSource 數(shù)據(jù)配置圖。 會(huì)員信息管理模塊 詳細(xì)過(guò)程上面已經(jīng)陳述，這里就不再重復(fù)說(shuō)明。 圖 57 會(huì)員信息查詢(xún)界面 然后，單擊編輯就可以對(duì)字段進(jìn)行修改。 預(yù)定管理 預(yù)定管理模塊主要由 GridView 控件和 LinkButton 控件來(lái)實(shí)現(xiàn)管理， 使用一個(gè) GridView 控件用于顯示預(yù)定人員的信息，該 GridView 控件綁定到數(shù)據(jù)源SqlDataSource 上，并配置該數(shù)據(jù)源，在 GridView 控件中顯示“刪除”按鈕和“確認(rèn)”按鈕。 點(diǎn)擊“確定”按鈕，會(huì)觸發(fā)事件 Button1_Click(object sender, EventArgs e)，該函數(shù)創(chuàng)建數(shù)據(jù)庫(kù)連接對(duì)象，如用于連接數(shù)的 SqlConnection 對(duì)象、 執(zhí)行 SQL 語(yǔ)句的 SqlCommand 對(duì)象及該對(duì)象的參數(shù)，改變 IsFlag 字