【正文】 ristian Nagel著．李敏波譯． C高級編程 (第 3 版 )．北京：清華大學(xué)出版社． 2020． 6 [9] 張玉平，李長林著．深入淺出 C編程．北京：北京希望電子出版社． 2020． 5 [10] Stewart Fraser 等著．毛堯飛，崔偉譯． C XML 入門經(jīng)典．北京：清華大學(xué)出版社． 2020． 12 [11] James 著．張志華、劉云鵬等譯． C 設(shè)計(jì)模式．北京：電子工業(yè)出版社． 2020． 9 [12] Jason Pric 著．邱仲潘等譯． C 數(shù)據(jù)庫編程從入門到精通．北京：電子工業(yè)出版社． 2020． 9 [13] 周存杰著． Visual C.NET 網(wǎng)絡(luò)核心編程．北京：清華大學(xué)出版． 2020． 11 [14] Mark 著．良忠譯．拒絕黑客 — Web 應(yīng)用程序安全性剖析．北京：電子工業(yè)出版社． 2020． 2 。他們當(dāng)中的很多人在這段時(shí)間里不管學(xué)習(xí)還是生活方面都給了我特別多的關(guān)心和幫助，并給了我諸多寶貴的意見和建議。與此同時(shí)，我也要衷心感謝計(jì)算機(jī)系的全體老師四年來對我的教誨，他們不僅使我的知識、能力得到提高，更重要的是教會了我怎樣提高自己的自學(xué)能力，怎樣去適應(yīng)社會，適應(yīng)工作。 目前的設(shè)計(jì)讓我仍然覺得自己在 .NET 框架極其相關(guān)開發(fā)方面的理論知識非常不足，但我想我會在以后的時(shí)間里更加努力的學(xué)習(xí)、實(shí)踐、提高！同時(shí)，由于個(gè)人水平有限，系統(tǒng)中的不足之處一定存在，還望嚴(yán)老師給予指導(dǎo)、提出意見！謝謝 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 謝 辭 為期幾個(gè)月的畢業(yè)設(shè)計(jì)已經(jīng)結(jié)束，通過本次設(shè)計(jì)，我不但對 Web 開發(fā)有了更深的理論概念，同時(shí)在實(shí)踐方面也有了一定的進(jìn)步。 總體來說，系統(tǒng)的總體設(shè)計(jì)思想可能較為復(fù)雜，可能會有更好的方法，但由于是剛學(xué)習(xí) .NET，且設(shè)計(jì)也需要多方面知識的綜合，所以本次設(shè)計(jì)中有很多的不足，不過在設(shè)計(jì)的過程中遇到問題、解決問題，讓我學(xué)到了很多書本上學(xué)不到的知識，同時(shí)在不同地方，同樣的內(nèi)容，我多次使用了不同的方法來實(shí)現(xiàn)，目的也是為了學(xué)習(xí) ?? 在實(shí)現(xiàn)方式上，依自己的設(shè)計(jì)風(fēng)格和習(xí)慣，還有很多不足 (某些地方的設(shè)計(jì)，我覺得不是很滿意 )，重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 比如用 AJAX 等知識實(shí)現(xiàn)在某些方面可能比較 容易等，當(dāng)然，如果在條件允許的情況下，我將會放到網(wǎng)上，讓別人測試使用，收集 BUG，首先感謝嚴(yán)老師的給我的指導(dǎo)，不足之處，不足的地方希望老師一定指正！謝謝。 H、 一開始還考慮用框架頁來實(shí)現(xiàn)公用部分，后來嘗試，查看 IIS 連接數(shù)很多，性能 極為不佳 。 D、 一個(gè)頁面只能有一個(gè) form runat=server 的，只能有一個(gè) CodeBehind。下面是我設(shè)計(jì)時(shí)遇到的部分問題描述： A、 在前臺寫 HTML 或其他標(biāo)簽出錯(cuò)時(shí)，提示代碼重排，每每在這個(gè)時(shí)候都比較郁悶， 后臺類文件里的，所有 InitializeComponent 的 click 事件丟失 ,將不復(fù)存在，這個(gè)問題尤為嚴(yán)重 ,尤其是在程序發(fā)布時(shí)出現(xiàn)這個(gè)問題。 ? 日歷的繪制 ? 導(dǎo)航圖片的設(shè)計(jì)與處理 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 ? 部分控件的顯示風(fēng)格 ? 諸多交互的界面提示信息 ? 相關(guān)的快捷鍵支持、新窗口的訪問形式等 ? 整體頁面的布局，顯示方式等 主要采用的工具有 Photoshop、 Dream weaver 等 4 詳細(xì)設(shè)計(jì) 系統(tǒng)流程圖 注：以下圖為 Microsoft Visio 2020 設(shè)計(jì)完成并導(dǎo)出為 JPG圖片 (Photoshop 壓縮 ) 一、 系統(tǒng)總體構(gòu)架圖 圖 系統(tǒng)總體構(gòu)架圖 二、模塊流程 以下為各模塊流程的簡要表示，嚴(yán)格檢查與細(xì)節(jié)沒有涉及，請參見源碼、 ASPX 頁面內(nèi)的組成部分： （ 1）日志發(fā)表流程圖 數(shù)據(jù)層 設(shè)計(jì)數(shù)據(jù)服務(wù) 配置系統(tǒng)信息 應(yīng)用層 用戶接口層 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 圖 日志發(fā)表流程圖 （ 2）用戶登錄流程圖 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 圖 用戶登錄流程圖 （ 13）友情鏈接流程圖 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 圖 友情鏈接流程圖 （ 14）文件上傳流程圖 圖 文件上傳流程圖 （ 16） 404 錯(cuò)誤處理流程圖 圖 404錯(cuò)誤處理流程圖 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 5 運(yùn)行結(jié)果及調(diào)試分析 主要運(yùn)行效果 （ 1）首頁 （ 2）日志瀏覽界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 圖 日志瀏覽界面 （ 3）像冊查看界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 圖 （ 4）作品展示界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 圖 作品展示界面 （ 5）訪問者留言界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 圖 訪問者留言界面 （ 6）后臺登陸界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 （ 7）登陸后主界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 （ 8）添加日志界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 （ 9）添加作品界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 （ 10）添加像冊界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 （ 11）修改密碼界面 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 調(diào)試分析 （ 1）系統(tǒng)測試 從單一模塊到系統(tǒng)的完整實(shí)現(xiàn)過程中， 都遇到了諸多的錯(cuò)誤、未 預(yù)期結(jié)果，此種情 況下，對系統(tǒng)的測試是不可避免的，其間換位思考、重新分析、結(jié)合調(diào)試工具等是我常做 的事情，在設(shè)計(jì)中，幾乎每一個(gè)稍復(fù)雜的實(shí)現(xiàn)我都會思考許久，分析測試的錯(cuò)誤和解決方 法，當(dāng)然這些都是內(nèi)部的黑盒測試，包括判定 條件覆蓋方式，融合在設(shè)計(jì)過程中。 ? 初始化數(shù)據(jù)填入， BLOG 信息、管理員、關(guān)鍵字、罵人詞語、分類、內(nèi)容等 ? 在使用系統(tǒng)時(shí)，只需要運(yùn)行 SQL 腳本即可，當(dāng)然也可以對原有庫還原操作。當(dāng)然由于設(shè)計(jì)時(shí)功能的變動或是其他因素的影響， 我需要不斷的修改數(shù)據(jù)表。并采用用戶控件來作為各元素間的接口操作。只需添加系統(tǒng)函數(shù)即可。在提供的系統(tǒng)操作上，用戶可以根據(jù)提示信息來管理（發(fā)表、刪除、查看信息、瀏覽 ? ? ）。 系統(tǒng)后臺也可采用和上面簡述同樣的處理方式，這里不 再贅 述！ 接口設(shè)計(jì) （ 1）用戶接口 不同的界面和功能，系統(tǒng)都會有良好的界面提示信息，諸如置頂展開、日歷瀏覽等，以及交互的鏈接結(jié)構(gòu)。其次考慮的是系統(tǒng)的目錄，用戶控件和正常頁面不是要都放在一起，而是分類型的存放到指定的目錄下，根據(jù)不同的需要，調(diào)用不同的控件或其他屬性。 技術(shù)，主要是綜合的應(yīng)用 （ 7） 數(shù)據(jù)綁定：在操作 DataGrid 等控件時(shí)，需要反復(fù)的綁定，比如刪除、編輯、分頁后 要重新的綁定， DataList、 DownList 同樣應(yīng)用 （ 8） 控件、組件： DataGrid、 DataList、用戶控件 ?? （ 9） 編碼安全： COOKIE 實(shí)現(xiàn)與加密、參數(shù)過濾、密碼加密 ?? （ 10） 統(tǒng)計(jì)分析：簡單的數(shù)據(jù)分析 （ 11） 圖形圖象：驗(yàn)證碼的生成和其他動態(tài)加載的處理、統(tǒng)計(jì)分析 （ 12） SQL 編碼與腳本：各地方實(shí)現(xiàn)方式、條件不同 ,在系統(tǒng) SQL 腳本和代碼皆有 （ 13） HTML、 CSS、 Javascript、 Dreamweaver、 Photoshop （ 14） 分頁技術(shù)：包括控件的分頁 (自定義分頁算法 )、存儲過程分頁 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 3 概要設(shè)計(jì) 設(shè)計(jì)原理 根據(jù)以上詳細(xì)的需求分析，可以確立系統(tǒng)核心是對前后臺主要部分的分析與概括，而這些概括和分析內(nèi)容中，對信息是如何表示出來的，以何種形式表現(xiàn)，通過界面形式、數(shù)據(jù)形式等，下面將對其作簡要的闡述。讓其反映系統(tǒng)在職能、功能方面的邊界，系統(tǒng)的可行性研究、總體設(shè)計(jì)、詳細(xì)設(shè)計(jì)、開發(fā)和運(yùn)行均是在這些邊界內(nèi)進(jìn)行。 重慶電子工程職業(yè)學(xué)院 09 級畢業(yè)報(bào)告 系統(tǒng)邊界 該系統(tǒng)邊界沒有向 UML 用例圖中的的樣式表示，下面簡要的闡述一下。所以考慮到系統(tǒng)在以后實(shí)際使用中的問題，不能使用 ACCESS 數(shù)據(jù)庫，而選擇 SQLSERVER 來存儲、處理數(shù)據(jù)很有必要。另外，做單層系統(tǒng)可用 ACCESS，而做兩層或多層則用 SQL。大多數(shù)情況下，不僅僅單一的依靠 VS 來編寫，也 是要考慮到手工編寫，因此我覺得這樣做是最好的解決方案，尤其是對性能的影響，當(dāng)然在實(shí)現(xiàn)方法上，某些地方可能做得不是很好，有待于以后改進(jìn)！ ER 關(guān)系 （ 1）總體簡化 ER 關(guān)系圖 注：以下圖為 Microsoft Visio 2020 設(shè)計(jì)完成并導(dǎo)出為 JPG 圖片 (Photoshop 壓縮 )。當(dāng)選擇上傳文件為空時(shí)，也將給出提示，如果文件不為空且大小符合要求，將會檢查文件類型是否合法，同通過定義一串?dāng)?shù)組，存放不可上傳的文件類型，比如 html、 asp、 asa、 cgi、 hta、 exe、 vbs、 dll 等，上傳此類型的將提示非法，如果是合法文件，將會上傳到系統(tǒng)目錄下的 upload 里，不存在將自動創(chuàng)建該目錄，同時(shí)創(chuàng)建年 — 月 — 日格式的文件夾，不存在將自動創(chuàng) 建，存放當(dāng)前文件，同時(shí)文件將重新命名為 “ 時(shí)分秒 ” 的格式，然后開始上傳，上傳成功后，將根據(jù)文件類型，增加代碼到評論或發(fā)表日志的文本框，比如是 FLASH 文件，則自動添加 UBB 相同的代碼，當(dāng)然還有圖片、其他媒體等類似處理，如果上傳的文件類型不能用 UBB 來顯示，則直接設(shè)定為普通文件，供下載（添加到父框架），用戶點(diǎn)返回后將可再次上傳，此外對于多文件上傳，也很容易實(shí)現(xiàn)，可以動態(tài)的根據(jù)用戶選擇上傳幾個(gè)文件而增加上傳瀏覽框，加入到上傳集合中即可，上傳路徑從配置文件里讀取。 (12)友情鏈接提交與顯示模塊 該模塊實(shí)現(xiàn)的是友情鏈接的提交、當(dāng)前友情鏈接顯示等，包括圖片鏈接、文字鏈接，圖片限制以 88*33 象素為準(zhǔn)，防止影響界面，至于顯示出來，這個(gè)比較簡單，圖片和文字的 DataList 進(jìn)行數(shù)據(jù)綁定就可以了，當(dāng)有用戶提交友情鏈接申請時(shí)，將對提交信息進(jìn)行檢查，提交成功后，將提示等待管理員驗(yàn)證才可以顯示首頁或本頁。在分頁處理時(shí)，作為 URL 參數(shù)來傳遞，同時(shí)也對評論內(nèi)容進(jìn)行 UBB 或 HTML 轉(zhuǎn)換，對評論的表情、關(guān)鍵字、超級鏈接、禁止圖片和 UBB等進(jìn)行了同上的處理。 (6) BLOG 日志發(fā)表模塊 該模塊主要完成了 BLOG 日志提交的功能，也是 BLOG 系統(tǒng)中比較重要的一個(gè)環(huán)節(jié)了，同時(shí)該部分處理的也比較復(fù)雜，在 這里我采用了兩種模式 (UBB、 HTML)在線進(jìn)行編輯、提交，用戶可根據(jù)自己的需要進(jìn)行選擇互換使用，并查看幫助信息 ,當(dāng)然這樣做并不是多余的，因?yàn)槲野l(fā)現(xiàn)有的時(shí)候純粹的使用單一的模式有一定的不方便。 ? 友情鏈接管理：主要實(shí)現(xiàn)的是對用戶提交的鏈接進(jìn)行管理，包括鏈接名稱、 URL、圖片 (相對路徑、絕對路徑 )、是否首頁顯示，同時(shí)鏈接圖片可預(yù)覽 ,和上面不同的是，此處操作支持批處理，主要是首頁顯示，管理員可選中頭部的首頁顯示，從而將下面所有的 CheckBox 選中，再執(zhí)行批處理設(shè)定，當(dāng)然，可對特定選擇的多條記錄同樣處理，此外增加了省略顯示的功能，就是當(dāng)某條記錄的長度過長時(shí)，截取了該