【正文】 的信息也會(huì)在論壇中對(duì)應(yīng)的版塊中顯示。后綴名為 aspx 是前臺(tái)設(shè)計(jì)頁(yè)面，后綴名為 為后臺(tái)代碼頁(yè)面。 圖 41 三層結(jié)構(gòu) 網(wǎng)頁(yè)布局 個(gè)人信息管理界面 、教學(xué)資源詳細(xì)界面 布局 圖 42 個(gè) 人信息管理界面布局 論壇前臺(tái)界面 、注冊(cè)、個(gè)人信息修改界面 布局 頁(yè)面橫幅 站點(diǎn)導(dǎo)航條 頁(yè)面主體 站點(diǎn)腳 友情鏈接 用戶界面 業(yè)務(wù)處理 SQL Server 數(shù)據(jù)庫(kù) 10 圖 43 論壇前臺(tái)界面布局 論壇后臺(tái)界面布局 圖 44 論壇后臺(tái)界面布局 為了保持每一部分的界面的一致性，每個(gè)頁(yè)面都會(huì)用到母版，而為了方便界面的布局，一共做了三個(gè)母版，分別用于個(gè)人信息管理、論壇 的前臺(tái)和后臺(tái)。 注冊(cè)模塊：新用戶輸入用戶名、密碼等資料，注冊(cè)模塊首先對(duì)用戶輸入的數(shù)據(jù)格式進(jìn)行校驗(yàn)，然后檢查數(shù)據(jù)庫(kù)中是否存在該用戶名；如果不存在則將該注冊(cè)信息保存到數(shù)據(jù)庫(kù)當(dāng)中，完成用戶注冊(cè)過(guò)程。 論壇模塊 該模塊有兩種用戶：瀏覽者和管理員，他們具有不同的權(quán)限，如下圖所示。而用戶回復(fù)帖子有點(diǎn)不同是系統(tǒng)需要獲得用戶回復(fù)帖子的 ID，然后再將回復(fù)內(nèi)容加入數(shù)據(jù)庫(kù)中。 數(shù)據(jù)庫(kù)的分析與設(shè)計(jì) 數(shù)據(jù)庫(kù)的設(shè)計(jì) 根據(jù)用戶需求和管理網(wǎng)站數(shù)據(jù)間的結(jié)構(gòu)，設(shè)計(jì)如下關(guān)系表： ? 數(shù)據(jù)表一：用戶登陸信息表（ login）用于存放學(xué)生及教師的用戶信息。為了提供連接和切斷與數(shù)據(jù)庫(kù)的連接以及完成各種數(shù)據(jù)處理， 提供兩組類：管理提供者和一般數(shù)據(jù)集。 本網(wǎng)站主要使用 SQL Server 2021 數(shù)據(jù)庫(kù)，因此可 以將 的工作體系用圖表示 16 出來(lái)。 連接 SQL Server 數(shù)據(jù)庫(kù)需要 Using 和 Using 這兩個(gè)類，把他們?cè)诤笈_(tái)代碼文件中引入。在 中連接數(shù)據(jù)庫(kù)主要通過(guò)一個(gè)叫做 的配置文件。 在 ASPX 頁(yè)面里，我們就可以這樣連接數(shù)據(jù)庫(kù)： 3）創(chuàng)建連接數(shù)據(jù)庫(kù)的 SqlConnection 對(duì)象。 對(duì) SQL Server 進(jìn)行訪問(wèn)的主要類有： connectionStrings add name=DBCConnectionString connectionString=Data Source=localhost。 UserID=sa。 Pooling=False providerName= / /connectionStrings Private string connection = [DBCConnectionstring].ConnectionString。 ? DataSet：包含一組的數(shù)據(jù)表，以及這些數(shù)據(jù)表之間的關(guān)系。 ? DataClumn：數(shù)據(jù)列包含列的定義，例如數(shù)據(jù)類型或名稱。 ? SqlDataAdapter：用于填充數(shù)據(jù)集合或更新數(shù)據(jù)庫(kù)，也可以用于存儲(chǔ) SQL 語(yǔ)句。 ? SqlParameter：為存儲(chǔ)過(guò)程指定參數(shù)。 （）； 18 5. 網(wǎng)站詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 注冊(cè)以及登錄模塊 注冊(cè)功能的實(shí)現(xiàn) （ 1） 功能描述： ① 對(duì)于新用戶，單擊“注冊(cè)”按鈕，進(jìn)入用戶注冊(cè)頁(yè)面； ② 填寫相關(guān)注冊(cè)信息，填寫完成后單擊“注冊(cè)”按鈕； ③ 彈出“注冊(cè)成功”對(duì)話框，即成功注冊(cè)。 （ 2） 界面設(shè)計(jì)： 圖 51 注冊(cè)頁(yè)面 （ 3） 流程描述 按逐個(gè)條件進(jìn)行檢測(cè)，都符合條件，則轉(zhuǎn)到e l s e 分支：（1 ）工號(hào)/ 學(xué)號(hào)是否輸入；（2 ）檢測(cè)用戶名是否存在；（3 ）用戶名是否已輸入；（4 ）密碼是否已輸入；（5 ）班級(jí)是否已輸入；（6 ）電子郵件號(hào)碼是否輸入查詢l o g i n 表，得到當(dāng)前最大的用戶I D 號(hào)，使其加1 作為新增用戶的I D做出相應(yīng)的提示將用戶提交的數(shù)據(jù)插入到l o g i n 表中，并清空輸入框結(jié)束 圖 12 注冊(cè)流程圖 19 登錄功能的實(shí)現(xiàn) （ 1）功能描述： ① 對(duì)于已注冊(cè)的用戶，進(jìn)入用戶登錄頁(yè)面； ② 填寫您的用戶名和密碼； ③ 單擊“登錄”按鈕； ④ 用戶名和密碼正確，登錄成功，進(jìn)入網(wǎng)站。 登錄按鈕的單擊事件 btnLogin_Click 的主要代碼如下： 個(gè)人信息管理模塊 查看并修改 個(gè)人基本信息 （ 1）功能描述： ①用戶登錄進(jìn)入后，點(diǎn)擊“個(gè)人信息管理”，進(jìn)入信息管理頁(yè)面； ②查看個(gè)人的基本信息，上交作業(yè)的記錄及成績(jī)，發(fā)表帖子和回復(fù)帖子的記錄； ③點(diǎn)擊“修改”，進(jìn)入個(gè)人資料修改頁(yè)面，修改個(gè)人信息，“提交”； ④彈出“修改成功”對(duì)話框，即成功修改。 （ 2）界面設(shè)計(jì) 21 圖 55 修改個(gè)人信息 圖 56 個(gè)人信息 （ 3）流程描述 成功登錄后，點(diǎn)擊用戶的姓名顯示個(gè)人基本信息，上交作業(yè)的記錄及成績(jī)，發(fā)表帖子和回復(fù)帖子的記錄點(diǎn)擊“修改”進(jìn)入修改個(gè)人信息頁(yè)面，修改后點(diǎn)擊“提交” 圖 15 顯示并修改個(gè)人信息流程 發(fā)表的帖子管理 （ 1）功能描述： 它以表格形式列出當(dāng)前用戶的所有發(fā)表的帖子、編輯按鈕、刪除 按鈕。 在 、 、 三個(gè)頁(yè)面都設(shè)有站點(diǎn)地圖。詳見(jiàn) ， ， 。詳見(jiàn) 。 ①綁定 DropDownList 控件的數(shù)據(jù)： ②發(fā)表新主題是要求已登錄用戶，若沒(méi)有登錄，點(diǎn)擊“發(fā)表”時(shí)做相應(yīng)的提示： 圖 516 提示 27 實(shí)現(xiàn)代碼： ③登錄后，發(fā)表主題，將主題信息寫入到數(shù)據(jù)庫(kù)： 實(shí)現(xiàn)選擇版塊代碼： 把帖子信息添加到數(shù)據(jù)庫(kù)： 添加數(shù)據(jù)庫(kù)結(jié)束，獲得 cardid 并更新 module 表中的信息，在論壇首頁(yè)中顯示 回復(fù)帖子 （ 1）功能描述：在瀏覽帖子詳細(xì)信息時(shí)， 可以對(duì)此主題進(jìn)行回復(fù)，把回復(fù)信息輸入后，單擊“回復(fù)”按鈕，詳見(jiàn) （ 2）界面設(shè)計(jì) 圖 517 快速回復(fù)界面 （ 3）關(guān)鍵技術(shù)點(diǎn) ? 對(duì)“發(fā)表回復(fù)”按鈕設(shè)置超鏈接至錨點(diǎn) 在 aspx 文件中的快速回復(fù)所在的 table 中添加 a name=section1 /a pageload 事件： //點(diǎn)擊“發(fā)表回復(fù)”按鈕，轉(zhuǎn)到錨點(diǎn)處 28 (onclick, =39。return false。 ? 獲得回帖樓層并顯示出樓數(shù)，代碼如下 ? 更新回復(fù)數(shù)，代碼如下： 論壇管理員功能的實(shí)現(xiàn)過(guò)程 在界面設(shè)計(jì)方面，以下幾個(gè)頁(yè)面使用的是母版頁(yè) 的內(nèi)容： 、 、 、 、 managelist 、 、 、 、 母版 頁(yè)的功能包括：返回論壇首頁(yè)超鏈接、返回網(wǎng)站首頁(yè)超鏈接（如圖 24）、站點(diǎn)地圖（如圖 25）。 （ 2）界面設(shè)計(jì) 圖 520 管理員登錄界面 圖 521 登錄后進(jìn)入論壇 管理顯示 29 分類管理 分類管理的主要功能包括新建分類、修改分類、刪除分類。 圖 522 分類管理 （ 1）刪除分類 需要?jiǎng)h除分類時(shí)，單擊“刪除”鏈接即可，使用此功能時(shí)，刪除論壇分類同時(shí)刪除下屬的所有版塊，并且不能恢復(fù)。 圖 523 修改分類界面 ? 新建分類 需要新建分類時(shí)，在站點(diǎn)地圖上點(diǎn)擊“添加分類”連接到 頁(yè)面（如圖 30），然后輸入分類的標(biāo)題，再點(diǎn)擊“添加”按鈕，提示“添加成功”，點(diǎn)擊“確定”即可。 ? 新建版塊 需要新建版塊時(shí)，在站點(diǎn)地圖上“版塊管理”的子目錄點(diǎn)擊“添加版塊”連接到 頁(yè)面，要確定是在哪一個(gè)分類中增加版塊，然后輸入板塊標(biāo)題和版塊說(shuō)明，然后 點(diǎn)擊“添加”按鈕。 圖 526 版塊管理 ? 修改版塊 需要修改版塊時(shí)，單擊“修改”，轉(zhuǎn)到修改界面，然后輸入修改信息，再按“提交”按鈕。 帖子管理 帖子管理主要功能包括刪除帖子和刪除回復(fù)。 圖 528 帖子管理全部帖子列表和分版塊列表 ? 刪除回復(fù) 需要?jiǎng)h除回復(fù)時(shí)，點(diǎn)擊某以主題標(biāo)題進(jìn)入詳細(xì)頁(yè)面，然后對(duì)某一回復(fù)進(jìn)行刪除，也可以選擇該主題的所有回復(fù)進(jìn)行刪除。同時(shí)該問(wèn)題的信息也會(huì)在論壇中對(duì)應(yīng)的版塊中顯示。 在這次畢業(yè)設(shè)計(jì)中，給我的最大體會(huì)就是學(xué)到了很多的東西，盡管非常辛苦，但是覺(jué)得非常的值得。在設(shè)計(jì)的過(guò)程中，我遇到不少問(wèn)題，我參考書本、問(wèn)同學(xué)以及在網(wǎng)上查找解決方法，例如一個(gè)頁(yè)面有幾個(gè)按鈕時(shí)，點(diǎn)擊按鈕得到的效果不是預(yù)期的，然后我就上網(wǎng)查找解決的方法，把 causesVaildation 屬性為 false 等。 這次畢業(yè)設(shè)計(jì)，對(duì)我來(lái)說(shuō)是一次挑戰(zhàn)，需要扎實(shí)的專業(yè)知識(shí)、比較好的邏輯思維抽象能 力，還要有吃苦耐勞的精神和合作溝通的能力。成功確實(shí)得來(lái)不易。 其次，通過(guò)努力也可以深入學(xué)習(xí)數(shù)據(jù)庫(kù)系統(tǒng)原理有關(guān)的知識(shí)，把專業(yè)知識(shí)的某些思想應(yīng)用到日常的生活工作中去。 34 參考文獻(xiàn) [1] 肖金秀、何鵬、王當(dāng)文等 .《 案例教案》 [M] .冶金工業(yè)出版社， 2021 [2] 龍馬工作室 編著 . 《 從入門到精通》 [M].人民郵電出版社， 2021 [3] 源動(dòng)力小組 編著 . 編程技術(shù)（ C版 ） [M].中國(guó)鐵道出版社， 2021 [4] 智源科技 黎衛(wèi)東 編著 . 《 網(wǎng)絡(luò)開(kāi)發(fā)入門與實(shí)踐》 [M].人民郵電出版社， 2021 [5] 孟憲會(huì)、張慧妍 .《 應(yīng)用開(kāi)發(fā)技術(shù)》 [M].人民郵電出版社， 2021 [6] 陳冠軍 .《精通 企業(yè)級(jí)項(xiàng)目開(kāi)發(fā)》 [M].人民郵電出版社， 2021 [7] 呂洋波 .《 寶典》 [M].電子工業(yè)出版社， 2021 [8] 崔永紅 .《基于 Visual C.NET 的動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)》 [J].《現(xiàn)代電子技術(shù)》，2021 [9] Visual Studio2021 入門 .Net 系列視頻教程 2021年 3 月 15 日 [10] 劉斌、張軍 .《 +SQL Server 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)案例精選》 [M].清華大學(xué)出版社， 2021 [11] (美 ) Ian Lloyd.《 HTML 與 CSS 網(wǎng)站設(shè)計(jì)實(shí)踐之旅》 [M].人民郵電出版社， 2021 [12] (美 )Scott Mitchell.《 入門經(jīng)典》 [M].人民郵電出版社， 2021 35 致謝 本次畢業(yè)設(shè)計(jì)在顏啟華老師的悉心指導(dǎo)下，終于得以如期完成。 感謝我的合作伙伴陳嘉儀，我們一起學(xué)習(xí)、一起討論、共同設(shè)計(jì)，讓我享受了一次快樂(lè)的設(shè)計(jì)之旅