【文章內(nèi)容簡介】 為例，可以對后臺管理功能進一步細化為信息的后臺瀏覽，信息的添加，信息的修改，信息的刪除等子功能。這樣就得到系統(tǒng)的第一層數(shù)據(jù)流程圖，以后臺管理為例下面給出后臺管理的第一層數(shù)據(jù)流程圖。 圖 2－ 6 數(shù)據(jù)流程圖 數(shù)據(jù)字典 上文中的數(shù)據(jù)流圖只能給出系統(tǒng)邏輯功能的一個總框架而缺乏詳細、具體的內(nèi)容。數(shù)據(jù)詞典的作用是給數(shù)據(jù)流圖上的每一個成分以定義和說明。除此之外，數(shù)據(jù)詞典還要對系統(tǒng)分析中其它需要說明的問題進行定義和說明。 本文的數(shù)據(jù)詞典描述的主要內(nèi)容有：數(shù)據(jù)元素、數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)流、數(shù)據(jù)存儲、處理邏輯和外部項。在系統(tǒng)分析的過程中，產(chǎn)生了大量的數(shù)據(jù)詞典。限于篇幅，我采用僅就這幾項條目各舉一例來說明。 下面為音樂網(wǎng)站流程圖中的每一部分編制數(shù)據(jù)字典。 管理員 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 15 （ 1）數(shù)據(jù) 元素：論壇中每個注冊用戶都有用戶帳號這個信息，其描述內(nèi)容如下： 數(shù)據(jù)元素名稱：用戶帳號 類型：字符型 長度： 20 位 相關(guān)的數(shù)據(jù)結(jié)構(gòu)： {用戶帳號 +密碼 +電子郵箱 +性別 +qq+來自地方 +發(fā)貼數(shù)量 +注冊日期 +最后一次登錄時間 +個人主頁 +頭像 } （ 2）數(shù)據(jù)流。數(shù)據(jù)流“注冊信息”條目如下： 數(shù)據(jù)流名稱：注冊信息 說明：用戶注冊時提交的信息 數(shù)據(jù)流來源：注冊用戶 數(shù)據(jù)流去向：后臺數(shù)據(jù)庫 數(shù)據(jù)流組成：｛用戶名＋密碼 +郵箱地址 +…… ｝ 數(shù)據(jù)流的流通量：大約 2021 流量 /天 （３） 數(shù)據(jù)存儲：數(shù)據(jù)存儲“用戶信息”條目如下： 數(shù)據(jù)存儲名稱：用戶信息 簡述：存放的是每個用戶相關(guān)信息情況 輸入數(shù)據(jù)：注冊的用戶信息 數(shù)據(jù)存儲組成： {用戶帳號 +密碼 +電子郵箱 +性別 +qq+來自地方 +發(fā)貼數(shù)量 +注冊日期 +最后一次登錄時間 +個人主頁 +頭像 } 存儲方式：按注冊的先后順序排列 （４）數(shù)據(jù)處理。數(shù)據(jù)處理“分頁跳轉(zhuǎn)”條目如下： 數(shù)據(jù)處理名稱：分頁跳轉(zhuǎn) 數(shù)據(jù)處理編號： 簡要描述：根據(jù)提交的跳轉(zhuǎn)的頁號轉(zhuǎn)向該頁。 輸入數(shù)據(jù)流：頁號 輸出數(shù)據(jù)流：分頁顯示中的該頁的所有記錄。 處理邏輯：根據(jù)用戶輸入頁號在分頁顯示 瀏覽頁面時跳轉(zhuǎn)到該頁。 （５）外部實體。外部實體“管理員”的條目如下： 外部實體名稱：管理員 輸入數(shù)據(jù)流：用戶名和密碼 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 16 輸出數(shù)據(jù)流：獲得相應(yīng)的 session 變量的同時系統(tǒng)返回相應(yīng)的管理頁面的信息。 數(shù)目： 2 人 通過對該音樂網(wǎng)設(shè)計的邏輯方案的確定后，現(xiàn)對該音樂網(wǎng)開發(fā)和實施可行性進行分析。 技術(shù)上可行：目前，國內(nèi)有眾多的優(yōu)秀的空間出租商和域名代理商，他們可以提供完善的，穩(wěn)定的，優(yōu)質(zhì)的服務(wù)，所以該網(wǎng)站建成后，不需要擔(dān)心服務(wù)器的技術(shù)上的維護等，另外，軟件設(shè)計方面， asp 技術(shù)是一種目前比較成熟的動態(tài) 網(wǎng)頁開發(fā)技術(shù)，技術(shù)上都比較成熟。因此在技術(shù)上是可行的。 經(jīng)濟上可行：由于網(wǎng)站投入運行是租用空間，不用自己投資購買服務(wù)器，硬件防火墻等，每年只需支付幾百元的空間和域名的費用，開發(fā)經(jīng)費沒有問題。 管理上可行：由于本站設(shè)計的有強大的后臺管理功能，即使是不懂計算機的人，也可以輕松的對本站進行管理。 綜上所述，開發(fā)該音樂網(wǎng)站在技術(shù)上、經(jīng)濟上、管理上都是可行的。 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 17 第 3 章 網(wǎng)站的總體結(jié)構(gòu)設(shè)計 數(shù)據(jù)流圖能夠很好的反映系統(tǒng)和模塊的邏輯功能，但不涉及具體模塊的物理構(gòu)成和實現(xiàn)途徑，不能有效地體現(xiàn) 整個系統(tǒng)的層次關(guān)系。從系統(tǒng)的整體出發(fā)，明確系統(tǒng)的層次之間的關(guān)系和模塊之間的關(guān)系。 按照結(jié)構(gòu)化的系統(tǒng)設(shè)計方案，由系統(tǒng)頂層數(shù)據(jù)流圖得到第一層流程圖。（如圖 31所示） 圖 31音樂星空網(wǎng)第一層圖 在第一層的基礎(chǔ)上，根據(jù)第一層數(shù)據(jù)流圖，對系統(tǒng)進行進一步的功能分解， 得到第二層，以后臺管理為例。（如圖 32 所示） 圖 31音樂星空網(wǎng)第二層圖 在第二層圖的基礎(chǔ)上還可以繼續(xù)對系統(tǒng)功能進行分解，從而得到第三層圖。以信息刪除子模塊為例，還可 以繼續(xù)分解為最新咨訊信息的刪除，歌曲信息刪除，購物信息刪除，論壇帖子信息刪除等之模塊。第三層就不再畫出。 音樂星空網(wǎng) 瀏 覽 咨 訊 試 聽 音 樂 查 看 郵 購 瀏 覽 發(fā) 貼 后臺管理 用 戶 登 錄 信息瀏 覽 信 息 添 加 信 息 修 改 信 息 刪 除 在 線 調(diào) 查 后 臺 管 理 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 18 數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計 新系統(tǒng)邏輯方案中的數(shù)據(jù)流程圖和數(shù)據(jù)字典對新系統(tǒng)描述已經(jīng)很清晰，經(jīng)過前面可行性論證后，下面就可以在此基礎(chǔ)上進行系統(tǒng)的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計。根據(jù)前面的數(shù)據(jù)字典的描述，新系統(tǒng)的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)如下： 咨訊信息：信息編號，主題，內(nèi)容，日期，點擊次數(shù)，價格。 歌曲信息：歌曲編號，歌曲名稱，演唱者，存放地址，時間，點擊次數(shù)。 郵購信息：郵購編號，專輯名稱，專輯人，內(nèi)容 ，市場價格，郵購價格，推出時間，點擊次數(shù)。 留言信息：留言主題，內(nèi)容，留言時間，回帖編號，發(fā)言人，發(fā)言心情圖片，閱讀次數(shù)， IP 地址， QTT 圖片。 論壇用戶表：用戶名，密碼，電子郵件，性別， ，來自地區(qū)，發(fā)貼數(shù)量，注冊時間，最后一次登錄時間，主頁地址，頭像。 實體和實體之間的關(guān)系的 ER 圖如下： 圖 31音樂星空網(wǎng) ER 圖 一般來訪者 最新咨訊 瀏覽 注冊用戶 注冊 貼子信息 發(fā)貼 歌曲 試聽 專輯 郵購 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 19 數(shù)據(jù)庫的邏輯結(jié)構(gòu)設(shè)計 根據(jù)分析階段得出的實體一聯(lián)系圖（ E－ R 圖），結(jié)合本網(wǎng)站系統(tǒng)對有關(guān)數(shù)據(jù)的存儲的需要， 更加方便實現(xiàn)該動態(tài)網(wǎng)頁系統(tǒng)的所有功能，現(xiàn)將本網(wǎng)站設(shè)計成 7個數(shù)據(jù)庫表，下面逐一說明： 表 user_table：論壇注冊用戶信息表：該表用來存放個人資料信息。 表 news：最新咨訊信息表：用來存放音樂明星最新咨訊。 表 kq：歌曲表：用來存放本站提供的所有的音樂相關(guān)信息。 表 ly：留言表：用來存放本站注冊用戶所有的帖子信息。 表 yougou：郵購表：用來存放本站所有音樂專輯郵購信息。 表 research：在線調(diào)查表：用來存放本站在線調(diào)查的投票結(jié)果。 表 admin：管理員表：用來存放本站后臺管理的登錄信息。 以上 是本系統(tǒng)的庫表結(jié)構(gòu)的簡要說明。對這些表的詳細結(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 頭像 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 20 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 郵購價格 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 21 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ù) 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 22 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)站的標準色彩是相當(dāng)重要的一步，不同色彩搭配會產(chǎn)生不同效果。并可能影響訪問者的情緒。一般來說適合于網(wǎng)頁標準色的顏色的藍色、黃 / 色和黑 /灰 /白色 3 大系。一個網(wǎng)站的標準色彩不宜超過 3 種，太多會讓人眼花繚亂。 標準色彩多用于站標、網(wǎng)站的標題、主菜單和主色塊。給人以整體統(tǒng)一的感覺，其它色彩也可使用，但只能作為點綴和襯托，絕不可喧賓奪主。 基于以主理論，結(jié)合用人調(diào)查結(jié)果，本網(wǎng)站確定藍色作為標準色彩，其它色彩如紅色、灰色等作點綴。 頁面鏈接導(dǎo)航設(shè)計 為了讓用戶通過該網(wǎng)方便瀏覽，查詢各種信息，應(yīng)把在一個頁面上無法全部杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 23 實現(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)系圖 這里主頁和最新咨訊、歌曲試聽、專輯郵購、推薦明星，論壇等是網(wǎng)狀鏈接。一級網(wǎng)頁和二級網(wǎng)頁間是樹狀鏈接，二級網(wǎng)頁一般新開窗口，在二級網(wǎng)頁上提供杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 24 上一頁、下一頁、最前頁、最后頁等導(dǎo)航按鈕，方便瀏覽查詢。 杭州職業(yè)技術(shù)畢業(yè)論文（設(shè) 計） 25 第 4 章 多多 音樂星空網(wǎng)的實現(xiàn) 按結(jié)構(gòu)化的程序設(shè)計思想，在完成了系統(tǒng)分析、系統(tǒng)設(shè)計后，就可以進行系統(tǒng)實現(xiàn)階段了，系統(tǒng)實現(xiàn)是每指把