【文章內(nèi)容簡介】 聞附件新聞附件Varchar(40)否否只能為字符新聞圖片新聞圖片Varchar(40)否否只能為字符新聞狀態(tài)新聞狀態(tài)Varchar(40)否否只能為字符新聞類型表如表34 所示。表34 新聞類型表字段名稱含義數(shù)據(jù)類型是否主鍵是否外鍵其他約束新聞類型編號新聞類型編號Int是否只能為數(shù)字，設(shè)置為自增新聞類型新聞類型Varchar(40)否否只能為字符或者漢字新聞子類型新聞子類型Varchar(40)否否只能為字符或者漢字文件表如表35所示。表35 文件表字段名稱含義數(shù)據(jù)類型是否主鍵是否外鍵其他約束文件編號標(biāo)識文件Int是否只能為數(shù)字且自動增1文件文件路徑Varchar(40)否是只能為字符圖片圖片路徑Varchar(40)否否只能為字符文件名銷售價格Varchar(40)否否只能為字符或漢字文件描述文件描述Varchar(40)否是只能為字符或漢字 第4章 詳細設(shè)計 界面設(shè)計 系統(tǒng)后臺主界面的布局如圖41所示，其中系統(tǒng)圖標(biāo)及簡介區(qū)對所有頁面都一樣，使用人和功能菜單區(qū)根據(jù)登錄人的不同而不同[6]。選擇功能菜單項后，在功能處理區(qū)打開相應(yīng)的處理頁面。圖41 系統(tǒng)后臺主界面布局系統(tǒng)前臺主界面的布局如圖42所示，其中系統(tǒng)圖標(biāo)導(dǎo)航欄對所有頁面都一樣， 功能菜單區(qū)根據(jù)導(dǎo)航欄點擊的新聞分類的不同而不同。選擇功能菜單項后，在功能處理區(qū)打開相應(yīng)的處理頁面。系統(tǒng)圖標(biāo)與導(dǎo)航欄功能菜單功能處理區(qū)圖42 系統(tǒng)前臺主界面 界面設(shè)計根據(jù)系統(tǒng)要求的功能，系統(tǒng)包含的JSP文件及其他附屬文件如表41所示。表41 系統(tǒng)包含的文件列表序號文件名簡要說明目錄1frame. jsp人事處網(wǎng)站主頁，采用框架技術(shù)， 人事處前臺界面設(shè)計2looknews. jsp查看新聞詳細信息頁面3新聞列表信息頁面4新聞附件下載頁面設(shè)計5檢索新聞的新聞頁面6success. jsp操作成功頁面7Error. jsp操作失敗頁面8根據(jù)用戶名密碼以及用戶類型登陸后臺界面人事處后臺界面設(shè)計9添加用戶信息的頁面設(shè)計10查看用戶列表的頁面設(shè)計11修改用戶信息的頁面12admin_frame管理員的后臺主界面，采用框架技術(shù)，,13修改密碼的后臺處理頁面14添加新聞分類的頁面15新聞類別列表的頁面16修改新聞類別的頁面17新聞發(fā)布的頁面18查看新聞詳細信息的頁面19修改新聞信息的頁面20修改新聞附件的頁面21上傳文件的頁面22上傳圖片頁面23查看文件列表的頁面24文件下載的頁面25普通管理員登錄時的后臺主界面2627檢索符合關(guān)鍵字的新聞頁面28修改普通管理員密碼 前臺顯示頁面說明 人事處前臺主界面如圖43是許昌學(xué)院人事處網(wǎng)站首頁，該頁面的功能有人事處簡介、規(guī)章制度、機構(gòu)設(shè)置、人才招聘、師資隊伍、勞資福利、師資管理、人事管理、文件下載等，用戶點擊相應(yīng)的鏈接會進入相應(yīng)的功能頁面，此人事處網(wǎng)站首頁除了以上功能外還有工作動態(tài)和通知公告、熱點新聞等并支持模糊查詢，根據(jù)關(guān)鍵字查詢到新聞標(biāo)題中包含關(guān)鍵字的新聞列表顯示出來，并采用分頁技術(shù)。圖43 人事處網(wǎng)站的前臺界面 分類瀏覽新聞界面根據(jù)主頁的欄目導(dǎo)航，我們可以點擊規(guī)章制度，點擊以后會彈出以新聞類型為規(guī)章制度的相關(guān)新聞，選擇規(guī)章制度下的子類，會彈出屬于該子類的所有新聞，如圖44所示。在彈出的新聞列表中若想查看新聞詳細信息，點擊“新聞標(biāo)題”超鏈接即可查看操作,新聞詳細信息如圖45所示。圖44 分類瀏覽新聞界面圖45 新聞詳細信息頁面 新聞檢索界面新聞檢索可以大大提高新聞的瀏覽速度，用戶查詢新聞時只需要在相應(yīng)的新聞檢索欄中輸入所要查詢的關(guān)鍵字然后點擊查詢圖標(biāo)，即可得到相應(yīng)的新聞頁面，如圖46添加一個新聞的關(guān)鍵字，點擊查詢按鈕，便得到如圖47所示的檢索新聞列表。圖46 所示添加新聞關(guān)鍵字圖47 新聞檢索列表頁面 后臺顯示頁面說明 后臺登陸界面限制用戶的權(quán)限，用戶登錄模塊是必不可少的，在正常用戶名和密碼、用戶類型都正確的情況下可以正常登陸，如圖48所示即為用戶登陸界面。圖48 用戶登陸界面 后臺功能主界面根據(jù)正確的用戶名和密碼登陸進入人事處后臺管理進入后臺管理主要由四大功能模塊組成分別是新聞類型管理模塊、新聞管理模塊、用戶管理模塊、和文件管理模塊。（1）新聞類型管理模塊：添加新聞類型、查看新聞類型。（2）新聞管理模塊：新聞發(fā)布模塊、新聞瀏覽模塊。（3）用戶管理模塊：添加用戶模塊、查看用戶模塊。（4）文件管理模塊：文件上傳模塊、圖片上傳主界面、文件管理模塊、圖片管理模塊。 系統(tǒng)登陸后的后臺功能界面如圖49所示，登陸后可以進行一系列的后臺操作，以便前臺進行瀏覽。圖49 后臺功能主界面 新聞發(fā)布界面 如圖410所示是本人事處網(wǎng)站的新聞發(fā)布頁面，新聞ID數(shù)據(jù)庫自動添加不需要用戶手動添加，發(fā)布時間采用javascript腳本語言生成JS特效，防止用戶輸入的日期格式不正確，而導(dǎo)致的異常錯誤，使得數(shù)據(jù)庫無法完成添加操作，其中發(fā)布時間、新聞標(biāo)題、新聞類型和新聞內(nèi)容則是用戶必須編輯的內(nèi)容，其中新聞內(nèi)容編輯采用tinymce在線編輯器組建，可以對所要發(fā)布的新聞進行編輯格式、插入圖片，插入表格、粘貼word文檔等等，操作極其簡便，使得發(fā)布的新聞更美觀，而所添加的新聞附件和新聞圖片是可選項，根據(jù)需要來選擇，當(dāng)必填項填寫完整后點擊提交按鈕，便可進行新聞發(fā)布操作，新聞發(fā)布成功后會給出提示。其中新聞附件和新聞圖片牽扯到文件的上傳操作。圖410 新聞發(fā)布頁面 新聞管理界面 管理員用戶登陸以后點擊新聞瀏覽鏈接，出現(xiàn)如圖411所示的頁面，此頁面給予的權(quán)限是最高的，可以瀏覽、修改新聞、刪除新聞、修改新聞附件，瀏覽需要修改的新聞內(nèi)容，點擊操作類型中的修改、刪除、查看或修改附件鏈接，進入相應(yīng)的操作界面，如果選擇修改則進入新聞修改界面，如圖412所示即為新聞修改頁面，如果用戶是選擇刪除操作，即點擊操作類型中的刪除鏈接，會提示你是否刪除如圖413所示，并返回刪除成功提示，成功刪除后，系統(tǒng)會返回刪除成功頁面。如果選擇修改修改附件則會進入修改附件界面，如圖414所示，如果選擇查看操作，即點擊操作類型中的查看鏈接則會進入新聞信息的詳細頁面如圖415所示，如果上傳的有附件則會顯示下載附件鏈接。圖411 新聞瀏覽頁面圖412 新聞修改頁面圖413 刪除提示對話框圖414 修改附件頁面 類設(shè)計該人事處網(wǎng)站的代碼中牽涉到很多類，最基礎(chǔ)的是bean包類，bean包中的類依據(jù)數(shù)據(jù)庫實體設(shè)計，另外還有Dao包，Service包，Util包，Servlet包，其執(zhí)行順序Servlet—Service Dao—bean[7]。類列表如表42所示。表42類列表序號類名關(guān)聯(lián)類處理概要包1ImageFile實體對象。Bean2News News實體對象3NewsTypeNewstype實體對象4PageBean類表分頁類5UserUser實體對象6ConnectionPool連接池連接數(shù)據(jù)庫util7CharacterFilter過濾器8ImageDaoImageConnectionPoolImage實體對象服務(wù)類，完成對應(yīng)實體到數(shù)據(jù)庫的操作。Dao9NewsTypeDaoNewsTypeConnectionPoolNewstype實體對象服務(wù)類，完成對應(yīng)實體到數(shù)據(jù)庫的操作。10NewsDaoNewsConnectionPoolNews實體對象服務(wù)類，完成對應(yīng)實體到數(shù)據(jù)庫的操作。11NewsSearchDaoNewsConnectionPoolNews實體對象服務(wù)類，完成對應(yīng)實體到數(shù)據(jù)庫的操作。12UserDaoUserConnectionPoolUser實體對象服務(wù)類，完成對應(yīng)實體到數(shù)據(jù)庫的操作。13ImageServiceImageDao登錄管理類，完成登錄功能Service14newsTypeServicenewsTypeDao管理員管理類，完成藥品，用戶，銷售采購信息的管理功能15newsServicenewsDao采購員管理類，完成藥品采購，入庫，察看藥品信息，修改密碼功能 編碼 該人事處網(wǎng)站在與數(shù)據(jù)庫連接時用到了連接池技術(shù)和分頁技術(shù)，使得顯示列表更美觀，其連接池部分代碼如下：package util。import 。import 。import 。import 。import 。import 。public class ConnectionPool {private String driver=null。 private String url=null。 private String username=null。 private String pwd=null。 private int size=10。 private VectorConnection pool=null。 private ConnectionPool(){ readCofig()。 createCon()。 } private static final ConnectionPool instance =new ConnectionPool()。 public static ConnectionPool getInstance(){ return instance。 } private void createCon(){ pool=new VectorConnection(size)。 try { (driver)。 for(int i=0。isize。i++){ Connection con=(url, username, pwd)。 (con)。 } } catch (ClassNotFoundException e) { // TODO Autogenerated catch block ()。 } catch (SQLException e) { // TODO Autogenerated catch block ()。 } } private void readCofig(){ Properties pro=new Properties()。 try { (().getResourceAsStream())。