【正文】 己投資購買服務(wù)器，硬件防火墻等，每年只需支付幾百元的空間和域名的費用，開發(fā)經(jīng)費沒有問題。 綜上所述，開發(fā)該音樂網(wǎng)站在技術(shù)上、經(jīng)濟上、管理上都是可行的。 3 章 網(wǎng)站的總體結(jié)構(gòu)設(shè)計 網(wǎng)站功能模塊結(jié)構(gòu)的設(shè)計 數(shù)據(jù)流圖能夠很好的反映系統(tǒng)和模塊的邏輯功能，但不涉及具體模塊的物理構(gòu)成和實現(xiàn)途徑，不能有效地體現(xiàn)整個系統(tǒng)的層次關(guān)系。 按照結(jié)構(gòu)化的系統(tǒng)設(shè)計方案，由系統(tǒng)頂層數(shù)據(jù) 流圖得到第一層流程圖。（如圖 32 所示） 圖 31音樂星空網(wǎng)第二層圖 在第二層圖的基礎(chǔ)上還可以繼續(xù)對系統(tǒng)功能進行分解，從而得到第三層圖。第三層就不再畫出。根據(jù)前面的數(shù)據(jù)字典的描述，新系統(tǒng)的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)如下： ● 咨訊信息：信息編號，主題，內(nèi)容，日期，點擊次數(shù)，價格。 ● 郵購信息：郵購編號，專輯名稱，專輯人，內(nèi)容，市場價格，郵購價格，推出時間，點擊次數(shù)。 ● 論壇用戶表：用戶名，密碼，電子郵件，性別， ，來自地區(qū)，發(fā)貼數(shù)量，注冊時間，最后一次登錄時間，主頁地址，頭像。 2． 表 news：最新咨訊信息表：用來存放音樂明星最新咨訊。 4． 表 ly：留言表：用來存放本站注冊用戶所有的帖子信息。 6． 表 research：在線調(diào)查表：用來存放本站在線調(diào)查的投票結(jié)果。 以上是本系統(tǒng)的庫表結(jié)構(gòu)的簡要說明。 1．表名： user_table 說明：論壇用戶信息表 字段名 字 段類型 字段長度 說明 Id 自動編號 長整型 編號 Username 文本型 50 注冊姓名 P asswd 文本型 50 登錄密碼 Email 文本型 50 電子郵箱 Sex 文本型 8 性別 Qq 文本型 50 Qq 號 Come_from 文本型 50 來自地方 Fb_num 文本型 50 發(fā)布帖子數(shù)量 Register_date 文本型 50 注冊時間 Lastlogindate 文本型 50 最后登錄時間 url 文本型 50 主頁地址 Face 文本型 50 頭像 17 2．表名： news 說明：所有咨訊信息表： 字段名 字段類型 字段寬度 說明 Id 自動編號 長整型 編號 Title 文本型 50 咨訊主題 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)站的標題、主菜單和主色塊。 基于以主理論，結(jié)合用人調(diào)查結(jié)果，本網(wǎng)站確定藍色作為標準色彩，其它色彩如紅色、灰色等作點綴。這樣做層次清楚，條理分明，便于用戶使用。一級網(wǎng)頁和二級網(wǎng)頁間是樹狀鏈接，二級網(wǎng)頁一般新開窗口，在二級網(wǎng)頁上提供上一頁、下一頁、最前頁、最后頁等導(dǎo)航按鈕，方便瀏覽查詢。 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)的全過程。下面針對這三個操作平臺上建立 Asp運行環(huán)境的一些簡要介紹。在 windows 2021 ,可以采用 Microsoft 的 PWS(Personal Web Server)作為 Asp 運行環(huán)境 。 具有新穎的外觀和許多新增加的功能，初學(xué)者無需具備專業(yè)的網(wǎng)絡(luò)管理知識就可以輕松建立一個全功能的 Web 站點。使用 windows NT具有明顯的優(yōu)勢。運行在 23 windows NT 以上的 IIS 其最版本是 。 ● 在 window xp 上建立 Asp的運行環(huán)境 在 windows xp 上運行 Asp 的環(huán)境也是 IIS。如果使用的是 windows xp 中文專業(yè)版，則需要使用控制面板“ 添加 /刪除程序 ” 來安裝 IIS 及其組件。這些版面設(shè)計規(guī)劃如圖所示： 在網(wǎng)頁的最上面是本站的 log 圖片－音樂情緣。右邊設(shè)計的是最新咨訊 ，專輯郵購，歌曲試聽，推薦明星等欄目，在每個欄目中顯示本欄目中最新的幾條信息。 包含文件 的實現(xiàn)和調(diào)用 為了顯示最新咨訊，首先首頁需要同數(shù)據(jù)庫建立連接。 DBQ= amp。 首頁中包含： !include file=inc/ 包含文件 的實現(xiàn)和調(diào)用 在首頁中當調(diào)用了該包含文件后，就連接 并打開了數(shù)據(jù)庫，接著在首頁設(shè)計的最新咨訊欄目的位置，建立一個記錄集，然后利用循環(huán)語句顯示最新咨訊表中的最新記錄。lineheight:15pta href=view new ?id=%=rs(id)% target=_blank%=rs(title)%/a/span /td/tr % next % /table 首頁中其它欄目的顯示和這類似，這里就不再一一列舉。結(jié)果按鈕的 onclick 屬性是打開 頁面，不過附帶有一個參數(shù) stype=view，在 頁面執(zhí)行的過程中，首先需要判斷參數(shù)是否為空，當參數(shù)為空表示投票，參數(shù)不為空表示查看投票。最后 顯示最新的投票結(jié)果。 左邊設(shè)計的是音樂試聽排行榜，按照試聽次數(shù)排行，右邊是所有的音樂信息，該頁利用分頁技術(shù)實現(xiàn)音樂的分頁顯示。 調(diào)用語句如下： !include file= 圖 45 排行頁面 總量排行的實現(xiàn)原理和算法如下 ： 建立記錄集 rs 建立查詢變量 sql 記錄集打開查詢變量 Y= = y15 29 圖 46 排行 算法示意圖 根據(jù)該算法流程圖，首先建立記錄集，并用記錄集打開 kq 表中前面 15 條記錄，接著，定義變量 y= 。接著，判斷當 I 小于 y 時， I 加 1，顯示第 I 條記錄，接著再判斷 I 是否大于 y，當大于 y 時， 關(guān)閉記錄集，結(jié)束。 在 頁面中首先將該歌曲表中的 click 字段加 1。 實現(xiàn)該網(wǎng)頁功能算法流程圖如下： I y I=I+1 顯示第 I 條記錄 結(jié)束 關(guān)閉記錄集 Y=15 歌曲表中該歌曲試聽次數(shù)加 1 查詢該歌曲的存放地址變量 開始 30 圖 47 算法示意圖 后臺管理 的實現(xiàn) 后臺管理登錄 的實現(xiàn) 該頁面實現(xiàn)用戶輸入用戶名和密碼后，程序?qū)⒆詣舆M行校驗，合法用戶進入管理頁面，不合法的用戶將被警告不能進入。 賦 url值為地址變量 調(diào)用媒體播放器 媒體播放器播放文件名為 url 結(jié)束 獲得提交的用戶名和密碼 用戶名為空 程序結(jié)束 31 圖 48 導(dǎo)向管理首頁示意圖 后臺管理首頁 的實現(xiàn) 在后臺可以管理最新咨訊，歌曲，郵購，論壇帖子等，管理的界面如下： 圖 49 后臺管理頁面 以最新咨訊管理為例，來介紹系統(tǒng)是如何實現(xiàn)后臺管理： 在該頁右邊顯示出的是所有咨訊列表，每 頁顯示 10 條記錄，超過的分頁顯示。 在 admin 表中查詢用戶名 記錄集非空 獲得 session 變量 進入管理頁面 警告錯誤用戶名密碼 32 后臺添加咨訊 的實現(xiàn) 通過點擊 的頁面最下面的添加文字鏈接可以打開該頁面，該頁面提供管理員輸入咨訊題目和內(nèi)容的輸入框，輸入完畢后點擊添加即可完成新聞咨訊的添加。另外，在實現(xiàn)記錄集更新之前，在添加時記錄集需要增加一條記錄，而修改時不需要。 論壇首頁 的實現(xiàn) 本站根據(jù)設(shè) 計和規(guī)劃，需要設(shè)計一個蘭花論壇，而論壇需要實現(xiàn)和用戶的交互，所以用 htm網(wǎng)頁已經(jīng)無法完成該功能。相應(yīng)的論壇首頁保存的文件名為 。 下面是在 Dreamweaver UltraDev 4 設(shè)計的首頁布局結(jié)果： 圖 412 首頁布局示意圖 記錄集關(guān)閉 程序結(jié)束 34 整個網(wǎng)頁設(shè)計的布局結(jié)果有 8 個布局表格。第二個表格提供論壇導(dǎo) 航鏈接。以下表格用于顯示論壇主題和發(fā)貼人，閱讀次數(shù)，回復(fù)情況等。在設(shè)計好的布局頁面中添加以下的源代碼： % dim username username=(username) % %if username= then %游客 % else %%=username%%end if%，歡迎 你來到蘭花論壇！ % 以上 asp 源代碼首先從瀏覽器中獲得 cookie 變量，接著判斷 變量 username 是否為空，如果為空，則表明是游客身份登錄，否則提示用戶名字樣。所以需要在主頁中添加連接數(shù)據(jù)庫的 asp 源代碼： % Set conn = () Driver={Microsoft Access Driver (*.mdb)}。 () % 主頁中 顯示的記錄設(shè)定為 8 個，超出 8 個就需要分頁顯示。 下面是每頁顯示 8 個主題的源代碼語句： =8 詳細的分頁顯示技術(shù)在后面介紹。下面介紹實 35 現(xiàn)顯示這些信息的技術(shù)和方法。 Rt 為 0 表示是主題， rt為其它整數(shù)表示是回復(fù) id 為該整數(shù)的帖子。實現(xiàn)的語句： sql=select * from ly where rt=amp。 order by id desc sql,conn,3,3 為你獲得該主題被閱讀的次數(shù)只需要利用記錄集中的 yd 值即可知道。選擇按照不同的關(guān)鍵字搜索時傳遞的搜索系數(shù)不一樣。%amp。%39。%amp。%39。%amp。%39。 其中 頁面用于提交用戶注冊信息，提交時利用包含文件 檢查提高的信息是否齊全。提交的信息包括：用戶名，密碼，性別，電子郵件地址等。提交時檢查用戶名，密碼，郵件地址是否填寫。 完成新用戶的注冊是由 頁面完