畢業(yè)設(shè)計（論文）-+access+javascript個人博客網(wǎng)站設(shè)計與實現(xiàn)--有源代碼

1、 源代碼，程序，聯(lián)系153893706畢 業(yè) 設(shè) 計作 者： 學(xué) 號： 30 學(xué) 系： 計算機(jī)應(yīng)用與技術(shù)系 專 業(yè)： 計算機(jī)應(yīng)用技術(shù)外貿(mào)方向 班 級： 題 目： 個人網(wǎng)站的設(shè)計與實現(xiàn) 指導(dǎo)教師： 湖南科技職業(yè)學(xué)院電子信息工程與技術(shù)系湖南科技職業(yè)學(xué)院?？粕厴I(yè)論文評語題目： 個人網(wǎng)站的設(shè)計與實現(xiàn) 專業(yè)：計算機(jī)應(yīng)用技術(shù)外貿(mào)方向 班級：計貿(mào)3092 姓名： 學(xué)號： 30 畢業(yè)設(shè)計得分： 辯論得分： 綜合評定： 指導(dǎo)老師評語： 指 導(dǎo) 教 師簽字： 年 月 日辯論委員會小組評語： 辯論委員會小組負(fù)責(zé)人簽字：年 月 日 目 錄 TOC o 1-3 h z u HYPERLINK l _Toc325812

2、161 摘 要 PAGEREF _Toc325812161 h I HYPERLINK l _Toc325812162 Abstract PAGEREF _Toc325812162 h II HYPERLINK l _Toc325812163 第1章 引言 PAGEREF _Toc325812163 h 1 HYPERLINK l _Toc325812164 第2章 系統(tǒng)需求分析 PAGEREF _Toc325812164 h 2 HYPERLINK l _Toc325812165 2.1 開發(fā)目標(biāo) PAGEREF _Toc325812165 h 3 HYPERLINK l _Toc32581

3、2166 2.2 應(yīng)用目標(biāo) PAGEREF _Toc325812166 h 3 HYPERLINK l _Toc325812167 第3章 開發(fā)工具的選用及介紹 PAGEREF _Toc325812167 h 4 HYPERLINK l _Toc325812168 3.1 ASP技術(shù) PAGEREF _Toc325812168 h 4 HYPERLINK l _Toc325812169 3.2 Access數(shù)據(jù)庫簡介 PAGEREF _Toc325812169 h 5 HYPERLINK l _Toc325812170 3.3 Dreamweaver簡介 PAGEREF _Toc3258121

4、70 h 6 HYPERLINK l _Toc325812171 第4章 網(wǎng)站各模塊頁面效果設(shè)計 PAGEREF _Toc325812171 h 7 HYPERLINK l _Toc325812172 4.1 網(wǎng)站客戶端顯示頁面概述 PAGEREF _Toc325812172 h 7 HYPERLINK l _Toc325812173 4.2 網(wǎng)站客戶端顯示頁面 PAGEREF _Toc325812173 h 8 HYPERLINK l _Toc325812174 4.3 前臺總體模塊設(shè)計 PAGEREF _Toc325812174 h 10 HYPERLINK l _Toc325812175

5、 我的文章模塊 PAGEREF _Toc325812175 h 11 HYPERLINK l _Toc325812176 4.3.3 博客登錄界面模塊 PAGEREF _Toc325812176 h 15 HYPERLINK l _Toc325812177 第5章 數(shù)據(jù)庫設(shè)計分析 PAGEREF _Toc325812177 h 17 HYPERLINK l _Toc325812178 5.1 數(shù)據(jù)庫設(shè)計 PAGEREF _Toc325812178 h 17 HYPERLINK l _Toc325812179 5.2 采用的數(shù)據(jù)庫語言-SQL PAGEREF _Toc325812179 h 18

6、 HYPERLINK l _Toc325812180 5.3 數(shù)據(jù)庫連接 PAGEREF _Toc325812180 h 19 HYPERLINK l _Toc325812181 第6章 后臺管理及功能實現(xiàn) PAGEREF _Toc325812181 h 20 HYPERLINK l _Toc325812182 6.1 后臺總體設(shè)計 PAGEREF _Toc325812182 h 20 HYPERLINK l _Toc325812183 6.2 后臺功能模塊實現(xiàn) PAGEREF _Toc325812183 h 20 HYPERLINK l _Toc325812184 文章管理模塊 PAGERE

7、F _Toc325812184 h 21 HYPERLINK l _Toc325812185 6.2.2 相冊管理模塊 PAGEREF _Toc325812185 h 24 HYPERLINK l _Toc325812186 6.2.3 實現(xiàn)相冊修改刪除管理主要代碼如下 PAGEREF _Toc325812186 h 25 HYPERLINK l _Toc325812187 6.2.4 管理員資料修改管理模塊 PAGEREF _Toc325812187 h 26 HYPERLINK l _Toc325812188 第7章 系統(tǒng)總體評測 PAGEREF _Toc325812188 h 27 HY

8、PERLINK l _Toc325812189 7.1 系統(tǒng)調(diào)試 PAGEREF _Toc325812189 h 27 HYPERLINK l _Toc325812190 7.2 系統(tǒng)測試 PAGEREF _Toc325812190 h 28 HYPERLINK l _Toc325812191 結(jié) 論 PAGEREF _Toc325812191 h 29 HYPERLINK l _Toc325812192 致 謝 PAGEREF _Toc325812192 h 30 HYPERLINK l _Toc325812193 參 考 文 獻(xiàn) PAGEREF _Toc325812193 h 31摘 要本

9、系統(tǒng)主要是采用ASP+access+javascript等開發(fā)技術(shù)進(jìn)行開發(fā)。其中ASP具有優(yōu)良的性能，豐富的工具箱支持，強(qiáng)大的功能，程序與頁面結(jié)構(gòu)別離，良好的可移植性和適用性，超強(qiáng)的擴(kuò)展性。同時使用javascript完成豐富的腳本功能例如客戶端的密碼驗證功能就可以用以減輕效勞器的負(fù)擔(dān)。而本系統(tǒng)使用的是asp作為主要開發(fā)語言，采用Web展示層和ACCESS數(shù)據(jù)庫兩層架構(gòu)模式來實現(xiàn)數(shù)據(jù)庫論壇管理網(wǎng)站的建設(shè)，使得對信息的管理更加及時、高效，提高了工作效率。整個數(shù)據(jù)庫論壇的大體功能均已實現(xiàn)，已經(jīng)具有個人博客網(wǎng)站該有的功能。由于時間有限 還存在很多還需進(jìn)行改良的地方，也還需要不斷地學(xué)習(xí)來完善它的功能。

10、 關(guān)鍵詞 ASP ACCESS 個人博客網(wǎng)站設(shè)計AbstractIn the end of the 20th century, with the rapid development of computer technology, the database technology has been increasingly widely applied in internet and offered more considerate and human service to the general internet users. Personalization has gradually beco

11、me the trend of todays Web applications. Compared with the design adopted on internet presently, the personal Web site based on ASP, this program has the advantages of simpler for clients to use and more intuitive in interface. Personal Website business has just started in China, but has been develo

12、ping very rapidly. With the more popular application of Internet and more maturity of network techonology, there will be more and more groups and individuals who demand for personal websit. Based on a huge network and with its simpler and more intuitive interface, personal website has rapidly been r

13、ecognized by the majority of Internet users, with which the users can use the popular technology of nowdays to display their own personality on the websites.【Keywords】 ASP ACCESS A PERSONAL BLOG SITE DESIGN第1章 引言博客是一個個人網(wǎng)頁信息的集合，通常由簡短且經(jīng)常更新的文章日志 圖片構(gòu)成，這些一般是按照年份和日期倒序排列的。而作為Blog的內(nèi)容，它可以是你純粹個人的想法和心得，包括你對時事新

14、聞、國家大事的個人看法，或者你對一日三餐、服飾打扮的精心料理等，也可以是在基于某一主題的情況下或是在某一共同領(lǐng)域內(nèi)由一群人集體創(chuàng)作的內(nèi)容。他不等同于網(wǎng)絡(luò)日記，作為網(wǎng)絡(luò)日記是帶有很明顯的私人性質(zhì)的，而Blog那么是私人性和公共性的有效結(jié)合，它絕不僅僅是純粹個人思想的表達(dá)和日?，嵤碌挠涗?，它所提供的內(nèi)容可以用來進(jìn)行交流和為他人提供幫助，是可以包容整個互聯(lián)網(wǎng)的，具有極高的共享精神和價值。本設(shè)計主要闡述一個個人博客網(wǎng)站的建設(shè)及其后臺操作過程和一些關(guān)鍵技術(shù)。該博客信息來源主要由用戶直接添加，通過審核后,在網(wǎng)站上發(fā)布出來,以供大家共同欣賞。前臺用戶操作,該模塊主要包括我的文章、我的相冊、博主登錄、Blog

15、搜索、博主推薦、最新評論、網(wǎng)站統(tǒng)計等功能。后臺博主管理,該模塊主要包括文章信息管理、相冊信息管理、管理員資料管理等功能.該博客網(wǎng)站是應(yīng)用Dreamweaver8、Access2007、Photoshop CS3等軟件，后臺結(jié)合ASP編程技術(shù)+access開發(fā)出來的。我根據(jù)個人喜好開發(fā)了個人的博客網(wǎng)站設(shè)計與實現(xiàn)。第2章 系統(tǒng)需求分析在Internet飛速開展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Internet“海洋中按照一定的檢索方式將所需要的信息從網(wǎng)站上下

16、載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成局部，從而倍受人們的重視。博客網(wǎng)站就是當(dāng)今網(wǎng)絡(luò)上最為流行的交流互動平臺，個人博客網(wǎng)站是針對網(wǎng)絡(luò)用戶的交流需求，提供一個方便的可以支持跨地域結(jié)交朋友、聊天、互動、了解多方信息的平臺。個人博客網(wǎng)站內(nèi)容豐富，界面簡潔美觀，大大豐富了當(dāng)代人的精神需求。博客能讓個人在互聯(lián)網(wǎng)上表達(dá)自己的心聲。這是一個收集和共享任何感興趣的事物的地方-可以是政治評論、個人日記或是指向您想記住的網(wǎng)站的鏈接。許多人使用博客只是要組織自己的想法，而有些人那么在全球成千上萬的瀏覽者中贏得影響力。職業(yè)和業(yè)余新聞記者使用博客發(fā)布特

17、發(fā)新聞，而有寫日記習(xí)慣的人那么會在博客 中宣示自己內(nèi)心的想法。而攝影和美術(shù)發(fā)燒者，可以通過博客 系統(tǒng)的管理自己的作品，無論您要發(fā)表什么意見，博客都可以幫您表達(dá)出來。博客作為一種新表達(dá)的方式，它的傳播不僅情緒，包括大量的智慧、意見和思想。某種意義上說，它也是一種新的文化現(xiàn)象，博客的出現(xiàn)和繁榮，真正凸現(xiàn)網(wǎng)絡(luò)的知識價值，標(biāo)志著互聯(lián)網(wǎng)開展開始步入更高的階段。根本性能:系統(tǒng)主要的功能包括：發(fā)表文章，文章管理 評價管理 相冊管理以及用戶密碼修改等功能。管理員登陸可以管理用戶賬戶，刪除文章圖片，設(shè)置文章圖片的分類屬性，上傳圖片等操作。對于這些功能根本可以應(yīng)付一般的用戶需要。2.1 開發(fā)目標(biāo)系統(tǒng)預(yù)期的目的是為

18、了做成交互式的網(wǎng)頁，方便客戶端和瀏覽器端之間的交流。通過該論壇，人們能夠相互交流溝通，把疑惑在論壇里公布，大家獻(xiàn)計獻(xiàn)策，共同學(xué)習(xí)，共同進(jìn)步。2.2 應(yīng)用目標(biāo)數(shù)據(jù)庫論壇系統(tǒng)是一個用于用戶之間互相交流的系統(tǒng)。用戶可以瀏覽博客上的文章并提交自己的評論。博客主人能夠修改自己的資料信息，發(fā)布文章圖片相冊。博客理員能夠便于管理博客內(nèi)容，包括用戶信息管理，文章管理，相冊管理，評價管理對于不健康或是不利于社會穩(wěn)定的評論能進(jìn)行刪除操作。第3章 開發(fā)工具的選用及介紹隨著Internet技術(shù)的快速開展與普及，各種制作網(wǎng)頁的軟件也如雨后春筍，從最初制作靜態(tài)網(wǎng)頁的Html到現(xiàn)在非常流行的“ASP 、“JSP 以及jav

19、ascript腳本等互動網(wǎng)頁制作工具，該網(wǎng)站的制作主要用到了ASP、Access和Dreamweaver、網(wǎng)頁美工等。3.1 ASP技術(shù)ASP是Active Server Page的縮寫，意為“活動效勞器網(wǎng)頁。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互，是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。 ASP是一種效勞器端腳本編寫環(huán)境，可以用來創(chuàng)立和運(yùn)行動態(tài)網(wǎng)頁或web應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容(如在線表單)，也可以創(chuàng)立使用H

20、TML網(wǎng)頁作為用戶界面的web應(yīng)用程序。與HTML相比，ASP網(wǎng)頁具有以下特點(diǎn)： (1)利用ASP可以實現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實現(xiàn)動態(tài)網(wǎng)頁技術(shù)； (2)ASP文件是包含在HTML代碼所組成的文件中的，易于修改和測試； (3)效勞器上的ASP解釋程序會在效勞器端制定ASP程序，并將結(jié)果以HTML格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽ASP所產(chǎn)生的網(wǎng)頁； (4)ASP提供了一些內(nèi)置對象，使用這些對象可以使效勞器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過HTML表單提交的信息，并在腳本中對這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息； (5)ASP可以使用效勞器

21、端ActiveX組建來執(zhí)行各種各樣的任務(wù)，例如存取數(shù)據(jù)庫、發(fā)現(xiàn)那個Email或訪問文件系統(tǒng)等； (6)由于效勞器是將ASP程序執(zhí)行的結(jié)果以HTML格式傳回客戶端瀏覽器，因此使用者不會看到ASP所編寫的原始程序代碼，可防止ASP程序代碼被竊取。ASP工作原理：1、用戶向瀏覽器地址欄輸入網(wǎng)址，默認(rèn)頁面的擴(kuò)展名是.asp。 2、瀏覽器向效勞器發(fā)出請求。 3、效勞器引擎開始運(yùn)行ASP程序。 4、ASP文件按照從上到下的順序開始處理，執(zhí)行腳本命令，執(zhí)行HTML頁面內(nèi)容。 5、頁面信息發(fā)送到瀏覽器3.2 Access數(shù)據(jù)庫簡介Microsoft Office Access前名 Microsoft Acce

22、ss是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。它結(jié)合了 Microsoft Jet Database Engine 和 圖形用戶界面兩項特點(diǎn)，是 Microsoft Office的成員之一。其實Access 也是微軟公司另一個通訊程序的名字，想與 ProComm 以及其他類似程序來競爭?？墒鞘潞笪④涀C實這是個失敗方案，并且將它中止。數(shù)年后他們把名字重新命名于數(shù)據(jù)庫軟件。Access在2000年的時候成為了計算機(jī)等級考試中的計算機(jī)二級的一種數(shù)據(jù)庫語言并且因為它的易學(xué)易用的特點(diǎn)正逐步取代傳統(tǒng)的VFP成為二級中最受歡送的數(shù)據(jù)庫語言。Access是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點(diǎn)如下： (1)存儲方式單

23、一 Access管理的對象有表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為(.mdb)的數(shù)據(jù)庫文件種，便于用戶的操作和管理。 (2)面向?qū)ο?Access是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應(yīng)用系統(tǒng)當(dāng)作是由一系列對象組成的，對每個對象它都定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴(kuò)展方法和屬性。通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡化了用戶的開發(fā)工作。 (3)界面友好、易操作 Access是一個可視化工具，是風(fēng)格與Windows完全一樣，用戶想要生成對象并

24、應(yīng)用，只要使用鼠標(biāo)進(jìn)行拖放即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報表設(shè)計器以及數(shù)據(jù)庫向?qū)?、表向?qū)?、查詢向?qū)А⒋绑w向?qū)?、報表向?qū)У裙ぞ撸沟貌僮骱啽?，容易使用和掌握?3.3 Dreamweaver簡介使用Macromedia公司的產(chǎn)品Dreamweaver軟件。因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)立復(fù)雜的頁面效果，該網(wǎng)站頁面主要使用DreamWeaver軟件。還用到一些根本上的Html語言。(1)處理圖片工具：Photoshop9.0是Adobe公司的產(chǎn)品，是功能非常強(qiáng)大的專業(yè)圖形軟件，可以制作任何你想要的平面效果。其中包含的ImageReady是用于網(wǎng)頁圖片制作的。(2)制作

25、動畫工具：Macromedia公司出品的Flash互動網(wǎng)頁制作工具與Dreamweaver和firework并稱網(wǎng)頁制作三劍客。(3)動態(tài)網(wǎng)頁制作技術(shù)：腳本語言Javascript和Vbscript，Javascript是Netscape，它介于JAVA和HTML之間，是基于對象(Object)和事件驅(qū)動(Event Driven)并運(yùn)行于客戶端的編程語言。網(wǎng)站主要運(yùn)用javascript制作一些網(wǎng)頁特效。ASP(Active Server Pages)是包括HTML標(biāo)記、文本和腳本命令的文件，使用它可以創(chuàng)立動態(tài)、交互的 Web 效勞器應(yīng)用程序，并可以組合HTML頁、腳本命令和ActiveX組

26、件以創(chuàng)立交互的Web頁和基于Web的功能強(qiáng)大的應(yīng)用程序。第4章 網(wǎng)站各模塊頁面效果設(shè)計網(wǎng)站客戶端前端顯示布局頁面 如圖4-1圖所示。標(biāo)題欄 logo區(qū)域博客信息顯示區(qū)域 網(wǎng)頁主題顯示框架頁面末尾版權(quán)信息顯示區(qū)域圖4-1:網(wǎng)頁前端總體模塊 4.1 網(wǎng)站客戶端顯示頁面概述網(wǎng)站客戶端顯示頁面是網(wǎng)站提供應(yīng)瀏覽者的第一視覺界面。網(wǎng)站客戶端顯示頁面不僅要有合理的整體布局，使瀏覽者有一個流暢的視覺體驗；還應(yīng)該通過各功能模塊表達(dá)出網(wǎng)站的主題內(nèi)容，使瀏覽者在最短的時間內(nèi)了解網(wǎng)站的用途。前臺整體如圖4-2:圖4-2: 前臺主頁面4.2 網(wǎng)站客戶端顯示頁面1LOGO局部設(shè)計：LOGO是網(wǎng)站形象的重要表達(dá)。試問一個衣

27、冠楚楚的人怎么能讓自己的名片污漬不堪？就一個網(wǎng)站來說，LOGO即是網(wǎng)站的名片。而對于一個追求精美的網(wǎng)站，LOGO更是它的靈魂所在，即所謂的“點(diǎn)睛之處。圖4-3: 網(wǎng)站logo圖標(biāo)2網(wǎng)站客戶端顯示頁面TOP設(shè)計：圖4-4: 標(biāo)題圖標(biāo)重要代碼如下：博客首頁|我的文章|我的相冊|博客管理3. 網(wǎng)站客戶端顯示頁面左邊的鏈接及圖片的設(shè)計如圖4-5：圖4-5: 側(cè)頁功能圖其重要代碼： Blog搜索博主推薦 最新留言 background=images/mid_01.jpg過客足跡 4網(wǎng)站客戶端顯示頁面 圖4-6: 主顯示頁面 關(guān)鍵代碼如下:4.3 前臺總體模塊設(shè)計前臺主要是個人博客的主要功能展示界面，又稱

28、網(wǎng)站客戶端顯示頁面，要求來訪者能看到管理者的文章、相冊、留言，還有管理和用戶的登錄功能以及來訪者的留言功能管理。所用功能主要可分為以下模塊：(1)我的文章模塊：根據(jù)文章內(nèi)容可分為幾大項內(nèi)容以不同內(nèi)容區(qū)塊兒展示；(2)我的相冊模塊：展示每個分類的相冊；(3)BLOG搜索模塊：通過搜索關(guān)鍵字或是選擇查詢類型選擇去搜索。(4)博主推薦模塊：有些是博主推薦的文章列表。(5)最新評論模塊：展示所用來訪者以及用戶、管理者的留言。(6)網(wǎng)站統(tǒng)計模塊：統(tǒng)計發(fā)表的文章、評論、游覽者及建站的時間等信息。我的文章模塊根據(jù)文章內(nèi)容分為多個展示局部，在首頁顯示，通過綁定記錄集和建立重復(fù)區(qū)域等在首頁實現(xiàn)對文章的瀏覽，如圖

29、4-8所示。在首頁文章欄通過點(diǎn)擊各類文章標(biāo)題可以顯示不同的文章.實現(xiàn)其功能需要在Dreamweaver中增加代碼加以實現(xiàn)，主要代碼如下：% Set rs=Server.CreateObject(ADODB.Recordset)/建立連接sqlstr=select top 2 id,Atitle,Adate,Aclass,Acontent from tab_article order by id desc /建立sql查詢語句rs.open sqlstr,conn,1,1/翻開連接If rs.eof Then/查找符合條件的數(shù)據(jù)Response.Write(暫無收藏！)Response.End(

30、) Else while not rs.e 圖4-8: 博客列表模塊圖另外，在前臺顯示對此篇文章發(fā)表的詳細(xì)內(nèi)容-主要代碼如下：發(fā)表時間： 評論： /顯示評論數(shù)圖4-9: 文章顯示模塊圖 我的相冊模塊 相冊展示模塊主要用于分類展示上傳的相冊圖片信息，即列出相冊的分類以及某一分類中包含的圖片。相冊分類展示，如圖4-10所示圖4-10: 相冊顯示 在Dreamweaver中增加代碼加以實現(xiàn)，主要代碼如下:某一相冊分類對應(yīng)的圖片展示，如圖4-11所示。 圖4-11: 相冊詳情在Dreamweaver中增加代碼加以實現(xiàn)，主要代碼如下: /建立一個表格框架 用于顯示對應(yīng)相冊分類內(nèi)的照片img src=up

31、file/ height=100 width=120 border=0 / 博客登錄界面模塊一個單獨(dú)的登錄也面可以通過輸入管理員或用戶的賬號、密碼、隨機(jī)驗證碼實現(xiàn)登錄后臺功能，如圖4-12所示。圖4-12: 后臺登陸窗口其中最主要的是與數(shù)據(jù)庫連接進(jìn)行用戶驗證。令系統(tǒng)可以判斷登錄者是否為合格用戶，如果合格，直接跳轉(zhuǎn)入后臺管理界面。如果用戶名或密碼或驗證碼錯誤，那么需要登錄用戶重新輸入，主要代碼如下：Response.writealert(您輸入的驗證碼不正確!);location.href=login.asp/使用javascript判斷驗證碼是否正確Response.End() Else Se

32、ssion(verifycode)= End IF If txt_name Then Set rs=Server.CreateObject(ADODB.Recordset)sqlstr=select Mname,Mpasswd from tab_manager where Mname=&txt_name&rs.open sqlstr,conn,1,1If rs.eof Then Response.Write(alert(用戶名不正確,請核實后重新輸入!);location.href=login.asp;)/如果用戶輸入用戶名不正確那么提示 并跳到登錄窗口Else If rs(Mpasswd)t

33、xt_passwd Then Response.Write(alert(密碼不正確,請確認(rèn)后重新輸入!);location.href=login.asp;)博主登錄模塊的操作流程,如圖4-13:圖4-13: 后臺登錄第5章 數(shù)據(jù)庫設(shè)計分析5.1 數(shù)據(jù)庫設(shè)計本系統(tǒng)采用的數(shù)據(jù)庫是Microsoft Access，建立db.mdb數(shù)據(jù)庫，然后建立相應(yīng)的表。這一設(shè)計階段是在系統(tǒng)功能結(jié)構(gòu)圖的根底上進(jìn)行的，設(shè)計出能夠滿足用戶需求的各種實體以及它們之間的關(guān)系，為后面的邏輯結(jié)構(gòu)設(shè)計打下根底。1. 文章信息實體包括：文章ID、文章所屬分類ID、文章標(biāo)題、文章內(nèi)容、作者名稱和發(fā)表時間。文章信息實體如下列圖5-1所

34、示。圖51: 數(shù)據(jù)庫文章評論信息實體如下列圖5-2所示。圖52: 文章評論相冊信息實體包括：相冊ID、相冊分類ID、圖片名稱、圖片標(biāo)識、圖片信息和添加時間。相冊信息實體，如下列圖：5-3所示。圖53: 相冊信息2.接下來分析數(shù)據(jù)表實體間的關(guān)系圖 貼出幾個關(guān)鍵表格并分析其關(guān)系圖如下：根據(jù)以上分析設(shè)計該數(shù)據(jù)庫中表及其用途如圖5-4示。圖54：數(shù)據(jù)表功能圖5.2 采用的數(shù)據(jù)庫語言-SQLSQL是英文Structured Query Language的縮寫，意思為結(jié)構(gòu)化查詢語言。按照ANSI(美國國家標(biāo)準(zhǔn)協(xié)會)的規(guī)定，SQL被作為關(guān)系型數(shù)據(jù)庫管理系統(tǒng)的標(biāo)準(zhǔn)語言。SQL語言的主要功能就是同各種數(shù)據(jù)庫建立

35、聯(lián)系，進(jìn)行溝通。SQL語句通常用于完成一些數(shù)據(jù)庫的操作任務(wù)，比方在數(shù)據(jù)庫中更新數(shù)據(jù)，或者從數(shù)據(jù)庫中檢索數(shù)據(jù)。使用SQL的常見關(guān)系數(shù)據(jù)庫管理系統(tǒng)有：Oracle、 Sybase、 Microsoft SQL Server、 Access、 Ingress等等。雖然絕大多數(shù)的數(shù)據(jù)庫系統(tǒng)使用SQL，但是它們同樣有它們自立另外的專有擴(kuò)展功能用于它們的系統(tǒng)。但是，標(biāo)準(zhǔn)的SQL命令，比方Select、 Insert、 Update、 Delete、 Create和 Drop常常被用于完成絕大多數(shù)數(shù)據(jù)庫的操作。在眾多的SQL命令中，select語句應(yīng)該算是使用最頻繁的。select語句主要被用來對數(shù)據(jù)庫進(jìn)行

36、查詢并返回符合用戶查詢標(biāo)準(zhǔn)的結(jié)果數(shù)據(jù)。select語句中位于select關(guān)鍵詞之后的列名用來決定哪些列將作為查詢結(jié)果返回。用戶可以按照自己的需要選擇任意列，還可以使用通配符“*來設(shè)定返回表格中的所有列。 SQL功能強(qiáng)大，是一種完備的數(shù)據(jù)處理語言，不僅用于數(shù)據(jù)庫查詢，而且用于數(shù)據(jù)庫中的數(shù)據(jù)修改和更新，概括起來，它可以分成以下幾組： (1)DML(Data Manipulation Language，數(shù)據(jù)操作語言)：用于檢索或者修改數(shù)據(jù)； (2)DDL(Data Definition Language，數(shù)據(jù)定義語言)：用于定義數(shù)據(jù)的結(jié)構(gòu)，比方創(chuàng)立、修改或者刪除數(shù)據(jù)庫對象； (3)DCL(Data

37、Control Language，數(shù)據(jù)控制語言)：用于定義數(shù)據(jù)庫用戶的權(quán)限； (4)DML組可以細(xì)分為以下的幾個語句： SELECT：用于檢索數(shù)據(jù)； INSERT：用于增加數(shù)據(jù)到數(shù)據(jù)庫； UPDATE：用于從數(shù)據(jù)庫中修改現(xiàn)存的數(shù)據(jù)； DELETE：用于從數(shù)據(jù)庫中刪除數(shù)據(jù)； DDL語句可以用于創(chuàng)立用戶和重建數(shù)據(jù)庫對象。下面是DDL命令：CREATE TABLE，ALTER TABLE，DROP TABLE，CREATE INDEX，DROP INDEX。5.3 數(shù)據(jù)庫連接我們將與數(shù)據(jù)庫的連接，單獨(dú)寫出來并進(jìn)行編譯，也就是數(shù)據(jù)庫連接的conn.asp文件，我們在ASP頁面中只用直接調(diào)用改方法即可，

38、存放在根目錄文件下，我們在需要對數(shù)據(jù)庫進(jìn)行操作的時候只需在頁面上添加這樣一個標(biāo)簽即可。連接關(guān)鍵代碼如下：翻開數(shù)據(jù)庫連接- 連接數(shù)據(jù)庫 -Dim conn,connstrSet conn=Server.CreateObject(ADODB.Connection)/建立數(shù)據(jù)連接connstr=Provider=Microsoft.Jet.OLEDB.4.0;/加載驅(qū)動UserID=admin;Password=;Data Source=&Server.MapPath(./DataBase/db_blog.mdb)&;conn.open connstr第6章 后臺管理及功能實現(xiàn)6.1 后臺總體設(shè)計后

39、臺管理局部主要包括用戶身份驗證。添加文章、文章分類，刪除文章，文章分類信息。刪除留言等功能。完成對用戶、文章、留言的處理操作。所用功能主要可分為以下模塊：(1)文章分類管理模塊：根據(jù)文章內(nèi)容不同，增加、修改或刪除文章分類；(2)相冊管理模塊：實現(xiàn)相冊的上傳、游覽和刪除等操作；(3)留言管理模塊：對前臺訪問者的留言進(jìn)行選擇性刪除功能；(4)用戶管理模塊：只有管理員有權(quán)操作，實現(xiàn)用戶添加以及刪除功能；6.2 后臺功能模塊實現(xiàn)后臺管理界面的功能E-R圖6-1所示。圖6-1： 后臺管理功能圖文章管理模塊為了在主頁中實現(xiàn)我的文章以分類的形式表現(xiàn)，還有處理新增分類的功能，在后臺我做了分類管理功能。如圖6-

40、2所示。圖62： 文章管理圖在我的文章分類管理界面中，只需找到列表中需要操作的分類名稱，然后點(diǎn)擊名稱后面的刪除或修改和添加按鈕，就可以將此分類刪除或修改或添加。主要代碼： /完成數(shù)據(jù)遍歷form name=form2 method=post action=input name=類別名稱 type=text id=類別名稱 value= class=textboxinput name=id type=hidden id=id value= /用Mycheck函數(shù)判斷數(shù)據(jù)是否合格/彈出窗口詢問用戶是否確定刪除%為了方便管理文章內(nèi)容，我還在后臺設(shè)立了管理文章功能，此功能模塊分為添加文章和文章游覽兩局

41、部，如圖6-3所示。圖63：文章管理圖添加文章界面中有很清晰的編輯視圖，其中包含眾多文字編輯功能，可以讓用戶添加出美觀、個性、格式標(biāo)準(zhǔn)的文章，文章在編輯完畢后只需要點(diǎn)擊添加按鈕，就可以把新編輯的文章登到前臺。 實現(xiàn)此功能主要代碼如下： /通過調(diào)用Mycheck函數(shù)判斷提交的數(shù)據(jù)是否復(fù)合要求 游覽文章界面中可以很清晰的看到文章列表，用戶可以點(diǎn)擊每篇文章進(jìn)行詳細(xì)管理可以對其進(jìn)行修改、評論、刪除 還實現(xiàn)了查詢功能。圖64：文章列表圖實現(xiàn)此功能主要代碼如下：form name=form2 method=post action=input name=類別名稱 type=text id=類別名稱 valu

42、e= class=textboxinput name=id type=hidden id=id value= 相冊管理模塊相冊管理模塊的主要功能包括對相冊的分類管理以及上傳、瀏覽和刪除照片。如圖6-5所示.圖 65： 相冊上傳圖以下是完成圖片上傳的關(guān)鍵代碼。/實現(xiàn)圖片添加功能 實現(xiàn)相冊修改刪除管理主要代碼如下 該模塊主要包含了對各相冊的修改和刪除的兩大管理功能 如圖6-6所示。form name=form2 method=post action=input name=類別名稱 type=text id=類別名稱 value= class=textbox/讀取相冊分類名稱input name=i

43、d type=hidden id=id value=/執(zhí)行類別名修改 圖66： 相冊管理圖 管理員資料修改管理模塊用戶管理模塊主要包括添加用戶，刪除用戶兩個局部：想要成為本系統(tǒng)用戶，需要通過管理員幫助注冊方可，管理員輸入用戶名稱和密碼，確認(rèn)密碼后點(diǎn)擊“添加。添加用戶界面如圖6-7所示。圖67： 添加用戶界面實現(xiàn)往系統(tǒng)里添加用戶的主要代碼如下：input name=txt_name2 value= type=text class=textbox id=txt_name22 size=18 maxlength=50/獲取用戶名并在文本欄中將其顯示input name=txt_passwd2 val

44、ue= type=text class=textbox id=txt_passwd2 size=18 maxlength=50/ 獲取用密碼并在文本欄中將其顯示input name=id type=hidden id=id value= /執(zhí)行用戶賬戶修改功能第7章 系統(tǒng)總體評測7.1 系統(tǒng)調(diào)試1、關(guān)于網(wǎng)站的有關(guān)術(shù)語與知識Web效勞器：存儲和管理供應(yīng)全球各地用戶瀏覽網(wǎng)頁的效勞器，軟件支持如：運(yùn)行在windows 2000 sever系統(tǒng)上的IIS，運(yùn)行在unix系統(tǒng)上的apache等 ；客戶端瀏覽器：通過在地址欄中輸入Web效勞器地址從而訪問Web效勞器的軟件；目前主要是Internet Ex

45、plorerIE和Netscape；HTML：超級文本標(biāo)記語言Hypertext Mark-up Language標(biāo)準(zhǔn)的文本文件，不是編程語言，而是一種描述性的標(biāo)記語言；如：font face=宋體 size=4 color=#FF0000”學(xué)院；HTTP：Hypertext Transfers Protocol超級文本超級鏈接的傳輸協(xié)議，是TCP/IP協(xié)議的一局部；這個協(xié)議管理Web瀏覽器如何向Web效勞器請求文件，以及效勞器如何將文件發(fā)送回來。FTP：File Transfers Protocol文件傳輸協(xié)議，在互聯(lián)網(wǎng)上上傳或下載文件的協(xié)議；通常需要輸入IP地址、用戶名、密碼等；IIS：I

46、nternet Information SystemInternet信息效勞器，用于配置和管理WEB站點(diǎn)的軟件；能響應(yīng)客戶端用戶的請求從而下載網(wǎng)頁到客戶端；域名：是替代枯燥乏味的IP地址的一種分層次的表示方式；如： yahoo 2、ASP的執(zhí)行方式原理 靜態(tài)網(wǎng)頁：在客戶端瀏覽地址欄目中鍵入某個網(wǎng)址，它會向Web效勞器發(fā)送一個HTTP請求消息包含消息頭和消息體；HTTP請求的第一行如下所示：Web效勞器接收請求，處理請求，并發(fā)出響應(yīng)。HTTP響應(yīng)的第一行如下所示：HTTP/1.1 200 OK 狀態(tài)碼為“200”意味著成功，之后還有一些頭信息用于指定當(dāng)前的時間、效勞器的類型、數(shù)據(jù)的類型，其后是所請求的數(shù)據(jù)。7.2 系統(tǒng)測試系統(tǒng)測試是管理信息系統(tǒng)開發(fā)周期中一個十分重要而漫長的階段。其重要性表達(dá)在它是保證系統(tǒng)質(zhì)量與可靠性的最后關(guān)口，是對整個系統(tǒng)開發(fā)過程包括系統(tǒng)分析、系統(tǒng)設(shè)計和系統(tǒng)實現(xiàn)的最終審查。在開發(fā)工程系統(tǒng)中，進(jìn)行系統(tǒng)測試時所遵循的根本原那么是：設(shè)計測試方案時，不僅包括確定的輸入數(shù)據(jù)，還包括從系統(tǒng)功能出發(fā)預(yù)期的測試結(jié)果，從而防止將一些似是而非的結(jié)果當(dāng)成正確結(jié)果。測試用例不僅要包括合理、有效的輸入數(shù)據(jù)，還要包括無效的不合理的輸入數(shù)據(jù)。系統(tǒng)測試問題：1.后臺登錄中實現(xiàn)驗證碼功能大小區(qū)分問題，不能忽略大小寫