【文章內(nèi)容簡介】 Text 文本型 50 內(nèi)容 Idate 日期型 50 發(fā)布時間 Click 數(shù)字型 8 點擊次數(shù) 3． 表： kq 說明：歌曲信息表 字段名 字段類型 字段寬度 說明 Id 自動編號 長整型 編號 Kqmc 文本型 50 收方姓名 Ycz 文本型 50 發(fā)信類別 Address 文本型 50 發(fā)方姓名 Time 文本型 50 標題 Click 文本型 50 信件內(nèi)容 4．表 yougou 說明：專輯郵購表 字段名 字段類型 字段寬度 說明 Id 自動編號 長整型 編號 Zjmc 文本型 50 專輯名稱 Name 文本型 50 姓名 Leirong 文本型 50 內(nèi)容 P rice1 文本型 50 市場價格 P rice2 文本型 50 郵購價格 18 Time 日期型 50 發(fā)布時間 Click 數(shù)字型 50 點擊次數(shù) 5．表： ly 說明：論壇留言表 字段名 類型 寬度 說明 Title 文本 50 主題 Nei 備注 備注 內(nèi)容 T 時間 8 發(fā)貼時間 Rt 文本 1 主題類別 Name 文本 50 發(fā)布（跟貼）人 Pic 文本 50 帖子圖案 Yd 數(shù)字 5 閱讀次數(shù) Ip 文本 50 Ip 地址 Qtt 文本 50 Q 貼圖 6．表： reseach 說明：欄目調(diào)查表 字段名 字段類型 字段寬度 說明 Id 自動編號 長整型 編號 Selecta 數(shù)值型 長整型 A 的票數(shù) Selectb 數(shù)值型 長整型 B 的票數(shù) Selectc 數(shù)值型 長整型 C 的票數(shù) Selectd 數(shù)值型 長整型 D 的票數(shù) Selecte 數(shù)值型 長整型 E 的票數(shù) 19 Selectf 數(shù)值型 長整型 F 的票數(shù) Selectg 數(shù)值型 長整型 G 的票數(shù) Selecth 數(shù)值型 長整型 H 的票數(shù) Selecti 數(shù)值型 長整型 I 的票數(shù) 7．表： admin 說明：管理員帳號表 字段名 字段類型 字段寬度 說明 Id 自動編號 長整型 編號 Admin 文本型 50 帳號 P wd 文本型 50 密碼 網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計構(gòu)思是網(wǎng)頁制作的指南針，針對網(wǎng)頁的主題、命名、標志、色彩搭配和 字體等要素，確定這些要素后，需要網(wǎng)頁布局，網(wǎng)頁布局要遵循對稱平衡、異常平衡、對比、凝視和空白等原則，下面主要針對該系統(tǒng)中網(wǎng)頁色彩和布局進行一些設(shè)計說明： 網(wǎng)頁給人的第一印象來自視覺，確定網(wǎng)站的標準色彩是相當重要的一步，不同色彩搭配會產(chǎn)生不同效果。并可能影響訪問者的情緒。一般來說適合于網(wǎng)頁標準色的顏色的藍色、黃 / 色和黑 /灰 /白色 3大系。一個網(wǎng)站的標準色彩不宜超過3 種，太多會讓人眼花繚亂。標準色彩多用于站標、網(wǎng)站的標題、主菜單和主色塊。給人以整體統(tǒng)一的感覺，其它色彩也可使用，但只能作為點綴和襯托，絕不可喧賓 奪主。 基于以主理論，結(jié)合用人調(diào)查結(jié)果，本網(wǎng)站確定藍色作為標準色彩，其它色彩如紅色、灰色等作點綴。 20 頁面鏈接導航設(shè)計 為了讓用戶通過該網(wǎng)方便瀏覽，查詢各種信息，應(yīng)把在一個頁面上無法全部實現(xiàn)的信息鏈接到它的下一級甚至下下一個級頁面。這樣做層次清楚，條理分明，便于用戶使用。 下面給出本網(wǎng)站主要頁面的鏈接設(shè)計 附：各主要網(wǎng)頁間關(guān)系如下： 一級網(wǎng)頁 二級網(wǎng)頁 最新咨訊 —— [熱點新聞 1，熱點新聞 2? ? ] ｜ 歌曲試聽 —— [歌曲 1，歌曲 2?? ] ｜ 首頁 專輯郵購 —— [郵購信息 1，郵購信息 2?? ] ｜ 推薦明星 —— [明星 1，明星 2?? ] ｜ 論壇 (BBS) 圖 31音樂星空網(wǎng)各網(wǎng)頁關(guān)系圖 21 這里主頁和最新咨訊、歌曲試聽、專輯郵購、推薦明星，論壇等是網(wǎng)狀鏈接。一級網(wǎng)頁和二級網(wǎng)頁間是樹狀鏈接，二級網(wǎng)頁一般新開窗口，在二級網(wǎng)頁上提供上一頁、下一頁、最前頁、最后頁等導航按鈕，方便瀏覽查詢。 22 167。 4 章 音樂星空網(wǎng)的實現(xiàn) 按結(jié)構(gòu)化的程序設(shè)計思想，在完成了系統(tǒng)分析、系統(tǒng)設(shè)計后，就可以進行系統(tǒng)實現(xiàn)階段了，系統(tǒng)實現(xiàn)是每指把系統(tǒng)的物理模型轉(zhuǎn)換成實際運行系統(tǒng)的全過程。其基本任務(wù)是： a) 前期準備 b) 系統(tǒng)平臺的安裝與調(diào)試 c) 程序的編制與調(diào)試 d) 信息系統(tǒng)調(diào)試 e) 數(shù)據(jù)庫與文 件的建立 f) 系統(tǒng)轉(zhuǎn)換 g) 試運行、驗收與維護 建立 Asp 的運行環(huán)境 簽于目前流行的 windows 操作平臺有 windows 202 windows NT 最新 windows xp。下面針對這三個操作平臺上建立 Asp運行環(huán)境的一些簡要介紹。 ● windows 2021建立 Asp 的運行環(huán)境 作為個人用戶或在單機環(huán)境下測試 Asp， windows 2021 將是一個很不錯的選擇。在 windows 2021 ,可以采用 Microsoft 的 PWS(Personal Web Server)作為 Asp 運行環(huán)境 。 PWS 是一個短小精悍的 Web 服務(wù)器平臺，易學易用，并某些人備運行 Asp 所需的所有條件。 具有新穎的外觀和許多新增加的功能，初學者無需具備專業(yè)的網(wǎng)絡(luò)管理知識就可以輕松建立一個全功能的 Web 站點。 ● Windows NT 上建立 Asp 的運行環(huán)境 在 windows NT 上， Asp的運行環(huán)境是基于 IIS ，同windows 2021比較起來。使用 windows NT具有明顯的優(yōu)勢。在 windows NT/IIS這一強大的開發(fā)平臺上可以充分利用 windows NT 更強大的 性能，更完善的安全性能，更完善的安全性并且能與企業(yè)級應(yīng)用程序更完美的結(jié)合。運行在 23 windows NT 以上的 IIS 其最版本是 。它占據(jù)了當今世界看近 40%的Web 服務(wù)器市場。 ● 在 window xp 上建立 Asp的運行環(huán)境 在 windows xp 上運行 Asp 的環(huán)境也是 IIS。如果安裝的是 windows xp Server, 將作為一個默認選項被安裝。如果使用的是 windows xp 中文專業(yè)版，則需要使用控制面板“ 添加 /刪除程序 ” 來安裝 IIS 及其組件。 主頁 頁面的實現(xiàn) 本站根據(jù)總體設(shè)計，設(shè)計的欄目有最新咨訊，歌曲試聽，專輯郵購，明星推薦，論壇等欄目，主頁應(yīng)該提供這些欄目的導航鏈接，同時，在主頁醒目的位置，分別設(shè)計這些欄目的部分內(nèi)容，便于瀏覽著對這些欄目有一個一目了然的大致了解。這些版面設(shè)計規(guī)劃如圖所示： 在網(wǎng)頁的最上面是本站的 log 圖片－音樂情緣。接著是本站的導航條，在導航條上分別提供各自的文字鏈接，在導航條的下面是本頁的主要內(nèi)容，版面設(shè)計為典型的∏，最左邊的版面設(shè)計的分別是論壇的登錄入口，本站提供的在線調(diào)查，另外放置幾張音樂專輯的圖片。右邊設(shè)計的是最新咨訊 ，專輯郵購，歌曲試聽，推薦明星等欄目，在每個欄目中顯示本欄目中最新的幾條信息。 圖 41 首頁 24 下面以最新咨訊來介紹首頁中的如何實現(xiàn)顯示最新幾條咨訊信息。 包含文件 的實現(xiàn)和調(diào)用 為了顯示最新咨訊，首先首頁需要同數(shù)據(jù)庫建立連接。由于每個頁面都可能用到和數(shù)據(jù)庫連接的語句，所以，同數(shù)據(jù)庫的連接語句可單獨建立一個文件 ，該文件放在 inc 目錄下，該文件的語句如下： % Set conn = () Driver={Microsoft Access Driver (*.mdb)}。 DBQ= amp。 () % 該語句的作用是首先利用 asp 的 ado 對象建立一個連接變量，接著利用這個連接變量選擇 access 驅(qū)動程序來打開 數(shù)據(jù)庫。 首頁中包含： !include file=inc/ 包含文件 的實現(xiàn)和調(diào)用 在首頁中當調(diào)用了該包含文件后，就連接 并打開了數(shù)據(jù)庫，接著在首頁設(shè)計的最新咨訊欄目的位置，建立一個記錄集，然后利用循環(huán)語句顯示最新咨訊表中的最新記錄。實現(xiàn)這一過程的語句設(shè)計成一個包 含 文 件 ， 調(diào) 用 的 語 句 是 ： !include file= 下面介紹實現(xiàn) 的算法和語句： 算法如下： 25 圖 42 實現(xiàn) 的算法示意圖 實現(xiàn)這一算法的語句如下： % set rs=(ad ) sql=select top 8 * from new s order by id desc sql,conn,1,1 % table w idth=100% border=0 cellpadding=0 cellspacing=0 % dim k,l l= for k=1 to l % trtd height=20 style=BORDERbottom: 999999 1px dotted IMG border=0 src=images/ span 建立記錄集 rs 建立查詢變量 sql 記錄集打開查詢變量 I 小于記錄集條數(shù) I=I+1 顯示第 I 條記錄 結(jié)束 關(guān)閉記錄集 26 style=fontsize:9pt。lineheight:15pta href=view new ?id=%=rs(id)% target=_blank%=rs(title)%/a/span /td/tr % next % /table 首頁中其它欄目的顯示和這類似，這里就不再一一列舉。 在線調(diào)查 的實現(xiàn)和調(diào)用 在首頁中提供了一個在線調(diào)查欄目，在首頁中相應(yīng)版面設(shè)計的效果如下： 該欄目的最下面有二個按鈕，一個是投票按鈕，一個是查看投票結(jié)果的按鈕，投票按鈕是的 type 屬性是submit， 當瀏覽著點擊該按鈕時將表單內(nèi)的信息提交到 頁面。結(jié)果按鈕的 onclick 屬性是打開 頁面，不過附帶有一個參數(shù) stype=view，在 頁面執(zhí)行的過程中，首先需要判斷參數(shù)是否為空，當參數(shù)為空表示投票，參數(shù)不為空表示查看投票。在為空時，即投票過程中，系統(tǒng)首先判斷請求的遠程 IP地址和 cookie(IP)地址是否相等，如果相等，表示該 地址剛剛有人投票，不能重復(fù)投票，如果不相等，則對相應(yīng)選項的投票結(jié)果加 1，同時建立一個 cookie(IP)變量。最后 顯示最新的投票結(jié)果。 實現(xiàn)這一過程的算法流程圖如下： 圖 43 27 圖 44 算法示意圖 獲得 request(stype) request(stype)為空 請求 IP=cookie(IP) 提醒已經(jīng)投過票 顯示投票結(jié)果 相應(yīng)選項加 1 28 音樂試聽頁面 的實現(xiàn)： 點擊首頁的 ALBUM 文字鏈接，可以進入 頁面。 左邊設(shè)計的是音樂試聽排行榜，按照試聽次數(shù)排行，右邊是所有的音樂信息，該頁利用分頁技術(shù)實現(xiàn)音樂的分頁顯示。 總量排行 的實現(xiàn)和調(diào)用： 在歌曲試聽網(wǎng)頁的左邊調(diào)用該包含文件達到顯示總量排行。 調(diào)用語句如下： !include file= 圖 45 排行頁面 總量排行的實現(xiàn)原理和算法如下 ： 建立記錄集 rs 建立查詢變量 sql 記錄集打開查詢變量 Y= = y15 29 圖 46 排行 算法示意圖 根據(jù)該算法流程圖，首先建立記錄集，并用記錄集打開 kq 表中前面 15 條記錄，接著，