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