【正文】 址，回復(fù)的主題，所選擇圖片的路徑，回復(fù)主題的日期和時間，回復(fù)的詳細(xì)內(nèi)容，主題編號（與發(fā)表主題表中的相同）。 ? 登錄頁面 訪問者只有輸入了自己的用戶名和密碼，該頁面才能跳轉(zhuǎn)到論壇的主頁面。登錄頁面由兩個文本框用于輸入用戶名和密碼；登錄，全部重寫，退出按鈕及一個注冊超鏈接組成。如果用戶名或者密碼為空，則出現(xiàn)提示框告知“用戶名或者密碼不 能為空，請重新輸入！”，若用戶民和密碼與數(shù)據(jù)庫中的不一致，則出現(xiàn)提示框告知“您輸入的用戶民或密碼有誤，請重新輸入！”；若成功登錄，頁面會直接跳轉(zhuǎn)到論壇主頁面；若訪問者沒有注冊過用戶名和密碼，點擊注冊，將自動鏈接到注冊用戶信息的頁面。該頁面包括用戶名，密碼，確認(rèn)密碼三個文本框和提交，全部重寫，退出三個按鈕。該界面與登錄界面不同的是，如果您的用戶名已經(jīng)注冊過將會出現(xiàn)提示框“您的用戶名已經(jīng)存在，請重新輸入 !”，如果第一次輸入的密碼與確認(rèn)密碼不同，將會出現(xiàn)提示框“您輸入的密碼不一致，請重新輸入！”順利注冊，會出現(xiàn)注 冊成功頁面，該頁面可以鏈接到登錄頁面。 ? 論壇主頁面 進(jìn)入該頁面，在右上角會看到例如：木木，上午好！歡迎進(jìn)入 動物之家 論壇！該頁主要是用來實現(xiàn)查看討論主題功能。它以分頁的形式顯示當(dāng)前已有的討論主題，每頁顯示五個主題，每個主題以超鏈接的形式顯示，可以通過單擊某個主題來查看詳細(xì)的討論內(nèi)容并發(fā)表意見，也可以通過單擊頁面下部的超鏈接在不同的分頁之間跳轉(zhuǎn)。如果在發(fā)表主題表中不包含任何記錄，則顯示“當(dāng)前沒有討論主題！”，此時可以通過單擊“發(fā)表新帖”鏈接進(jìn)入到發(fā)起主題的頁面。同時使用應(yīng)用程序事件，會話事件以及 ，在頁面上顯示目前在線的人數(shù)。利用 window 對象的有關(guān)方法實現(xiàn)在狀態(tài)欄顯示滾動文本“歡迎進(jìn)入 動物之家 論壇！” 4 ? 發(fā)表主題頁面 在發(fā)表主題頁面時用到了表單。在發(fā)起討論主題中訪問者可以在這里輸入作者，主題，頭像選擇，內(nèi)容。點擊提交按鈕，相應(yīng)的信息就會交給保存主題處理。 ? 保存主題頁面 該頁面的主要任務(wù)是，先檢查作者，主題和內(nèi)容的值，如果其中有任何一個為空字符串，則重新定向到發(fā)起討論主題頁面。如果這些字符都不是字符串，則鏈接到數(shù)據(jù)庫，并將該討論主題及其相關(guān)的信息保存到對應(yīng)的表中。保存數(shù)據(jù)后，可以單擊返 回論壇首頁，也可以直接單擊關(guān)閉窗口按鈕。其中訪問者的 IP地址是通過讀取服務(wù)器環(huán)境變量 REMOTE_ADDR獲得的。發(fā)表主題的時間 日期也是讀取了當(dāng)前系統(tǒng)的日期時間。 ? 回復(fù)主題 為了便于訪問者參加針對某個主題的討論，主題列表中均以超鏈接的形式，只要單擊某個主題，即可查看關(guān)于該主題的討論內(nèi)容，包括原創(chuàng)帖子和回復(fù)帖子，此時可以根據(jù)該主題發(fā)表自己的意見，在下方的表單中輸入作者，主題，頭像，內(nèi)容的相應(yīng)信息，然后單擊提交即可。 若該主題沒有回復(fù)帖子，將會在原創(chuàng)帖子下面顯示“當(dāng)前沒有回復(fù)！”當(dāng)然訪問者也可以在該頁面單擊超鏈 接發(fā)表新帖或者返回首頁。 ? 保存主題 該頁面功能同保存主題頁面。其中數(shù)據(jù)處理的內(nèi)容包括兩個部分：第一部分是能夠更新發(fā)表主題表的回復(fù)次數(shù)字段，使它當(dāng)前主題的瀏覽次數(shù)上加 1。第二部分是能夠?qū)⑺谢貜?fù)信息，例如姓名， IP地址，回復(fù)的主題，內(nèi)容等，將它們保存到數(shù)據(jù)庫相應(yīng)的表中。另外，我還設(shè)計了一個返回主頁面的超鏈接，可以方便訪問者訪問。 動物之家網(wǎng)站設(shè)計過程 一、頁面和框架 讓 瀏覽者 有理由逗留 ，就 要把 網(wǎng)頁 作得趣味盎然，引人入勝 。瀏覽者 第一次進(jìn)入你的主頁時，他們通常不是在尋找值得閱讀的地方，他們可能正在尋找可供 選擇的東西，以超文本術(shù)語說即是可用鼠標(biāo)點取的詞句、圖像、按鈕等等，接下來是閱讀文字，選定一個可選項，按鼠標(biāo)鍵，下頁出現(xiàn)后又重復(fù)此過程。 提供的可選項要是太少，訪問者會覺得沒意思 。所以我運用了各式各樣的超鏈接。因為 超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。 整個頁面的排版都是由表格來固定的， 表格邊框設(shè)為零 ，顯得整齊劃一，干凈清楚。 網(wǎng)頁的內(nèi)容通常是由文字和圖片組成，由文字構(gòu)成網(wǎng)頁的主體，而 圖片則能夠美化和增色你的網(wǎng)頁 ，所以，我對圖片下了很多的功夫。 用 Photoshop 處理 圖片， 使其 與 主題相 一致 。 5 左上角 的標(biāo)題是用 Photoshop 制作的 特效文字 圖片， 顯眼奪目，為整張網(wǎng)頁增添了不少生氣。小標(biāo)題采用 加粗加大的 黑 色字 ，這樣制作 不僅 豐富了頁面內(nèi)容， 而且 使整 張網(wǎng)頁 條理清晰 ，一目了然 。 6 ? CSS 運用 CSS（層疊樣式表）是在網(wǎng)頁制作中普遍要用到的技術(shù)，采用 CSS的頁面，設(shè)計者會更加輕松，有效的對頁面的整體布局，顏色，字體，鏈接，背景以及同一頁面的不同部分，不同頁面的外觀和格式等效果實現(xiàn)更加精確的控制。下面我就對文字應(yīng)用 CSS 樣式進(jìn)行介紹： 1. 在“ CSS 樣式”面板中單擊“新建 CSS 規(guī)則”按鈕，打開“新建 CSS規(guī)則”對話框。 2. 在對話框中將“選擇器類型”設(shè)置為“類 ” ，名稱定義為“ .title”，在“定義在” 選項區(qū)中選擇“僅對該文檔”選項，單擊“確定”按鈕 3. 設(shè)置字體，大小，顏色，行高，粗體等選項，單擊確定。 4. 選中文字，然后單擊“屬性”面板的“樣式”下拉列表中的“ title”選項，這樣樣式就應(yīng)用到文字里了。 ? 模板運用 1. 選擇“文件〉新建”命令，彈出“新建文檔”對話框，選擇“常規(guī)”選項卡中“基本頁”類別中的“庫項目”選項。 2. 單擊“創(chuàng)建”按鈕，創(chuàng)建一個空白網(wǎng)頁。 3. 選擇“修改〉頁面屬性”命令，彈出“頁面屬性”對話框。 4. 在對話框中，選擇“分類 ”列表框中的“外觀”選項，設(shè)置背景顏色。 5. 用表格排版網(wǎng)頁，然后將光標(biāo)置于需要編輯的區(qū)域，選擇“插入〉模板對象〉可編輯區(qū)域”命令，然后一直確定即可。將模板另存為即可 6. 當(dāng)需要修改時，直接修改模板，關(guān)閉時會問你是否更新，選是，所有利用模板做的頁面就會自動更新，大大提高了建站的效率。 ? 留言板表單使用 表單主要用于信息調(diào)查，收集統(tǒng)計數(shù)據(jù)等方面。在電子商務(wù)流行的今天，表單的作用更是不容忽視的。用戶可以利用表單來輕松完成各種數(shù)據(jù)的收集。表單主要包括文本域，按鈕，復(fù)選框和單選按鈕以及插入列表和菜單等。例如，我制作的這個論壇 ，用戶在線填寫的一些信息提交后，該反饋信息內(nèi)容即可通過服務(wù)器反饋給管理者。 二、 數(shù)據(jù)庫設(shè)計（ ER圖 范式以及原因 主健和外健 數(shù)據(jù)源） ER圖如下所示： 7 Users( username, password, repassword ) 因為數(shù)據(jù)庫表中不包含已在其它表中已包含的非主關(guān)鍵字信息，屬性不依賴于其它非主屬性，它消除了部分函數(shù)依賴和傳遞依賴，所以 users 用戶表滿足第三范式 ，其中主鍵為 username。 Articles(art_id, author, ip_addr, theme, pic_ path , content , issue_time , view_times , reply_times) 因為表中不包含已在其他表中已包含的非主關(guān)鍵字信息且數(shù)據(jù)無冗余，所以 articles 主題表滿足第三范式 ，其中主鍵為 art_id。 Replies(re_id , author , ip_addr , theme , pic_path , content , reply_time , art_id) 因為表中不包含已在其他表中已包含的非主關(guān)鍵字信息且數(shù)據(jù)無冗余，所以 replies 回復(fù)表滿足第三 范式 ，其中主鍵為 re_id 和 art_id。 8 Users 用戶表設(shè)計如下： Articles 發(fā)表主題表設(shè)計如下： Replies 回復(fù)主題表設(shè)計如下： Users 用戶表結(jié)構(gòu)如下： Articles 發(fā)表主題表結(jié)構(gòu)如下： 9 Replies 回復(fù)主題表結(jié)構(gòu)如下： 三、關(guān)鍵技術(shù)實現(xiàn) ? 后臺服務(wù)器配置 本 論壇服務(wù)器配置使用了 Microsoft 的 作為系統(tǒng)服務(wù)器。添加 服務(wù)器 過程非常簡單， 打開“控制面板 〉 添加 /刪除程序”選項，選擇“添加 /刪除 windows 組件”，選中彈出對話框中的“ Inter 信息服務(wù) (IIS)選項”（ 如圖所示 ） ，按照系統(tǒng)提示進(jìn)行安裝即可。 ? 數(shù)據(jù)庫連接代碼 % dim ,rs,sql set =() set rs=() =Provider=。Persist Security Info=False。User ID=sa。Initial Catalog=luntan。Data Source=(local) % 10 ? 論壇登錄 % dim username,password username=trim((txtusername)) password=trim((txtpassword)) if username= or password= then % script language=vbscript 用戶名或密碼不能為空！ /script % end if % % sql=select * from users where username=39。 amp。 username amp。 39。 and password=39。 amp。 11 password amp。 39。 set rs=(sql, ,adcmdtext) if then % script language=vbscript 此 用戶名與密碼不匹配，請重新輸入！ /script % end if % ? 用戶注冊 % () end if 12 if pwd repwd then % script language=vbscript 您輸入的兩次密碼不一致，請重新輸入！ /script % () end if % % sql=select * from users where username=39。amp。usernameamp。39。 set rst=(sql, ,adcmdtext) if not then % script language=vbscript 此用戶名已經(jīng)有人使用，請更換用戶名 ! /script % () % % else asql=insert users(username,password,repassword)values asql=asql amp。 (39。 amp。 username amp。 39。,39。 amp。 pwd amp。 39。,39。 amp。 repwd amp。 39。) set rst=(asql, ,adcmdtext) % ? 查看討論主題 13 ? 時間日期顯示代碼 今天是 % =year(date) %年 % =month(date) %月 % =day(date) %日 % =wd(date) % ,% =time() % ? 分頁 顯示代碼 當(dāng)前主題數(shù) % = % 每頁 % = %個主題 當(dāng)前頁次 % =currentpage %/% = % 頁 % for i=1 to if i=cint(currentpage) then % [font color=red% =i %/font] 14 % else % [a href=?currentpage=% =i %% =i %/a] % end if next % ? 關(guān)閉窗口代碼 script language=vbscript sub end_onclick() end sub /script ? 在線人數(shù)代碼 目前在線人數(shù) font color=red% = application(onlinn_num)%/font人 ? 狀態(tài)欄滾動字幕顯示 script language=vbscript msg=歡迎進(jìn)入動物之家論壇！ interval=300 seq=0 sub scroll() str_len=len(msg) =left(msg,seq+1) seq=seq+1 if seq=str_len + 1 then seq=0 = 15 scroll,interval else scroll,interval end if end sub scroll /script ? 查看主題內(nèi)容代碼 % set rst=(articles, ,adcmdtable) if then pb當(dāng)前沒有任何主題！ /p/b end if =adopenstatic =5 ssql=select * from articles order by issue_time desc ssql,n =c