畢業設計-音樂視聽網站的設計與開發-論文(編輯修改稿)

　

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