【文章內(nèi)容簡介】 ts，層疊樣式表 )，由 W3C 定義和維護的標準，是一種用來為結(jié)構(gòu)化文檔如 HTML 文檔或 XML 應(yīng)用添加樣式 (字體、間距和顏色等 )的計算機語言。 CSS 最重要的目標是將文件的內(nèi)容與它的顯示分離開來。在 CSS 出現(xiàn)前，幾乎所有的HTML 文件內(nèi)都包含文件顯示的信息，比如字體的顏色、背景應(yīng)該是怎樣的、如何排列、邊緣等等都必須一一在 HTML 文件內(nèi)列出，有時重復(fù)列出。 CSS 使作者可以將這些信息中的大部分分離出來，簡化 HTML 文件，這些信息被放在一個輔助的、用 CSS 語言寫的文件中。 HTML 文件中只包含結(jié)構(gòu)和內(nèi)容的信息 CSS 文件中只包含樣式的信息。文件的內(nèi)容與顯示的分離有許多好處 : 1) 文件的可讀性加強了 。 2) 文件的結(jié)構(gòu)更加靈活 。 3) 作者和讀者可以自己決定文件的顯示 。 4) 文件的結(jié)構(gòu)簡化了。 在 Ajax 中， CSS通常被 JavaScript 用來動態(tài)地修改數(shù)據(jù)的顯示樣式。 需求說明 該系統(tǒng)在性能功能上應(yīng)達到如下需求 ： 操作簡單、界面友好 的頁面布局，使得 信息 的錄入工作更簡便 ；另外，跟蹤出現(xiàn)的提示信息也讓用戶隨時清楚自己的操作情況。對常見 本科畢業(yè)設(shè)計（論文） 7 網(wǎng)站的 信息 管理的各個方面： 信息 錄入、瀏覽、刪除、修改、搜索等方面都大體實現(xiàn)， 實現(xiàn)了網(wǎng)站對即時新聞的管理要求 。 通過相關(guān)調(diào)查，要求該系統(tǒng)應(yīng)具有以下功能： 1. 通過網(wǎng)絡(luò)瀏覽信息及相關(guān)信息。 2. 通過網(wǎng)絡(luò)下載信息。 3. 提供站內(nèi)信息的搜索功能。 4. 為后臺管理提供管理入口。 5. 可以進行留言，頁面同時可以及時顯示并且無須刷新頁面。 6. 發(fā)布者可以發(fā)布信息，并對其發(fā)布的信息進行管理包括：刪除、修改、查詢、查看。當有用戶給其留言，將彈出對話框提示發(fā)布者。 7. 管理者可以管理發(fā)布者，對發(fā)布者進行的管理包括：刪除、添加、修改、查詢。 8. 管理者可以對所有發(fā)布者撰寫的信息進行發(fā)布，刪除、修改、查詢。 9. 采用 Ajax 的異步通信，及時獲取發(fā)布者發(fā)布的信息，并彈出對話框通知管理員 。 用戶及其特點 對于本系統(tǒng)，用戶共分為三類：普通用戶、信息發(fā)布者、管理員，各有不同的權(quán)限。 1. 普通用戶 此類用戶具有以下權(quán)限 ： 1) 瀏覽已發(fā)布的信息。 2) 查詢已發(fā)布的信息。 3) 發(fā)表評論。 4) 瀏覽其他用戶發(fā)表給大家的評論。 2. 信息發(fā)布 員 此類用戶具有以下權(quán)限 ： 1) 具有管理其發(fā)布信息的權(quán)限。 2）發(fā)布 信息， 待管理員批準 。 3）對留給該發(fā)布員不合適和沒用的評論進行刪除。 4）登陸后可修改個人密碼。 3. 管理員 此類用戶具有以下權(quán)限 ： 1）瀏覽所有網(wǎng)頁。 2）具有管理信息發(fā)布員的權(quán)限。 3）發(fā)布 信息，可供用戶瀏覽。 4）對不合適和沒用的評論進行刪除。 5）登陸后可修改個人密碼 。 本科畢業(yè)設(shè)計（論文） 8 數(shù)據(jù)流圖 數(shù)據(jù)流圖是組織中信息運動的抽象，是 信息發(fā)布 系統(tǒng)邏輯模型的主要形式。它是采用自頂向下逐層擴展的方法，從邏輯上精確地描述系統(tǒng)具有的數(shù)據(jù)加工、數(shù)據(jù)存儲、數(shù)據(jù)輸入輸出及數(shù)據(jù)來源和去向等功能。這個模型不涉及硬件、軟件、數(shù)據(jù)結(jié)構(gòu)與文件組織，它與對系統(tǒng)的物理描述無關(guān)，所描述的內(nèi)容是面向用戶的，是系統(tǒng)設(shè)計的主要依據(jù)之一。數(shù)據(jù)流圖的符號說明如圖 21所示。 根據(jù)調(diào)查材料，明確系統(tǒng)外部項，識別數(shù)據(jù)輸入的來源和輸出的去處，自頂向下逐層擴展整 個系統(tǒng)的邏輯功能。 D1：管理員信息存儲。 圖 21 數(shù)據(jù)流圖 結(jié)構(gòu)圖 管理員發(fā)布者信息 留言D 1管理管理管理產(chǎn)生頁面產(chǎn)生頁面用戶瀏覽添加發(fā)布者管理管理 本科畢業(yè)設(shè)計（論文） 9 圖 22 結(jié)構(gòu)圖 實體關(guān)系圖 信息發(fā)布 系統(tǒng)的數(shù)據(jù)庫設(shè)計中，首先要對系統(tǒng)分析得到的數(shù)據(jù)字典中的數(shù)據(jù)存儲進行分析，分析各數(shù)據(jù)存儲之間的關(guān)系，可采用 E－ R 圖進行數(shù)據(jù)結(jié)構(gòu)分析。 E－ R圖是概念模型最常用的表示方法，在 E－ R圖中 表示方法有 ： 1. 用長方形表示實體型，在框內(nèi)寫上實體名。 2. 用菱形表示實體間的聯(lián)系，菱形框內(nèi)寫上聯(lián)系名，用無向邊把菱形分別與有關(guān)實體相連，在無向邊旁標上聯(lián)系的類型。若實體間的聯(lián)系也具有屬性，則把屬性和菱形也用無向邊連上。 信息發(fā)布 系統(tǒng) 的 E－ R 圖 如圖 23所示。 電力信息發(fā)布系統(tǒng)發(fā)布者管理信息管理添加搜索修改刪除下載資源管理搜索資源刪除資源上傳資源評論管理刪除查看管理員管理發(fā)布員管理顯示修改刪除添加信息管理發(fā)布搜索修改刪除添加下載資源管理上傳刪除搜索發(fā)布評論管理查看刪除用戶瀏覽信息瀏覽下載信息留言下載查看搜索搜索下載查看發(fā)表 本科畢業(yè)設(shè)計（論文） 10 管 理 員賬 號 角 色密 碼姓 名發(fā) 布 員角 色密 碼姓 名賬 號發(fā) 布 查 看添 加信 息留 言標 題編 號留 言 者時 間對 象內(nèi) 容屬 性發(fā) 布 者時 間 圖 23 實體關(guān)系圖 本章小結(jié) 本章詳細闡述了基于 Web的電力信息發(fā)布系統(tǒng)的概要設(shè)計，首先提出了系統(tǒng)的角色分析，介紹了系統(tǒng)總體結(jié)構(gòu)，需要實現(xiàn)的功能以及各功能模塊的劃分。 本科畢業(yè)設(shè)計（論文） 11 第 3 章 系統(tǒng)分析與總體設(shè)計 因為網(wǎng)絡(luò)中信息發(fā)布的頻率非常高，如果使用靜態(tài)網(wǎng)頁作為信息頁面，則維護工作將會非常繁瑣，管理員每天需要制作大量的網(wǎng)頁，從而浪費很多時間和精力。使用新聞發(fā)布及管理系統(tǒng)（ Jsp 制作的動態(tài)網(wǎng)頁）可以使新聞發(fā)布和管理變得很輕松，管理員與信息發(fā)布員只需設(shè)置標題、內(nèi)容、作者和圖片等信息就可以了，系統(tǒng)將自動生成對應(yīng)的網(wǎng)頁。本文將對電力信息發(fā)布及管理系統(tǒng)進行系統(tǒng)分析與總體設(shè)計。 系統(tǒng)流程分析 為了使讀者進一步了解本實例系統(tǒng)的設(shè)計，本小節(jié)將對系統(tǒng)進行流程分析。多用戶系統(tǒng)的工作流程都是從用戶登錄模塊開始，對用戶的身份進行認證。身份認證可以分為以下兩個過程： 1. 確認用戶是否是有效的 注冊 用戶。 2. 確定用戶的類型。 第 1 個過程決定用戶能否進入 管理 系統(tǒng)。第 2 個過程根據(jù)用戶的類型決定用戶的操作權(quán)限，從而決定用戶的工作界面。 本系統(tǒng)分為前臺系統(tǒng)和后臺系統(tǒng)兩個部分。前臺系統(tǒng)不需要進行身份認證，任何人都可以通過瀏 覽器閱讀已經(jīng)發(fā)布的信息 或 發(fā)表 留言 。 后臺系統(tǒng)中 管理員擁有所有的權(quán)限，信息發(fā)布者只能對自己發(fā)布的信息進行管理，包括修改信息內(nèi)容、刪除信息和刪除網(wǎng)友對自己的評論 。 數(shù)據(jù)庫的邏輯結(jié)構(gòu)設(shè)計 根據(jù)用戶需求，共創(chuàng)建了 8個表，分別為： 當前用戶活動表 active；系統(tǒng)用戶表 person；信息表 news；下載資源表 download； Office 資源表 doc；視頻資源表 media；圖片資源表 picture；留言表 box。以下是新聞發(fā)布系統(tǒng)的數(shù)據(jù)庫表結(jié)構(gòu)的詳細描述： 1. 當前用戶活動表 active 用當前用戶活動表來保存當前系統(tǒng)中存在的用戶已登錄的基本信息。 表 31 當前用戶活動表 active 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 Id String 用戶編號 2 Sessionid String 用戶占用的會話 ID號 2. 系統(tǒng)用戶表 person 用系統(tǒng)用戶表來保存系統(tǒng)用戶（管理員和發(fā)布者）的基本信息。 本科畢業(yè)設(shè)計（論文） 12 表 32 系統(tǒng)用戶表 person 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 Id String 用戶編號 2 Anume String 用戶姓名 3 Key String 密碼 4 Role String 角色 3. 信息表 news 用信息表來保存系統(tǒng)用戶編寫的發(fā)布信息的基本信息。 表 33 信息表 news 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Title String 題目 3 date_time String 發(fā)布時間 4 Author String 作者 5 Kind String 發(fā)布屬性 4. 下載資源 表 download 用下載資源表來保存系統(tǒng)用戶上傳的下載資源的基本信息。 表 34 下載資源 表 download 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Title String 標題 3 date_time String 上傳時間 4 Author String 上傳者 5 Kind String 發(fā)布屬性 5. Office 資源表 doc 用 Office 資源表來保存系統(tǒng)用戶上傳的 Office 信息的基本信息。 表 35 Office資源表 doc 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 FileName String 題目 本科畢業(yè)設(shè)計（論文） 13 續(xù)表 35 Office資源表 doc 序列編號 字段名稱 數(shù)據(jù)類型 說明 3 SaveName String 磁盤中保存名字 4 SubmitTime String 發(fā)布時間 5 Kind String 發(fā)布屬性 6 Author String 作者 7 Ext String 資源的后綴 8 Status String 被編輯狀態(tài) 6. 視頻資源 表 media 用視頻資源表來保存系統(tǒng)用戶上傳的下載資源的基本信息。 表 36 視頻資源表 media 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Title String 標題 3 Savename String 硬盤上保存名字 4 date_time String 上傳時間 5 Author String 上傳者 6 Picpath String 視頻截圖的路徑 7 Path String 視頻文件路徑 8 Kind String 發(fā)布屬性 7. 圖片資源 表 pic 用圖片資源表來保存信息中需要的圖片的基本信息。 表 37 圖片資源表 pic 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Father String 信息編號 ,代表該圖片是哪個信息的 3 Piame String 圖片的名字 4 Savename String 圖片的保存名字 box 本科畢業(yè)設(shè)計（論文） 14 用留言表來保存用戶的留言信息的基本信息。 表 38 留言表 box 序列編號 字段名稱 數(shù)據(jù)類型 說明 1 ID Int 自動編號 2 Author String 留言者 3 date_time String 留言時間 4 Content String 內(nèi)容 5 Object String 留言對象 6 Static String 讀取狀態(tài) 本章小結(jié) 本章 闡述了基于 Web 的 電力信息發(fā)布系統(tǒng)的總體設(shè)計和數(shù)據(jù)庫設(shè)計。 本科畢業(yè)設(shè)計（論文） 15 第 4 章 詳細設(shè)計與實現(xiàn) 模塊劃分 信息管理模塊 (普通信息、 Office 信息、下載信息、視頻信息 ) 包括普通信息的查詢、刪除、修改、信息發(fā)布、發(fā)表、上傳圖片、顯示； Office 信息的查詢、刪除、發(fā)布、修改、新建；下載信息的查詢、刪除、發(fā)布、上傳；視頻信息的查詢、刪除、發(fā)布、上傳。 由于普通信息， office 信息，下載信息，視頻信息對于查詢、信息發(fā)布、刪除等操作的操作原理一致，僅僅是操作數(shù)據(jù)庫中的數(shù)據(jù)表不同，所以下面以普通信息為例，介紹信息的查詢、發(fā)布、刪除等操作。 普通信息的查詢 發(fā)布員只能對自己發(fā) 布的信息進行查詢，管理員可以對所有信息進行查詢。他們的界面如圖 41。 圖 41 管理員信息查看圖 由于管理者和發(fā)布者可以根據(jù)不同的條件查詢數(shù)據(jù)庫，操作相同，僅僅對操作數(shù)據(jù)庫中