【文章內(nèi)容簡(jiǎn)介】 ，他們也不會(huì)感覺(jué)這有何不妥，因?yàn)榇说卿浗缑姹容^簡(jiǎn)潔，并不會(huì)影響用戶正常地閱讀新聞。 其次，在登錄界面的下方是新聞欄目的顯示，顯示系統(tǒng)新聞欄目數(shù)據(jù)庫(kù)中已有的新聞欄目，一目了然，用戶可以方便地找到自己喜歡和關(guān)心的新聞所在的欄目。 再次，在新聞欄目的下方則是新聞條目的顯示，默認(rèn)的新聞條目的顯示方式是以表格的形式將系統(tǒng)新聞數(shù)據(jù)表中 的新聞按發(fā)布時(shí)間進(jìn)行列表（發(fā)布較早的新聞被放在列表的后面，而發(fā)布較遲的新聞被放在列表的前面，體現(xiàn)了新聞的“新”，即“時(shí)效性”）。新聞列表中僅顯示新聞的標(biāo)題，發(fā)布時(shí)間和新聞作者，如果想瀏覽整篇新聞，用戶可以點(diǎn)擊新聞標(biāo)題（超鏈接）。 然后，用戶可以對(duì)自己比較關(guān)心和感興趣的新聞進(jìn)行有選擇性地瀏覽，這時(shí)新聞欄目便起作用了。當(dāng)用戶點(diǎn)擊新聞所在的欄目時(shí)，系統(tǒng)在新聞列表中只顯示本欄目的新聞條目。用戶可以在此瀏覽自己關(guān)心和感興趣的新聞。 后臺(tái)設(shè)計(jì) 后臺(tái)主頁(yè)面設(shè)計(jì) 當(dāng)用戶登錄到系統(tǒng)后臺(tái)時(shí) ，他便成為系統(tǒng)管理員，可以執(zhí)行對(duì)新聞和欄目的查看、修改、刪除和添加。此界面主要是面向管理員的，界面要設(shè)計(jì)得簡(jiǎn)潔方便，使得系統(tǒng)管理員在管理系統(tǒng)時(shí)容易操作。 當(dāng)管理員用戶登錄到系統(tǒng)后臺(tái)時(shí)，呈現(xiàn)到他眼前的是系統(tǒng)后臺(tái)管理的主頁(yè)面： 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 9 頁(yè) ，共 43 頁(yè) 首先，系統(tǒng)后臺(tái)主頁(yè)面左上角是歡迎詞（歡迎 +用戶級(jí)別 +管理員名），對(duì)于管理員，他可以感覺(jué)到系統(tǒng)的人性化；對(duì)于系統(tǒng)本身，系統(tǒng)可以識(shí)別此時(shí)登錄的是哪個(gè)管理員，可以分配管理員的權(quán)限。 其次，歡迎詞下方是系統(tǒng)管理的功能選擇，一目了然，管理員可以在此選擇要操作的模塊進(jìn)入，然后執(zhí)行相應(yīng) 的操作。 再次，再往下就是系統(tǒng)新聞列表，與前臺(tái)新聞顯示類似，只是多了對(duì)新聞的操作（修改和刪除）。管理員可以在此對(duì)系統(tǒng)已有的新聞進(jìn)行修改和刪除操作。 添加新聞設(shè)計(jì) 如果系統(tǒng)管理員在系統(tǒng)后臺(tái)主頁(yè)面中選擇“添加新聞”，管理員會(huì)進(jìn)入下圖這樣一個(gè)頁(yè)面進(jìn)行新聞的添加，添加完新聞標(biāo)題和新聞?wù)膬?nèi)容后，還必須選擇所添加新聞所屬的新聞欄目。確認(rèn)所有內(nèi)容均已填好，點(diǎn)擊“發(fā)表”按鈕，新聞發(fā)布工作完成，如果點(diǎn)擊“清除”按鈕，則系統(tǒng)清除管理員剛才的所有輸入，讓管理員重新填寫(xiě)新聞的各項(xiàng)內(nèi)容。管理員可以在系統(tǒng)后 臺(tái)主頁(yè)面中看到剛剛發(fā)表的新聞，可以對(duì)其進(jìn)行相關(guān)操作。 欄目管理設(shè)計(jì) 如果系統(tǒng)管理員在系統(tǒng)后臺(tái)主頁(yè)面中選擇“欄目管理”，系統(tǒng)將鏈接到新聞欄目管理頁(yè)面。欄目管理頁(yè)面上有一些鏈接按鈕，可以讓管理員鏈接到其他頁(yè)面。鏈接按鈕下面是系統(tǒng)已有新聞欄目的列表，在此，管理員可以對(duì)新聞發(fā)布系統(tǒng)的欄目進(jìn)行操作（編輯和刪除欄目）。 如果管理員想要添加新聞欄目，只需點(diǎn)擊“添加欄目”，就可以被鏈接到添加新聞欄目頁(yè)面，添加欄目完成后，管理員可以在欄目管理主頁(yè)面的欄目列表中找到新添加的欄目，并對(duì)其進(jìn)行相關(guān)操作。 模型層設(shè)計(jì) 本系統(tǒng)模型層由 JavaBean 完成，模型層設(shè)計(jì)主要設(shè)計(jì)出完成各個(gè)功能模塊中模型層的 JavaBean類。模型層的類主要新聞管理類 NewsJdbc以及欄目管理類 NewclaJdbc。 前臺(tái)顯示和用戶登錄 在前臺(tái)顯示和用戶登錄模塊中，充當(dāng)模型層的是 News和 Newcla根據(jù)系統(tǒng)分析中的系統(tǒng)前臺(tái)需求用例分析和上述的前臺(tái)界面功能描述，對(duì)系統(tǒng)的前臺(tái)的每一個(gè)流程、每一個(gè)模塊進(jìn)行詳細(xì)功能設(shè)計(jì)。 新聞管理 管理員在系統(tǒng)后臺(tái)主界面中可以對(duì)已有新聞進(jìn)行管理 （修改、刪除和添加），新聞管理模塊中充當(dāng)長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 10 頁(yè) ，共 43 頁(yè) 模型層的仍然是 News和 Newcla。 欄目管理 欄目管理中可以對(duì)已有欄目的編輯、刪除以及添加新欄目。 控制層設(shè)計(jì) 用戶登錄 當(dāng)用戶通過(guò)系統(tǒng)前臺(tái)提供的登錄入口登錄后臺(tái)系統(tǒng)時(shí)，系統(tǒng)將用戶的登錄信息提交給登錄控制層處理。所以登錄控制器必須對(duì)用戶登錄信息進(jìn)行識(shí)別，判斷其是否有權(quán)限登錄到后臺(tái)系統(tǒng)。用戶登錄控制器由 LoginServlet完成。 新聞管理 新聞管理中主要涉及到新聞信息的添加、刪除和修改 ，所以其控制層由 NewsServlet完成。 欄目管理 欄目管理模塊主要對(duì)新聞欄目進(jìn)行修改、刪除和添加，此功能模塊控制層由 NewclaServlet完成。 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)概念設(shè)計(jì) 根據(jù)上面的數(shù)據(jù)庫(kù)需求分析，就可以構(gòu)造出各種實(shí)體，以及并根據(jù)它們的關(guān)系繪制出實(shí)體間的 ER圖，為以后的邏輯設(shè)計(jì)打下基礎(chǔ)。如圖 31為本新聞發(fā)布系統(tǒng)實(shí)體間的 ER圖。 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 11 頁(yè) ，共 43 頁(yè) 欄 目 編 號(hào)欄 目欄 目 名 稱新 聞新 聞 編 號(hào)新 聞 標(biāo) 題新 聞 內(nèi) 容管 理 員 名稱所 屬 欄 目發(fā) 布 時(shí) 間屬 于1N管 理 員管 理1 N用 戶 名 密 碼 圖 33 實(shí)體之間關(guān)系的 ER圖 數(shù)據(jù)庫(kù)表設(shè)計(jì) 數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)完畢后，現(xiàn)在可以將上面的數(shù)據(jù)庫(kù)概念結(jié)構(gòu)轉(zhuǎn)化為某種數(shù)據(jù)庫(kù)系統(tǒng)所支持的實(shí)際數(shù)據(jù)庫(kù)模型。本系統(tǒng)使用 Mysql數(shù)據(jù)庫(kù)。 新聞發(fā)布系統(tǒng)的數(shù)據(jù)庫(kù)中各表的設(shè)計(jì)結(jié)果如下面幾個(gè)表所示。 圖 34 新聞欄目表 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 12 頁(yè) ，共 43 頁(yè) 圖 35 新聞表 圖 36 用戶表 圖 37 評(píng)論表 數(shù)據(jù)庫(kù)連接設(shè)計(jì) 傳統(tǒng)的數(shù)據(jù)庫(kù)連接 傳統(tǒng)的數(shù)據(jù)庫(kù)連接模式基本上是按以下步驟進(jìn)行：① 在主程序（如 Servlet、 Beans）中建立數(shù)據(jù)庫(kù)連接；②進(jìn)行 SQL 操作，取出數(shù)據(jù)；③斷開(kāi)數(shù)據(jù)庫(kù)連接。本系統(tǒng)也是才用此鏈接方式，連接類： 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 13 頁(yè) ，共 43 頁(yè) package 。 import 。 import 。 import 。 import 。 import 。 public class JdbcConn { private JdbcConn(){ } static{ try { // ()。 } catch (ClassNotFoundException e) { ()。 } } public static Connection getConn(){ // Connection conn = null。 try { conn = (jdbc: (連接數(shù)據(jù)庫(kù)成功！ )。 } catch (SQLException e) { ()。 } 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 14 頁(yè) ，共 43 頁(yè) return conn。 } //釋放資源 public static void free(Statement st , ResultSet rs , Connection conn){ try { if(rs != null){ ()。 rs = null。 } } catch (SQLException e) { ()。 }finally { try { if(st != null){ ()。 st = null。 } } catch (SQLException e) { ()。 }finally{ try { if (conn != null){ ()。 conn = null。 } } catch (SQLException e) { ()。 } } 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 15 頁(yè) ，共 43 頁(yè) } } } 小結(jié) 本章首先進(jìn)行了系統(tǒng)總體設(shè)計(jì)，接著按照 MVC設(shè)計(jì)模式的三層結(jié)構(gòu)根據(jù)系統(tǒng)需求用例對(duì)新聞發(fā)布系統(tǒng)功能進(jìn)行設(shè)計(jì)，最后設(shè)計(jì)出系統(tǒng)的數(shù)據(jù)庫(kù)并對(duì)數(shù)據(jù)庫(kù)連接進(jìn)行了相應(yīng)的設(shè)計(jì)。通過(guò)本章，系統(tǒng)設(shè)計(jì)出了用來(lái)完成系統(tǒng)用例的業(yè)務(wù)功能模型以及完成各個(gè)用例的類。 第 4 章 系統(tǒng)實(shí)現(xiàn) 根據(jù)上一章的設(shè)計(jì)思路設(shè)計(jì)用來(lái)完成系 統(tǒng)用例的業(yè)務(wù)功能，整個(gè)系統(tǒng)按照 MVC模式的三個(gè)部分以及數(shù)據(jù)庫(kù)連接池進(jìn)行編碼實(shí)現(xiàn)，分為視圖層、控制層、模型層和數(shù)據(jù)庫(kù)連接池。由于系統(tǒng)實(shí)現(xiàn)的代碼量較大限于篇幅，文中僅顯示部分代碼。 視圖層實(shí)現(xiàn) 在系統(tǒng)其它視圖層部分實(shí)現(xiàn)之前，先對(duì)那些常用的公共頁(yè)面模塊部分實(shí)現(xiàn)。 公共頁(yè)面 。具體代碼如下： %@page import=% %@page import=% %@page import=%link rel=stylesheet href=css/ type=text/css/link %@ page language=java pageEncoding=UTF8% div align=center 歡迎進(jìn)入長(zhǎng)江師范學(xué)院新聞網(wǎng) script language=JavaScript type=text/javascript src= 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 16 頁(yè) ，共 43 頁(yè) a onClick==39。url(defaulthomepage)39。(39。)。 href=javascript:void(0)。 設(shè) 為 主 頁(yè) /a a href=javascript:(39。 /abr /div table width=850 border=0 align=center cellpadding=0 cellspacing=0 tr td width=850 height=141 align=center valign=middle background=img/embed src=img/ quality=high wmode=transparent pluginspage= type=application/xshockwaveflash width=850 height=120/embed a href=首頁(yè) /a｜ % NewclaJdbc nj=new NewclaJdbc()。 ListNewcla cla=()。 for(Newcla one:cla){ % a href=?cla=%=() %%=() %/a｜ % } %a href=會(huì)員注冊(cè) /a /td /tr /table 。具體代碼如下： link rel=stylesheet href=css/ type=text/css/link %@ page language=java pageEncoding=UTF8% table width=850 height=81 border=0 align=center cellpadding=0 cellspacing=0 長(zhǎng)江師范學(xué)院本科畢業(yè)設(shè)計(jì)基于 WEB 的新聞發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 第 17 頁(yè) ，共 43 頁(yè) class=bk tr td height=37 align=centercopyright@zkmy2020 版 權(quán) 所 有 : 曾 曉 龍 a href=admin/管理入口 /a/td /tr tr td height=40 align=center valign=top聯(lián)系地址：長(zhǎng)江師范學(xué)院 郵編 :408100 :359257073/td /tr /table 本系統(tǒng)的 CSS設(shè)計(jì)了 兩 個(gè) CSS樣式表（ 、 ）它主要設(shè)置頁(yè)面中顯示的 Body結(jié)構(gòu)的樣式、超鏈接 A的樣式、頁(yè)面中表格 Table樣式等的設(shè)置。 CSS樣式表可以使系統(tǒng)整體