動態(tài)網(wǎng)站建設(shè).doc

目錄一 目的及意義1二 內(nèi)容與要求1三 結(jié)構(gòu)設(shè)計21 結(jié)構(gòu)設(shè)計22 數(shù)據(jù)庫設(shè)計：3四 詳細(xì)設(shè)計31 普通用戶32 管理用戶9五 運(yùn)行及調(diào)試15六 心得體會16七 參考文獻(xiàn)16一 目的及意義 隨著各種類型的網(wǎng)站的出現(xiàn)，大部分上網(wǎng)的人都喜歡上網(wǎng)玩游戲，看電影。讀書的時間越來越少，本次設(shè)計目的是設(shè)計一個瀏覽各種形式文章的小型網(wǎng)站，能動態(tài)的將文章內(nèi)容更新。使用戶隨時瀏覽。一般的html頁實現(xiàn)修改都需要將網(wǎng)站下載修改成功后再將網(wǎng)站上傳到服務(wù)器中。但是這樣會給修改過程帶來很多不便，過于麻煩。設(shè)計本網(wǎng)站的目的是能夠直接更改服務(wù)器中的內(nèi)容。隨時更新網(wǎng)站中的文章。自由刪除陳舊的文章，減少垃圾文件的產(chǎn)生。登陸后臺管理時，有一定的安全性。二 內(nèi)容與要求首頁：展示一些讀書的格言文章列表：可以用多個菜單選擇不同類型的文章，例如現(xiàn)代文、唐詩、宋詞等等。每個頁面都列出相關(guān)文章標(biāo)題。使得用戶通過單擊文章標(biāo)題進(jìn)入閱讀。文章閱讀：用戶進(jìn)入頁面之后，顯示與剛才點(diǎn)擊的標(biāo)題相關(guān)的內(nèi)容。包括文章標(biāo)題、作者以及文章內(nèi)容。后臺管理驗證：想添加新文章或是刪除新文章必須先通過用戶名和密碼驗證，然后才能進(jìn)入后臺管理系統(tǒng)。本站為實驗用，所以只有一個簡單的用戶，并不完善。但是功能大致相似?？梢栽O(shè)置更高一級的管理，添加多個管理文章的用戶，或是直接將后臺管理的功能分離出來，允許每一個瀏覽文章的人文章管理：通過驗證后，可以對文章進(jìn)行添加和修改。三 結(jié)構(gòu)設(shè)計 1 結(jié)構(gòu)設(shè)計網(wǎng)站基本結(jié)構(gòu)如下：讀書網(wǎng)站首 頁現(xiàn)代文詩詞后臺管理根據(jù)需求分析，在功能上，將用戶分為兩種，一種是普通用戶，普通用戶無法進(jìn)入后臺管理網(wǎng)站中的文章。只能進(jìn)入網(wǎng)頁閱讀文章。另一種是管理員用戶，可以通過用戶名和密碼驗證之后進(jìn)入后臺管理，然后對數(shù)據(jù)庫中的文章進(jìn)行刪除，或者是增加新的文章。2 數(shù)據(jù)庫設(shè)計： 數(shù)據(jù)庫設(shè)計主要有兩個數(shù)據(jù)表，一個用來存放現(xiàn)代文，另一個用來存放詩詞，表的字段內(nèi)容分別為B_id，B_title，B_author，B_content，用來存儲文章的編號，標(biāo)題，作者名字和文章的內(nèi)容。為了方便數(shù)據(jù)的訪問，分別將兩個數(shù)據(jù)庫的名字設(shè)置為數(shù)字1和2。四 詳細(xì)設(shè)計 1 普通用戶首先是首頁，首頁主要組成部分是上面的菜單，以及下面的一張圖片和一些哲理性的文字。下面是一些具體的文件以及它們各自的功能：xdwx.asp： 該文件的主要作用是將數(shù)據(jù)庫表1中的文章分條取出。設(shè)計一個表作為主頁并插入一張背景圖片，只顯示每表中的水平線。將每一條記錄的標(biāo)題顯示在主頁上，并且每兩個標(biāo)題之間用虛線隔開。將文章對應(yīng)的作者的名字顯示在后面。當(dāng)文章過多需要分頁顯示的時候，下面的下一頁將變?yōu)榭蛇x狀態(tài)。每個文章都有自己的相關(guān)信息，當(dāng)選中某個文章標(biāo)題的時候，文章會自動將自己處于哪個數(shù)據(jù)庫、以及自身編號傳遞到另一個網(wǎng)頁中。以實現(xiàn)文章的自由讀取。大體效果如下圖：詳細(xì)代碼如下： 編號 題目 作者 %dim sqldim rs 實例dim totalPut 總記錄數(shù)dim CurrentPage 當(dāng)前頁dim TotalPages 總頁數(shù)dim i,jMaxPerPage=7 每頁7條記錄 rs.open select * from 1,cn,3,1rs.MoveFirst 到第一條記錄rs.pagesize=MaxPerPage 定義每頁記錄數(shù)If trim(Request(Page) thenCurrentPage= CLng(request(Page)If CurrentPage rs.PageCount thenCurrentPage = rs.PageCountEnd IfElseCurrentPage= 1End IftotalPut=rs.recordcount totalput=總記錄數(shù)if CurrentPage1 thenif (currentPage-1)*MaxPerPage % i=1do while not rs.eof and i=maxperpageResponse.Write response.write &(CurrentPage-1)*maxperpage+i& % a href=new.asp?ku=1&id= %response.write response.write & rs(B_author) & Response.Write i=i+1if iMaxPerPage then exit dors.movenextloop%              %-頁面跳轉(zhuǎn)dim n,kif (totalPut mod MaxPerPage)=0 then n表示總頁數(shù)n= totalPut MaxPerPageelsen= totalPut MaxPerPage + 1end ifk=currentPageif k1 thenresponse.write +首頁 response.write 上一頁 elseResponse.Write 首頁 上一頁end ifif kn thenresponse.write +下一頁 response.write +尾頁 elseResponse.Write 下一頁 尾頁end if-頁面跳轉(zhuǎn)rs.closeset rs=nothingcn.closeset conn=nothing% 另外還有一個scgf.asp 文件和此文件內(nèi)容相似。區(qū)別是兩個文件中選取的數(shù)據(jù)表不同。傳遞的參數(shù)也不相同。new.asp:此文件的主要作用就是接受前面參數(shù)的傳遞，并且將文章從數(shù)據(jù)庫里原樣輸出。代碼如下。 文件引用% function changechr(str) changechr=replace(replace(replace(replace(str,>),chr(13),), , ) end function ku=request.QueryString(ku) id=request.QueryString(id) rs.open select * from &ku& where B_id=&id,cn% 作者： 效果如圖：2 管理用戶 管理用戶主要是修該數(shù)據(jù)表中的內(nèi)容。首先是登陸界面。 效果圖如下：Login.asp !-function checkdata() if( form1.username.value.length18 ) alert(請輸入正確的用戶名 !)return false;if( form1.password.value.length16 ) alert(請您輸入正確的登錄密碼 !)return false;/ - 進(jìn)入管理界面 用戶名： 密  碼： Chklogin.asp 文件主要是檢查輸入的用戶名和密碼是否全為admin（默認(rèn)密碼）founderr=falseFoundUser=falseusername=request.form(username)password=request.Form(password)if username= then response.redirect login.aspend ifif password= then response.redirect login.aspend if if username=admin and password=admin then response.cookies(guanli)=good response.redirect manage1.asp else % MsgBox 錯誤：驗證失敗，請返回檢查！location.href = javascript:history.back() 登陸成功之后，自動轉(zhuǎn)入manage1.asp頁面。 Manage1.asp 文件 主要作用是提供一個界面，讓用戶選擇要添加新的文章還是刪除已有的文章。主要代碼如下：現(xiàn)在選擇更改的數(shù)據(jù)庫： 現(xiàn)代文學(xué)    轉(zhuǎn)到詩詞歌賦 >> 添加新文章以上主要是傳遞參數(shù)切換要更改的數(shù)據(jù)表。Response.Write response.write &rs(B_id)& % a href=new.asp?ku=1&id= %response.write response.write & rs(B_author) & response.Write(刪除)Response.Write Del.asp 刪除文章。主要代碼如下：Add.asp以及save.asp 添加新文章并保存。主要代碼如下：五 運(yùn)行及調(diào)試 在系統(tǒng)的運(yùn)行過程中，開始的時候，從數(shù)據(jù)表中讀取文章的時候，總是不能按原文章分段顯示等等。然后發(fā)現(xiàn)是因為DW的識別問題，缺乏必要的字符轉(zhuǎn)換。加入了一個char.inc文件之后，每次讀取文章顯示的時候都先通過檢驗，將特殊字符轉(zhuǎn)換為可識別的原樣字符。這樣文章就能夠按照排版時候的樣子輸出了。還有一個問題就是，希望利用數(shù)據(jù)表的pagesize和pagecount等屬性的時候，總是不能分頁顯示。后來上網(wǎng)查找問題的時候發(fā)現(xiàn)原來是一個參數(shù)的設(shè)置問題。其實概要設(shè)計完成之后，就特別需要注意一些細(xì)小的問題?？梢宰屑?xì)查閱參考書，也可以上網(wǎng)查找解決問題的方法?，F(xiàn)在互聯(lián)網(wǎng)很發(fā)達(dá)，很多情況下，犯的錯誤是相同的。六 心得體會 設(shè)計網(wǎng)站要求有足夠的耐心，首先需要一個完整的構(gòu)架。然后根據(jù)結(jié)構(gòu)一點(diǎn)一點(diǎn)完成每一個必要的部分。在詳細(xì)設(shè)計的時候?qū)γ恳粋€部分進(jìn)行必要的修改和完善。應(yīng)該盡量減少不必要的代碼和冗余數(shù)據(jù)。讓整個網(wǎng)站更簡潔美觀。這