《個(gè)人博客系統(tǒng)畢業(yè)論文》由會員分享，可在線閱讀，更多相關(guān)《個(gè)人博客系統(tǒng)畢業(yè)論文（28頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、 安徽財(cái)貿(mào)職業(yè)學(xué)院 學(xué)號 姓名 班級 計(jì)應(yīng)1001班 指導(dǎo)教師 論文題目 個(gè)人博客系統(tǒng) 摘 要 博客的精神是：自由表達(dá)，開放寬容，個(gè)性張揚(yáng)，專業(yè)精神。本文介紹了個(gè)如何開發(fā)個(gè)人博客。 博客系統(tǒng)主要為用戶提供發(fā)表文章、瀏覽文章等功能，用戶通過Internet可以發(fā)表一些自己撰寫的文章以和其他網(wǎng)友進(jìn)行交流。 本博客網(wǎng)站主要以ASP.NET作為主要開發(fā)手段，采用SQL Sever2005設(shè)計(jì)數(shù)據(jù)

2、以強(qiáng)大的Microsoft Studio 2010為開發(fā)平臺工具 本文對博客系統(tǒng)進(jìn)行整體分析，明確了系統(tǒng)的可行性和用戶需求；根據(jù)模塊化原理，規(guī)劃設(shè)計(jì)了系統(tǒng)功能模塊；在數(shù)據(jù)庫設(shè)計(jì)部分，詳細(xì)說明了系統(tǒng)數(shù)據(jù)庫的結(jié)構(gòu)和數(shù)據(jù)庫的完整性、安全性措施；程序設(shè)計(jì)則采用面向?qū)ο蟮某绦蛟O(shè)計(jì)思想，提出系統(tǒng)的程序設(shè)計(jì)思路，對前臺與后臺功能的程序?qū)崿F(xiàn)進(jìn)行了詳細(xì)論述；系統(tǒng)測試部分，具體分析測試過程中出現(xiàn)的主要問題，并提出了解決方案，實(shí)現(xiàn)系統(tǒng)功能。最后，對系統(tǒng)作以客觀、全面的評價(jià)，并對進(jìn)一步改進(jìn)提出了建議。 關(guān)鍵詞：個(gè)人博客、SQL server、Vs2010、Dreamweaver

3、 目 錄 第一章 緒論 1 1.1 系統(tǒng)研究開發(fā)背景 1 1.2 個(gè)人博客概述 1 1.3 個(gè)人博客開發(fā)的目標(biāo) 2 1.3.1任何擁有博客的人都可以做到 2 1.3.2 訪問博客系統(tǒng)的人，可以做到 2 第二章 系統(tǒng)的總體規(guī)劃和概要設(shè)計(jì) 3 2.1 系統(tǒng)總體目標(biāo) 3 2.2 系統(tǒng)的邏輯體系結(jié)構(gòu) 3 2.3 三層結(jié)構(gòu) 3 2.4 前臺功能模塊 4 2.5 后臺管理功能模塊 4 第三章 數(shù)據(jù)層的設(shè)計(jì)與實(shí)現(xiàn) 5 3.1 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì) 5 3.2 數(shù)據(jù)庫表結(jié)構(gòu)設(shè)計(jì) 5 3.6 存儲過程設(shè)計(jì) 6 第四章 系統(tǒng)設(shè)

4、計(jì) 7 4.1模板頁設(shè)計(jì) 7 4.2. Defaul 頁面設(shè)計(jì) 9 4.3 相冊頁面的設(shè)計(jì) 9 4.4.日志頁面的設(shè)計(jì) 10 4.5.留言界面設(shè)計(jì)； 10 4.6．后臺設(shè)計(jì) 11 4.6.1．管理員登陸 11 4.6.2．后臺模板頁頁面設(shè)計(jì) 12 4.6.3. “添加文章”功能模塊 12 4.6.4．文章的管理 12 4.6.5.相冊管理 12 4.6.6. 留言管理 13 第五章 系統(tǒng)測試 14 5.1 測試目的 14 5.2 測試方法 14 5.3.系統(tǒng)測試； 14 5.3.1用戶登錄和用戶注冊 14 5.3..2發(fā)表評論后留言 15 5.3.3.

5、前臺文章顯示測試 16 5.3..4后臺管理 16 總結(jié) 18 附 錄 19 致 謝 25 參考文獻(xiàn) 26 第一章 緒論 1.1 系統(tǒng)研究開發(fā)背景 在沒有自己的博客之前，人們會經(jīng)常進(jìn)出于論壇發(fā)表貼子或者通過即時(shí)通信軟件聊天，來表達(dá)自已的想法，可是這些都是零散的和雜亂的。博客的出現(xiàn)，讓人們可以不斷的把自己以前的和每天激發(fā)的一些想法或者感受整理放在自己的博客上，每次在寫文章的時(shí)候，可能又會產(chǎn)生新的想法。雖然一些想法一些思考只是皮毛，沒有什么深度，但是當(dāng)下筆去寫的時(shí)候每次都會對某個(gè)小小的問題有了更多的一點(diǎn)點(diǎn)思考，再寫博客的時(shí)候就感覺到了一種滿足感，一種想法得以釋放

6、思考得以延伸的滿足感。生活中每天的一個(gè)小小的事情都會引起人們的思考，甚至是和朋友的聊天中一個(gè)小小的火花迸發(fā)。督促自己努力、把一時(shí)的想法變成觀點(diǎn)，爭取在生命中的每天里留下點(diǎn)什么，這也是人們寫博客的目的之一。這樣就能督促自己每一天不要渾渾噩噩，時(shí)光流逝無痕無聲無息，寫博客也是在自己的每一天上留下了一道淺淺的思考和劃痕。 不僅如此，通過寫博客、記錄自己的想法可以幫助實(shí)現(xiàn)如下這些目的： a）記錄生活，在自己的每一天上留下思考的劃痕。 b）整理思路，固化知識，獲得更多更好的想法。 c）分享，將自己的想法、經(jīng)驗(yàn)與人分享。 d）交流、提高，通過交流產(chǎn)生更多的思維火花，相互提高。 e）交友，

7、互相鼓勵(lì)，一路同行。 如果說博客網(wǎng)站是一個(gè)舞臺，那么所有的博客都是其中的舞者，把自己有價(jià)值的真實(shí)的一面展示在網(wǎng)絡(luò)世界中，相互交流溝通； 如果博客僅僅為了寫日志，那么博客是一面鏡子，鏡子中展現(xiàn)的是真實(shí)的自己；如果博客是一個(gè)自由媒體，可以把自身感覺有價(jià)值的信息通過博客這個(gè)工具發(fā)布，與網(wǎng)友共享。 1.2 個(gè)人博客概述 博客最初的名稱是Weblog，由web和log兩個(gè)單詞組成，按字面意思就為網(wǎng)絡(luò)日記，后來喜歡新名詞的人把這個(gè)詞的發(fā)音故意改了一下，讀成we blog，由此，blog這個(gè)詞被創(chuàng)造出來。不過，在中國大陸有人往往也將本身和Blog（即博客作者）均音譯為“博客”?！安┛汀庇休^深的涵義

8、：“博”為“廣博”；“客”不單是“blogger”更有“好客”之意?？碆log的人都是“客”。而在臺灣，則分別音譯成“部落格”（或“部落閣”）及“部落客”，認(rèn)為Blog本身有社群群組的意含在內(nèi)，借由Blog可以將網(wǎng)絡(luò)上網(wǎng)友集結(jié)成一個(gè)大博客，成為另一個(gè)具有影響力的自由媒體。 1.3 個(gè)人博客開發(fā)的目標(biāo) 1.3.1任何擁有博客的人都可以做到 （1）登錄博客系統(tǒng)瀏覽文章 （2）管理自己博客的基本信息 （3）撰寫個(gè)人隨筆 （4）處理留言、文章評論等內(nèi)容 1.3.2 訪問博客系統(tǒng)的人，可以做到 游覽博客系統(tǒng)中的文章目錄、評論博客系統(tǒng)中的內(nèi)容，只有博客管理員登錄系統(tǒng)之后，才能進(jìn)行管理。而博

9、客系統(tǒng)的訪問者不需要注冊，也不需要登錄就可以訪問博客系統(tǒng)中的內(nèi)容。工作流圖如下： 圖1-1：工作流圖 26 第二章 系統(tǒng)的總體規(guī)劃和概要設(shè)計(jì) 2.1 系統(tǒng)總體目標(biāo) 實(shí)現(xiàn)個(gè)人博客的基本功能并使網(wǎng)頁整體美觀吸引游客，如發(fā)表日志，相冊瀏覽，游客評論、注冊、登錄和留言，還有后臺管理（留言、會員、日志、評論管理）。 2.2 系統(tǒng)的邏輯體系結(jié)構(gòu) 本系統(tǒng)采用當(dāng)前流行的B/S設(shè)計(jì)模式，基于Asp.NET平臺構(gòu)建Web應(yīng)用程序，把系統(tǒng)劃分為數(shù)據(jù)層、業(yè)務(wù)邏輯層和表示層。邏輯體系結(jié)構(gòu)如圖2-2所示： 圖2-1：邏輯結(jié)構(gòu) 2.3 三層結(jié)構(gòu) (1) 表示

10、層：即用戶接口層，是由ASP.NET技術(shù)的Web窗體和Web用戶控件組合起來構(gòu)成的。表示層運(yùn)行在客戶端瀏覽器上，產(chǎn)生用戶視圖。在業(yè)務(wù)邏輯層發(fā)生變化時(shí)通過改變表示層的組合以及做一些簡單的調(diào)整就可以很好地適應(yīng)新的業(yè)務(wù)邏輯層。 (2) 業(yè)務(wù)邏輯層：這一層是從整個(gè)系統(tǒng)功能設(shè)計(jì)中抽取大量具有共性的模塊，把它們統(tǒng)一設(shè)計(jì)成為系統(tǒng)公共的可重用的組件。由COM+組件服務(wù)管理器統(tǒng)一配置管理組件。 (3) 數(shù)據(jù)層：用來管理和存儲數(shù)據(jù)，實(shí)現(xiàn)數(shù)據(jù)訪問功能，設(shè)計(jì)數(shù)據(jù)庫，定義數(shù)據(jù)表結(jié)構(gòu)、表的索引、數(shù)據(jù)表之間的關(guān)聯(lián)，定義數(shù)據(jù)庫中的視圖以及操作數(shù)據(jù)的存儲過程，設(shè)計(jì)數(shù)據(jù)庫的安全等等。該層由數(shù)據(jù)庫管理系統(tǒng)如SQL Server

11、來管理和控制。 2.4 前臺功能模塊 可以注冊、登錄用戶信息， 游客還可以瀏覽日志、評論日志、查看相冊、給博主留言 2.5 后臺管理功能模塊 后臺管理系統(tǒng)僅供管理員自己使用， 日志管理、圖像管理、留言管理、對日志的增刪改查，對游客及評論留言的刪除和查找。 第三章 數(shù)據(jù)層的設(shè)計(jì)與實(shí)現(xiàn) 3.1 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計(jì)完畢后，現(xiàn)在可以將上面的數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為某種數(shù)據(jù)庫系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，也就是數(shù)據(jù)庫邏輯結(jié)構(gòu)。 3.2 數(shù)據(jù)庫表結(jié)構(gòu)設(shè)計(jì) 以用戶表T_User為例， 圖3-1: T_User數(shù)據(jù)類型 圖3-2: T_User數(shù)據(jù)

12、 3.6 存儲過程設(shè)計(jì) 數(shù)據(jù)庫中的存儲過程對應(yīng)高級語言中的子程序，存儲過程的內(nèi)容是SQL語句，與高級語言的子程序一樣，存儲過程也有輸入輸出形參。 存儲過程在服務(wù)器端運(yùn)行，存儲過程執(zhí)行一次后，就被編譯為二進(jìn)制代碼且駐留在高速緩沖存儲器中，在以后的操作中，只需從高速緩沖中調(diào)用已編譯好的二進(jìn)制代碼，提高了系統(tǒng)性能。而且存儲過程中也便于使用事務(wù)處理。 第四章 系統(tǒng)設(shè)計(jì) 對博客系統(tǒng)進(jìn)行系統(tǒng)分析、數(shù)據(jù)庫設(shè)計(jì)之后，本章將主要介紹系統(tǒng)各功能模塊的設(shè)計(jì)及其實(shí)現(xiàn)。 軟件所實(shí)現(xiàn)的功能強(qiáng)弱是衡量一個(gè)軟件的最根本的標(biāo)準(zhǔn)。通過對系統(tǒng)的全面分析并結(jié)合調(diào)研的情況，確定了本系統(tǒng)的功能模塊圖。本章先從系統(tǒng)總體結(jié)構(gòu)設(shè)

13、計(jì)介紹，接著分別對公用模塊、客戶界面、管理對功能模塊加以描述。 4.1模板頁設(shè)計(jì) 1．首先是banner的設(shè)計(jì)，用ps處理如下圖 圖4-1：banner 2．對導(dǎo)航條的設(shè)置 圖4-2：導(dǎo)航條 3．用戶登錄 首先只有注冊過的會員才能登陸，要不需要進(jìn)行會員注冊，只有注冊過的才能發(fā)表評論和留言。登陸界面如下圖 圖4-3：用戶登錄 用戶注冊頁面： 圖4-4：用戶注冊 4．個(gè)人資料 說明樓主一些的主要信息； 圖4-5：個(gè)人資料 5．最新文章和友情鏈接 圖4

14、-6：友情鏈接 6．右面為綁定數(shù)據(jù)庫的內(nèi)容。 4.2. Defaul 頁面設(shè)計(jì) 圖4-8：最新日志 4.3 相冊頁面的設(shè)計(jì) 相冊主要是博客日常生活的一些真照，或旅游時(shí)拍下的一些風(fēng)景圖片。 圖4-9：相冊封面 用JS寫一個(gè)相冊切換，放大的效果； 圖4-10：相冊 4.4.日志頁面的設(shè)計(jì) 尋找你想要的文章。 主要是綁定數(shù)據(jù)中博主發(fā)過的全部博文，如果你想要什么資料，也可以進(jìn)行搜索。 4.5.留言界面設(shè)計(jì) 只有會員，才能向樓主進(jìn)行留言，博主看見你的意見時(shí)會進(jìn)行一些適當(dāng)?shù)男薷?；同時(shí)也進(jìn)行了博主和游客的一個(gè)交流的平臺；增加了互動(dòng)性

15、，從而從一到百。擴(kuò)大了博客的意義。 圖4-11：留言板 4.6．后臺設(shè)計(jì) 4.6.1．管理員登陸 只有管理員才可以進(jìn)入，其他會員用戶不可以進(jìn)入； 界面設(shè)計(jì)； 圖4-12：管理員登陸 4.6.2．后臺模板頁頁面設(shè)計(jì) 圖4-13：后臺頁面 4.6.3. “添加文章”功能模塊 通過“添加文章”功能模塊用戶能設(shè)置文章標(biāo)題，選擇文章所屬分類，填寫文章概要和文章內(nèi)容。 圖4-14：發(fā)表文章 4.6.4．文章的管理 “文章管理”功能模塊主要顯示當(dāng)前用戶所寫的所有文章，并能修改或者刪除現(xiàn)有文章 圖4-15：修改文章 4.6.5.相冊管理 增加上傳

16、圖片； 圖4-16：上傳圖片 4.6.6. 留言管理 通過管理留言和游客保持互動(dòng)的平臺，知道游客的思想，從而更加完善自己的博客。刪除不要的或垃圾留言。 第五章 系統(tǒng)測試 5.1 測試目的 程序測試就是在程序投入運(yùn)行前，對程序的需求分析、設(shè)計(jì)規(guī)格說明和編碼的最終復(fù)審，是保證程序質(zhì)量的關(guān)鍵步驟。如果要給程序測試下定義，可以這樣講，程序測試是為了發(fā)現(xiàn)錯(cuò)誤而執(zhí)行程序的過程。 測試的目的就是在軟件投入生產(chǎn)性運(yùn)行之前，盡可能多地發(fā)現(xiàn)軟件中的錯(cuò)誤。在開發(fā)大型軟件系統(tǒng)的過程中，需要面對錯(cuò)綜復(fù)雜的問題，因此，在軟件生存周期的每個(gè)階段都不可避免地會產(chǎn)

17、生錯(cuò)誤。編程人員力求在每個(gè)階段結(jié)束之前通過嚴(yán)格的技術(shù)審查，盡可能早的發(fā)現(xiàn)并糾正錯(cuò)誤。 5.2 測試方法 程序測試的主要方法分為兩大類，白盒測試和黑盒測試。 白盒測試：也稱結(jié)構(gòu)測試，將軟件看成一個(gè)透明的白盒子，按照程序的內(nèi)部結(jié)構(gòu)和處理邏輯來選定測試用例，對軟件的邏輯路徑及過程進(jìn)行測試，檢查它與設(shè)計(jì)是否相符。 黑盒測試：也稱功能測試，將軟件看作黑盒子，在完全不考慮程序的內(nèi)部結(jié)構(gòu)和特性的情況下，測試軟件的外部特性。根據(jù)軟件的需求規(guī)格說明書設(shè)計(jì)測試用例，從程序的輸入和輸出特性上測試是否滿足設(shè)定的功能。 在本次測試工作中使用了兩種方法。但主要使用的是黑盒測試方法。 5.3.系統(tǒng)測試； 5.

18、3.1用戶登錄和用戶注冊 測試內(nèi)容：不是用戶會員登錄是否會成功，不成功會怎么辦。 操作：以瀏覽者的身份進(jìn)入用戶登錄，點(diǎn)擊登錄按鈕 結(jié)果：用戶不可以進(jìn)入，點(diǎn)擊注冊，會到用戶注冊頁面。進(jìn)行注冊，然后進(jìn)行登錄。 圖5-1：用戶注冊 圖5-2：用戶注冊 5.3..2發(fā)表評論后留言 測試內(nèi)容：不是用戶會員評論后發(fā)表是否會成功。 操作： 以瀏覽者的身份進(jìn)行發(fā)表 結(jié)果：只有登錄用戶才能發(fā)表和留言，要不可以進(jìn)行 圖5-3：評論測試一 圖5-4：評論測試二 5.3.3.前臺文章顯示測試 測試內(nèi)容：打開前臺首頁后，是否會顯示相應(yīng)的文章列表。 操作：打開前臺首

19、頁查看。 結(jié)果：文章列表區(qū)域正確顯示發(fā)表的文章。 結(jié)論：顯示的內(nèi)容與數(shù)據(jù)庫中的內(nèi)容一致，經(jīng)調(diào)試成功。 5.3..4后臺管理 (1) 發(fā)表文章 測試內(nèi)容：管理員用戶發(fā)表新文章，。 操作：以管理員的身份進(jìn)入博客系統(tǒng)，點(diǎn)擊管理按鈕，選擇添加文章的操作如圖下圖所示，填寫完文章內(nèi)容之后單擊添加按鈕，看系統(tǒng)是否會提示發(fā)表成功。 圖5-5：發(fā)表文章 (2) 刪除文章。 測試內(nèi)容：用戶對自己所發(fā)表的文章信息能否成功刪除。 操作：點(diǎn)擊刪除系統(tǒng)詢問是否刪除該文章信息， 結(jié)果：文章信息被成功刪除。 結(jié)論：測試成功。 （3）圖像管理。 測試內(nèi)容：看圖片個(gè)能插入，刪除，修改 操作

20、：點(diǎn)擊插入，刪除，修改按鈕，看圖片個(gè)成功 結(jié)果：圖片信息成功修改。 總結(jié) 畢業(yè)設(shè)計(jì)是最能體現(xiàn)我們所學(xué)知識的時(shí)候，是對我們大學(xué)兩年所學(xué)理論知識的一次鞏固和提高。設(shè)計(jì)本系統(tǒng)的過程不僅是對我學(xué)過的知識的一次應(yīng)用，更是對我綜合處理問題、解決實(shí)際問題能力的培養(yǎng)和鍛煉。通過本次畢業(yè)設(shè)計(jì)使我對系統(tǒng)開發(fā)有了深入的了解，我的編程能力也有了較大的提高。我在設(shè)計(jì)過程中也遇到了很多困難，但是通過指導(dǎo)老師和夏同學(xué)的幫助以及自己的努力，最終還是順利地完成了畢業(yè)設(shè)計(jì)。本系統(tǒng)具有如下特點(diǎn)： (1) 界面美觀簡潔，程序結(jié)構(gòu)清晰，編碼規(guī)范。 (2) 后臺數(shù)據(jù)庫采用的SQL Server 2005，它功能比較強(qiáng)大，可以

21、處理包含在各種平臺上運(yùn)行的數(shù)據(jù)庫管理系統(tǒng)內(nèi)核。 但同時(shí)也應(yīng)該看到，由于時(shí)間倉促，本系統(tǒng)的功能實(shí)現(xiàn)還不是盡善盡美的，還存在需要改進(jìn)的地方,例如系統(tǒng)的某些設(shè)計(jì)的可擴(kuò)展性并不十分理想，在以后的系統(tǒng)維護(hù)過程中，使用重構(gòu)方法對系統(tǒng)進(jìn)行重構(gòu)，使系統(tǒng)的設(shè)計(jì)日益趨于更強(qiáng)的可擴(kuò)展性。希望在今后可以繼續(xù)完善本系統(tǒng)設(shè)計(jì) 致 謝 本研究及學(xué)位論文是在我的導(dǎo)師 的親切關(guān)懷和悉心指導(dǎo)下完成的。她嚴(yán)肅的科學(xué)態(tài)度，嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神，精益求精的工作作風(fēng)，深深地感染和激勵(lì)著我。 老師不僅在學(xué)業(yè)上給我以精心指導(dǎo)，同時(shí)還在思想、生活上給我以無微不至的關(guān)懷，在此謹(jǐn)向 老

22、師致以誠摯的謝意和崇高的敬意。我還要感謝在一起愉快的度過畢業(yè)論文小組的同學(xué)們，正是由于你們的幫助和支持，我才能克服一個(gè)一個(gè)的困難和疑惑，直至本文的順利完成。 　　在論文即將完成之際，我的心情無法平靜，從開始進(jìn)入課題到論文的順利完成，有多少可敬的師長、同學(xué)、朋友給了我無言的幫助，在這里請接受我誠摯的謝意!最后我還要感謝培養(yǎng)我長大含辛茹苦的父母，謝謝你們! 　　最后，再次對關(guān)心、幫助我的老師和同學(xué)表示衷心地感謝！ 參考文獻(xiàn) [1]周奇 . SQL Server 2005 北京大學(xué)出版社 [2]劉小華. 任廷奇.《畢業(yè)論文寫作指導(dǎo)》,北京科學(xué)出版社：2004，10—100 [3]尚俊杰

23、 .《ASP網(wǎng)絡(luò)編程從入門到精通》,清華大學(xué)出版社限公司：2009，25—70 [4]何國民、仲治國.《ASP動(dòng)態(tài)網(wǎng)站68個(gè)典型模塊精解》,科學(xué)出版社： 2008，20—350 [5]Css 實(shí)戰(zhàn)手冊 .北京電子出版社 2007.9 [6].周伶俐 .《ASP 畢業(yè)設(shè)計(jì)指南與項(xiàng)目實(shí)踐》 ,科學(xué)出版社：2008，99—130 [7]黃斯偉.《HTML4.0動(dòng)態(tài)網(wǎng)頁制作》,人民郵電出版社：2007，135—175 [8] 黃雷.《ASP+HTML+Dreamweaver+Access開發(fā)動(dòng)態(tài)網(wǎng)站實(shí)例薈萃》,機(jī)械業(yè)出版社： 2006，10--200 附 錄 1.模

24、板頁Css樣式的代碼 *{ margin:0; padding:0;} ul,li{ list-style:none;} .clear{ clear:both;} img{ border-style: none; border-color: inherit; border-width: medium; } body { margin: 1em; padding: 0; background: #FFFFFF url(../images/img1.jpg); font-family: Georgia, "Times New Roman", T

25、imes, serif; color: #748164; } #wrapper{ width:760px; margin:0 auto; text-align:center;} #banner{ background:url(../images/img2.jpg); height:160px;} #nav{ background-color:#5D8259 ; height:30px; margin-bottom:10px; margin-top:10px;} #nav ul li{ float:left; width:100px; height:30px; line-heigh

26、t:30px; margin-left:50px;} #nav ul li a{ text-decoration:none; color:#fff; font:16px;} #nav ul li a:hover{ color:red; font:20px; } #left{ float:left; width:250px; } #right{ float:right; width:500px; } #footer{ height:40px; line-height:40px; color:White; background-color:#5D8259; text-align:ce

27、nter; clear:both} .leftTitle{ background:url(../images/img3.jpg); height:40px; line-height:40px; text-align:left; color:White;} .leftbox{ margin-bottom:10px;} .leftContent{ background:url(../images/img4.jpg); background-position:bottom left; background-color:White; background-repeat:no-repeat;

28、} .leftContent p{ height:40px; line-height:40px; margin-left:20px;} .lwmzp{ height :183px; background:url('../images/zp.jpg') no-repeat left top; width: 250px; } .jzh{ text-indent:40px; font-size:18px; color: Gray ;font-family: 宋?體??, Arial, Helvetica, sans-serif; } .bd{ font-size:19px

29、;color: Orange ;} .jianjie{ float:right; margin-right:40px;color: #003300 ;} .gr{ text-align:left;} .leftCon{ background:url(../images/img4.jpg); background-position:bottom left; background-color:White; background-repeat:no-repeat; text-align:left; line-height:30px; } .leftCon ul li a{ text-deco

30、ration:none; color：êo Black; font:16px;} .leftCon ul li a:hover{ color:red; font:20px; } 2.用戶注冊頁面的代碼： public partial class UserRegister : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnRegister_Click

31、(object sender, ImageClickEventArgs e) { string name = txtname.Text; string pwd = txtpwd.Text; string spwd = txtspwd.Text; string mail = txtmail.Text; if (string.IsNullOrEmpty(name) || string.IsNullOrEmpty(pwd) || string.IsNul

32、lOrEmpty(spwd) || string.IsNullOrEmpty(mail)) { lblshow.Text = "用??戶?ì注á?é冊¨￠數(shù)oy據(jù)Y不?能¨1為a空?!"; } else { if (pwd != spwd) { ClientScript.RegisterStartupScript(this.GetType(), ""

33、, ""); } else { bool b = new Regex(@"^[A-Za-z0-9_-]+@qq\.com$").Match(mail).Success; if (b) { T_UserBLL b

34、ll = new T_UserBLL(); T_User model = new T_User(); model.Name = txtname.Text; model.Password = txtpwd.Text; model.Rid = 1; model.Mail = txtmail.Text;

35、bll.Add(model); Session["oneuser"] = model; ClientScript.RegisterStartupScript(this.GetType(), "", ""); } else {

36、 lblshow.Text = "郵?¨o箱?格?式o?不?正y確¨?¤"; } 3.JQ圖片的效果 4.管理員登陸代碼: public partial class A

38、dminLogin : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { string name = txtName.Text; string pwd = txtPwd.Text;

39、 T_UserBLL bll = new T_UserBLL(); T_User model = bll.Admin(name,pwd); if (model == null) { ClientScript.RegisterStartupScript(this.GetType(), "", ""); }

40、 else { Response.Redirect("~/Admin/ArticleList.aspx"); } } 5.后臺管理Css代碼 *{ margin:0; padding:0} ul{ list-style:none;} a{ text-decoration:none;} a:hover{ text-decoration:underline;} .clear{ clear:both;} body{ text-align:center; font-family:宋

41、?體??; font-size:12px;} #wrapper{ margin:0 auto; text-align:center; width:900px;} #banner{ background:url(../images/top.jpg) no-repeat; height:65px;} #gettime{ background:url(../images/gettime.jpg) repeat-x; height:30px;} #left{ width:250px; height:550px; float:left; margin-right:6px; padding:5p

42、x; background-color:#2E64BE;} #lsidebar{border:2px solid #f6f6f6; background-color:White;} .title{ width:220px; border:2px solid #1C69C1; height:28px; background-color:#4095EF; color:White; line-height:28px; font-size:14px; font-weight:bold; margin:0 auto;} .content{ displa

43、y:none;} .hover{ background:url(../images/hover.jpg) repeat-x;} .content ul li{ line-height:20px;} .content ul li a{ font-size:14px;} .content ul li a:hover{ text-decoration:underline; font-size:14px;} #right{ width:630px; float:right; height:550px; text-align:left;} #footer{ height:50px; background-color:#255198;}