【文章內(nèi)容簡介】 點擊查看鏈接查看新聞詳細信息 性能需求 （ 1） 操作應方便、靈活。 （ 2） 系統(tǒng)應有較高的穩(wěn)定性。 （ 3） 系統(tǒng)應有較高 的安全性。 （ 4） 系統(tǒng)應有較高的容錯性。 （ 5） 速度上要求前臺要能夠很快地反應用戶，后臺操作不能出現(xiàn)超時現(xiàn)象。 10 第 3 章 概要設計 系統(tǒng)體系結(jié)構(gòu) 系統(tǒng)采用基于 MVC 模式的多層 B/S 結(jié)構(gòu)， 如圖 31 所示。 視圖層采用 JSP 和 JavaScript技術(shù)實現(xiàn)，用來實現(xiàn)與用戶的交互。控制層采用 JSP 和 Servlet 實現(xiàn)，作用是根據(jù)用戶操作來調(diào)用業(yè)務層提供的功能 [4]。模型層又細分為業(yè)務層和數(shù)據(jù)服務層。業(yè)務層提供應用領域的業(yè)務邏輯，數(shù)據(jù)服務層提供對數(shù)據(jù)庫的訪問。 J S PJ a v a S c r i p tm y s q l應 用 服 務 器數(shù) 據(jù) 庫服 務 器瀏覽器客 戶 端視 圖 層J S PS e r v l e t控 制 層J a v a B e a n業(yè) 務 層實 體數(shù) 據(jù) 訪 問服 務數(shù) 據(jù) 服 務 圖 31 系統(tǒng)體系結(jié)構(gòu)圖 模塊設計 根據(jù)許昌學院人事處網(wǎng)站的性質(zhì)將該網(wǎng)站分為六大模塊，分別是前臺新聞查看，新聞檢索；后臺新聞類別管理、新聞管理、用戶管理、文件管理。新聞查看功能主要實現(xiàn)進入前臺查看人事處網(wǎng)站最近發(fā)布的新聞，根據(jù)不同類別的新聞標題查看不同的新聞內(nèi)容。新聞檢索則是根據(jù)所輸入的關鍵字進行模糊查詢。管理員登陸后臺對新聞進行新聞類別管理，添加、修改或者刪除新聞類別，新聞管理有新聞發(fā)布和新聞瀏覽兩個模塊，新聞發(fā)布實現(xiàn)的是添加新聞操作，新聞瀏覽里面可以實現(xiàn)新聞查看，新聞修改、新聞刪除操作。 用戶管理模塊包括用戶添加和用戶查看兩個模塊，用戶查看可以實現(xiàn)用戶的信息查看、修改和刪除操作，而普通管理員只可以修改個人密碼操作，沒有添加用戶的權(quán)限；文件管理模塊有四個子模塊組成分別是文件上傳、圖片上傳、文件管理、圖片管理四個模塊，完成對圖片和文件的增、刪、改、查操作。 在對系統(tǒng)進行功能模塊劃分之后可畫出該系統(tǒng)的數(shù)據(jù)流程圖，該數(shù)據(jù)流程圖說明了用戶 11 對數(shù)據(jù)表的操作與存儲。用戶打開許昌學院人事處網(wǎng)站新聞查看流程圖， 如圖 32 所示。 普 通 用 戶查 看 新 聞新 聞 內(nèi) 容 報 表 新 聞 類 型 表檢 索 新 聞新 聞 信 息新 聞 信 息普 通 用 戶新 聞 信 息新 聞 信 息 圖 32 查看新聞、檢 索新聞流程圖 如圖 33 所示人事處網(wǎng)站后臺流程圖。 總 管 理 員身 份 驗 證 管 理 界 面 新 聞 管 理新 聞 類 別 管理用 戶 管 理 文 件 管 理新 聞 內(nèi) 容 報 表新 聞 類 別 報 表用 戶 報 表 文 件 報 表用 戶 名 密 碼用 戶 名 密 碼用 戶 信 息用 戶 信 息文 件 信 息文 件 信 息新 聞 類 別 信 息新 聞 信 息新 聞 信 息新 聞 類 別 信 息 圖 33 管理員登陸后臺流程圖 數(shù)據(jù)庫設計 數(shù)據(jù)庫設計是該網(wǎng)站的核心部分，因為數(shù)據(jù)庫設計直接決定著該網(wǎng)站的功能流程和運行 12 效率，因此數(shù)據(jù)庫設計要做到深思熟慮，務求做到人事處網(wǎng)站的各項功能 [5]。 數(shù)據(jù)庫設計經(jīng)過多日的探討研究，有如下數(shù)據(jù)項： （ 1）新聞：新聞 ID、新聞標題、新聞發(fā)布時間、新聞內(nèi)容、新聞類別 ID、新聞狀態(tài)、新聞點 擊數(shù)、新聞附件、新聞圖片。 （ 2）新聞類別：新聞類別 ID、新聞類別名、新聞子類別名。 （ 3）用戶：用戶 ID、用戶名、密碼、用戶類型。 （ 4）文件：文件 ID，文件、圖片、文件名稱、文件描述。 經(jīng)過以上分析很顯然可以畫出該人事處網(wǎng)站的數(shù)據(jù)庫 ER 圖，許昌學院人事處網(wǎng)站的數(shù)據(jù)庫 ER 圖如圖 34 所示。 圖 34 人事處網(wǎng)站數(shù)據(jù)庫 ER 圖 該人事處網(wǎng)站一共設計了四個數(shù)據(jù)表分別是新聞表、新聞類型表、文件表和用戶表， 如 表 31所示。 13 表 31 數(shù)據(jù)表列表 序號 表名 實體 /關系名 說明 1 用戶表 用戶實體 保存用戶信息 2 新聞表 新聞實體 保存新聞信息 3 新聞類別表 新聞類別 保存新聞類別信息 4 文件表 文件實體 保存文件信息 各表詳細說明如下： 用戶表如表 32 所示。 表 32 用戶表 字段名稱 含義 數(shù)據(jù)類型 是否主鍵 是否外鍵 其他約束 用戶名 用戶登錄名 Varchar(40) 是 否 不能超過 10個字符，且只能用漢字、字母和數(shù)字 密 碼 用戶密碼 Varchar(40) 否 否 密碼不能少于 6個字符，且只能為數(shù)字和字母 用戶類型 用戶權(quán)限控制 Int 否 否 0為總管理員 1為普通管理員 新聞表如表 33 所示。 表 33 新聞表 字段名稱 含義 數(shù)據(jù)類型 是否主鍵 是否外鍵 其他約束 新聞編號 唯一標識新聞 Int 是 否 只能為數(shù)字 不能重復 新聞標題 新聞標題 Varchar(40) 否 否 不能重復 發(fā)布時間 發(fā)布時間 Date 否 否 只能為日期類型 新聞類別編號 唯一標識新聞類別 Int 否 是 不能為負值 新聞內(nèi)容 新聞內(nèi)容 Text 否 否 只能為字符 點擊數(shù) 新聞被點擊數(shù) Int 否 否 只能為數(shù)字 新聞附件 新聞附件 Varchar(40) 否 否 只能為字符 新聞圖片 新聞圖片 Varchar(40) 否 否 只能為字符 新聞狀態(tài) 新聞狀態(tài) Varchar(40) 否 否 只能為字符 14 新聞類型表如表 34 所示。 表 34 新聞類型表 字段名稱 含義 數(shù)據(jù)類型 是否主鍵 是否外鍵 其他約束 新聞類型編號 新聞類型編號 Int 是 否 只能為數(shù)字，設置為自增 新聞類型 新聞類型 Varchar(40) 否 否 只能為字符或者漢字 新聞子 類型 新聞子 類型 Varchar(40) 否 否 只能為字符或者漢字 文件表如表 35 所示。 表 35 文件表 字段名稱 含義 數(shù)據(jù)類型 是否主鍵 是否外鍵 其他約束 文件編號 標識文件 Int 是 否 只能為數(shù)字且自動增 1 文件 文件路徑 Varchar(40) 否 是 只能為字符 圖片 圖片路徑 Varchar(40) 否 否 只能為字符 文件名 銷售價格 Varchar(40) 否 否 只能為字符或漢字 文件描述 文件描述 Varchar(40) 否 是 只能為字符或漢字 15 第 4 章 詳細設計 界面設計 系統(tǒng)后臺主界面 的布局如圖 41所 示， 其 中系統(tǒng)圖標及簡介區(qū)對所有頁面都一樣，使用人和功能菜單區(qū)根據(jù)登錄人的不同而不同 [6]。選擇功能菜單項后，在功能處理區(qū)打開相應的處理頁面。 系 統(tǒng) 圖 標 及 簡 介使 用 人 姓 名功 能 菜 單功 能 處 理 區(qū) 圖 41 系統(tǒng)后臺主界面布局 系統(tǒng)前臺主界面的布局如圖 42所示， 其中系統(tǒng)圖標導航欄對所有頁面都一樣， 功能菜單區(qū)根據(jù)導航欄點擊的新聞分類的不同而不同。選擇功能菜單項后，在功能處理區(qū)打開相應的處理頁面。 系統(tǒng)圖標與導航欄 功能菜單 功能處理區(qū) 圖 42 系統(tǒng)前臺主界面 16 界面設計 根據(jù)系統(tǒng)要求的功能，系統(tǒng)包含的 JSP 文件及其他附屬文件如 表 41 所示。 表 41 系統(tǒng)包含的文件列表 序號 文件名 簡要說明 目錄 1 frame. jsp 人事處網(wǎng)站主頁，采用框架技術(shù)，包含 人事處前臺界面設計 2 looknews. jsp 查看新聞詳細信息頁面 3 新聞列表信息頁面 4 新聞附件下載頁面設計 5 檢索新聞的新聞頁面 6 success. jsp 操作成功頁面 7 Error. jsp 操作失敗頁面 8 根據(jù)用戶名密碼以及用戶類型登陸后臺界面 人事處后臺界面設計 9 添加用戶信息的頁面設計 10 查看用戶列表的頁面設計 11 修改用戶信息的頁面 12 admin_frame 管理員的后臺主界面 ， 采用框架技術(shù) ， 包含, 13 修改密碼的后臺處理頁面 14 添加新聞分類的頁面 15 新聞類別列表的頁面 16 修改新聞類別的頁面 17 新聞發(fā)布的頁面 18 查看新聞詳細信息的頁面 19 修改新聞信息的頁面 20 修改新聞附件的頁面 21 上傳文件的頁面 22 上傳圖片頁面 23 查看文件列表的頁面 24 文件下載的頁面 25 普通管理員登錄時的后臺主界面 26 包含 27 檢索符合關鍵字的新聞頁面 28 修改普通管理員密碼 17 前臺顯示頁面說明 人事處前臺主界面 如圖 43 是許昌學院人事處網(wǎng)站首頁，該頁面的功能有人事處簡介、規(guī)章制度、機 構(gòu)設置、人才招聘、師資隊伍、勞資福利、師資管理、人事管理、文件下載等，用戶點擊相應的鏈接會進入相應的功能頁面，此人事處網(wǎng)站首頁除了以上功能外還有工作動態(tài)和通知公告、熱點新聞等并支持模糊查詢，根據(jù)關鍵字查詢到新聞標題中包含關鍵字的新聞列表顯示出來，并采用分頁技術(shù)。 圖 43 人事處網(wǎng)站的前臺界面 18 分類瀏覽新聞界面 根據(jù)主頁的欄目導航，我們可以點擊規(guī)章制度，點擊以后會彈出以新聞類型為規(guī)章制度的相關新聞，選擇規(guī)章制度下的子類，會彈出屬于該子類的所有新聞， 如圖 44 所示。在彈出的新聞列表中若想查看新聞詳細信息 ，點擊 “新聞標題 ”超鏈接即可查看操作 ,新聞詳細信息如圖 45 所示。 圖 44 分類瀏覽新聞界面 圖 45 新聞詳細信息頁面 新聞檢索界面 新聞檢索可以大大提高新聞的瀏覽速度，用戶查詢新聞時只需要在相應的新聞檢索欄中輸入所要查詢的關鍵字然后點擊查詢圖標，即可得到相應的新聞頁面，如圖 46 添加一個新聞的關鍵字，點擊查詢按鈕，便得到如圖 47 所示的檢索新聞列表。 19 圖 46 所示添加新聞關鍵字 圖 47 新聞檢索列表頁面 后臺顯示頁面說明 后臺登陸界面 限制用戶的權(quán)限，用戶登錄模 塊是必不可少的，在正常用戶名和密碼、用戶類型都正確的情況下可以正常登陸，如圖 48 所示即為用戶登陸界面。 20 圖 48 用戶登陸界面 后臺 功能 主界面 根據(jù)正確的用戶名和密碼登陸進入人事處后臺管理進入后臺管理主要由四大功能模塊組成分別是新聞類型管理模塊、新聞管理模塊、用戶管理模塊、和文件管理模塊。 （ 1）新聞類型管理模塊：添加新聞類型、查看新聞類型。 （ 2）新聞管理模塊：新聞發(fā)布模塊、新聞瀏覽模塊。 （ 3）用戶管理模塊：添加用戶模塊、查看用戶模塊。 （ 4）文件管理模塊：文件上傳模塊、圖片上傳主界面、文件管理模 塊、圖片管理模塊。 系統(tǒng)登陸后的后臺 功能 界面如圖 49 所示，登陸后可以進行一系列的后臺操作，以便前臺進行瀏覽。 圖 49 后臺 功能 主界面 新聞發(fā)布界面 如圖 410 所示是本人事處網(wǎng)站的新聞發(fā)布頁面，新聞 ID 數(shù)據(jù)庫自動添加不需要用戶手動添加，發(fā)布時間采用 javascript 腳本語言生成 JS 特效，防止用戶輸入的日期格式不正確， 21 而導致的異常錯誤，使得數(shù)據(jù)庫無法完成添加操作，其中發(fā)布時間、新聞標題、新聞類型和新聞內(nèi)容則是用戶必須編輯的內(nèi)容，其中新聞內(nèi)容編輯采用 tinymce 在線編輯器組建，可以對所要發(fā)布的新聞進行編輯格式、插入圖片，插入表格、粘貼 word 文檔等等，操作極其簡便，使得發(fā)布的新聞更美觀，而所添加的新聞附件和新聞圖片是可選項，根據(jù)需要來選擇，當必填項填寫完整后點擊提交按鈕，便可進行新聞發(fā)布操作，新聞發(fā)布成功后會給出提示。其中新聞附件和新聞圖片牽扯到文件的上傳操作。 圖 410 新聞發(fā)布頁面 新聞 管理 界面 管理員用戶登陸以后點擊新聞瀏覽鏈接，出現(xiàn)如圖 411 所示的頁面，此頁面給予的權(quán)限是最高的，可以瀏覽、修改新聞、刪除新聞、修改新聞附件，瀏覽需要修改的新聞內(nèi)容，點擊操作類型 中的修改、刪除、查看或修改附件鏈接，進入相應的操作界面，如果選擇修改則進入新聞修改界面，如圖 412 所示即為新聞修改頁面，如果用戶是選擇刪除操作，即點擊操作類型中的刪除鏈接，會提示你是否刪除如圖 413 所示