【文章內(nèi)容簡介】 理類”和 “新聞管理類”；（2）系統(tǒng)中應(yīng)該要有超級管理員、管理員、注冊用戶等角色，超級管理員是最高權(quán)限的，管理員是超級管理員發(fā)放的，注冊用戶是前臺注冊產(chǎn)生的。8 / 41（3）系統(tǒng)要保存信息，必須用到數(shù)據(jù)庫，所以需要一個數(shù)據(jù)庫連接的類；（4）要將系統(tǒng)的各個功能執(zhí)行成功，少不了相應(yīng)的控制類。因此，識別出系統(tǒng)主要的類：新聞管理類（NewsJdbc） ，欄目管理類（NewclaJdbc） ，用戶管理類（RoleJdbc） ，評論管理類（Pingl）數(shù)據(jù)庫連接的連接對象類（JdbcConn）以及各個 Servlet 類。 視圖層設(shè)計 前臺設(shè)計當(dāng)一個用戶瀏覽新聞系統(tǒng)時，首先進(jìn)入系統(tǒng)前臺界面。如果把一個系統(tǒng)比作一個人，那么前臺界面則是這個人的臉，因此系統(tǒng)的前臺界面的設(shè)計是比較重要的，并且，前臺界面應(yīng)該被設(shè)計得比較簡潔，方便。首先，在本系統(tǒng)的前臺界面的頂部用戶可以看到一個專為注冊用戶提供的登錄入口，為用戶提供了方便。而對于一般用戶來說，他們也不會感覺這有何不妥，因為此登錄界面比較簡潔，并不會影響用戶正常地閱讀新聞。其次，在登錄界面的下方是新聞欄目的顯示，顯示系統(tǒng)新聞欄目數(shù)據(jù)庫中已有的新聞欄目，一目了然，用戶可以方便地找到自己喜歡和關(guān)心的新聞所在的欄目。再次，在新聞欄目的下方則是新聞條目的顯示，默認(rèn)的新聞條目的顯示方式是以表格的形式將系統(tǒng)新聞數(shù)據(jù)表中的新聞按發(fā)布時間進(jìn)行列表（發(fā)布較早的新聞被放在列表的后面，而發(fā)布較遲的新聞被放在列表的前面，體現(xiàn)了新聞的“新” ，即“時效性” ） 。新聞列表中僅顯示新聞的標(biāo)題，發(fā)布時間和新聞作者，如果想瀏覽整篇新聞，用戶可以點(diǎn)擊新聞標(biāo)題（超鏈接） 。然后，用戶可以對自己比較關(guān)心和感興趣的新聞進(jìn)行有選擇性地瀏覽，這時新聞欄目便起作用了。當(dāng)用戶點(diǎn)擊新聞所在的欄目時，系統(tǒng)在新聞列表中只顯示本欄目的新聞條目。用戶可以在此瀏覽自己關(guān)心和感興趣的新聞。 后臺設(shè)計 后臺主頁面設(shè)計當(dāng)用戶登錄到系統(tǒng)后臺時，他便成為系統(tǒng)管理員，可以執(zhí)行對新聞和欄目的查看、修改、刪除和添加。此界面主要是面向管理員的，界面要設(shè)計得簡潔方便，使得系統(tǒng)管理員在管理系統(tǒng)時容易操作。9 / 41當(dāng)管理員用戶登錄到系統(tǒng)后臺時，呈現(xiàn)到他眼前的是系統(tǒng)后臺管理的主頁面：首先，系統(tǒng)后臺主頁面左上角是歡迎詞（歡迎+用戶級別+管理員名） ，對于管理員，他可以感覺到系統(tǒng)的人性化；對于系統(tǒng)本身，系統(tǒng)可以識別此時登錄的是哪個管理員，可以分配管理員的權(quán)限。其次，歡迎詞下方是系統(tǒng)管理的功能選擇，一目了然，管理員可以在此選擇要操作的模塊進(jìn)入，然后執(zhí)行相應(yīng)的操作。再次，再往下就是系統(tǒng)新聞列表，與前臺新聞顯示類似，只是多了對新聞的操作（修改和刪除） 。管理員可以在此對系統(tǒng)已有的新聞進(jìn)行修改和刪除操作。 添加新聞設(shè)計如果系統(tǒng)管理員在系統(tǒng)后臺主頁面中選擇“添加新聞” ，管理員會進(jìn)入下圖這樣一個頁面進(jìn)行新聞的添加，添加完新聞標(biāo)題和新聞?wù)膬?nèi)容后，還必須選擇所添加新聞所屬的新聞欄目。確認(rèn)所有內(nèi)容均已填好，點(diǎn)擊“發(fā)表”按鈕，新聞發(fā)布工作完成，如果點(diǎn)擊“清除”按鈕，則系統(tǒng)清除管理員剛才的所有輸入，讓管理員重新填寫新聞的各項內(nèi)容。管理員可以在系統(tǒng)后臺主頁面中看到剛剛發(fā)表的新聞，可以對其進(jìn)行相關(guān)操作。 欄目管理設(shè)計如果系統(tǒng)管理員在系統(tǒng)后臺主頁面中選擇“欄目管理” ，系統(tǒng)將鏈接到新聞欄目管理頁面。欄目管理頁面上有一些鏈接按鈕，可以讓管理員鏈接到其他頁面。鏈接按鈕下面是系統(tǒng)已有新聞欄目的列表，在此，管理員可以對新聞發(fā)布系統(tǒng)的欄目進(jìn)行操作（編輯和刪除欄目） 。如果管理員想要添加新聞欄目，只需點(diǎn)擊“添加欄目” ，就可以被鏈接到添加新聞欄目頁面，添加欄目完成后，管理員可以在欄目管理主頁面的欄目列表中找到新添加的欄目，并對其進(jìn)行相關(guān)操作。 模型層設(shè)計本系統(tǒng)模型層由 JavaBean 完成，模型層設(shè)計主要設(shè)計出完成各個功能模塊中模型層的 JavaBean類。模型層的類主要新聞管理類 NewsJdbc 以及欄目管理類 NewclaJdbc。 前臺顯示和用戶登錄在前臺顯示和用戶登錄模塊中，充當(dāng)模型層的是 News 和 Newcla 根據(jù)系統(tǒng)分析中的系統(tǒng)前臺需求用例分析和上述的前臺界面功能描述，對系統(tǒng)的前臺的每一個流程、每一個模塊進(jìn)行詳細(xì)功能設(shè)計。10 / 41 新聞管理管理員在系統(tǒng)后臺主界面中可以對已有新聞進(jìn)行管理（修改、刪除和添加） ，新聞管理模塊中充當(dāng)模型層的仍然是 News 和 Newcla。 欄目管理欄目管理中可以對已有欄目的編輯、刪除以及添加新欄目。 控制層設(shè)計 用戶登錄當(dāng)用戶通過系統(tǒng)前臺提供的登錄入口登錄后臺系統(tǒng)時，系統(tǒng)將用戶的登錄信息提交給登錄控制層處理。所以登錄控制器必須對用戶登錄信息進(jìn)行識別，判斷其是否有權(quán)限登錄到后臺系統(tǒng)。用戶登錄控制器由 LoginServlet 完成。 新聞管理新聞管理中主要涉及到新聞信息的添加、刪除和修改，所以其控制層由 NewsServlet 完成。 欄目管理欄目管理模塊主要對新聞欄目進(jìn)行修改、刪除和添加，此功能模塊控制層由 NewclaServlet 完成。 數(shù)據(jù)庫設(shè)計 數(shù)據(jù)庫概念設(shè)計根據(jù)上面的數(shù)據(jù)庫需求分析，就可以構(gòu)造出各種實(shí)體，以及并根據(jù)它們的關(guān)系繪制出實(shí)體間的 ER 圖，為以后的邏輯設(shè)計打下基礎(chǔ)。如圖 31 為本新聞發(fā)布系統(tǒng)實(shí)體間的 ER 圖。11 / 41欄目編號欄目欄目名稱新聞新聞編號新聞標(biāo)題新聞內(nèi)容管理員名稱所屬欄目發(fā)布時間屬于1N管理員管理1 N用戶名 密碼圖 33 實(shí)體之間關(guān)系的 ER 圖 數(shù)據(jù)庫表設(shè)計數(shù)據(jù)庫邏輯設(shè)計完畢后，現(xiàn)在可以將上面的數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為某種數(shù)據(jù)庫系統(tǒng)所支持的實(shí)際數(shù)據(jù)庫模型。本系統(tǒng)使用 Mysql 數(shù)據(jù)庫。新聞發(fā)布系統(tǒng)的數(shù)據(jù)庫中各表的設(shè)計結(jié)果如下面幾個表所示。圖 34 新聞欄目表12 / 41圖 35 新聞表圖 36 用戶表圖 37 評論表 數(shù)據(jù)庫連接設(shè)計 傳統(tǒng)的數(shù)據(jù)庫連接傳統(tǒng)的數(shù)據(jù)庫連接模式基本上是按以下步驟進(jìn)行：①在主程序（如 Servlet、Beans）中建立數(shù)據(jù)庫連接；②進(jìn)行 SQL 操作，取出數(shù)據(jù)；③斷開數(shù)據(jù)庫連接。本系統(tǒng)也是才用此鏈接方式，連接類 代碼如下：13 / 41package 。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ù)庫成功！)。} catch (SQLException e) {()。}14 / 41return 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) {()。}}15 / 41}}} 小結(jié)本章首先進(jìn)行了系統(tǒng)總體設(shè)計，接著按照 MVC 設(shè)計模式的三層結(jié)構(gòu)根據(jù)系統(tǒng)需求用例對新聞發(fā)布系統(tǒng)功能進(jìn)行設(shè)計，最后設(shè)計出系統(tǒng)的數(shù)據(jù)庫并對數(shù)據(jù)庫連接進(jìn)行了相應(yīng)的設(shè)計。通過本章，系統(tǒng)設(shè)計出了用來完成系統(tǒng)用例的業(yè)務(wù)功能模型以及完成各個用例的類。第 4 章 系 統(tǒng) 實(shí) 現(xiàn)根據(jù)上一章的設(shè)計思路設(shè)計用來完成系統(tǒng)用例的業(yè)務(wù)功能，整個系統(tǒng)按照 MVC 模式的三個部分以及數(shù)據(jù)庫連接池進(jìn)行編碼實(shí)現(xiàn)，分為視圖層、控制層、模型層和數(shù)據(jù)庫連接池。由于系統(tǒng)實(shí)現(xiàn)的代碼量較大限于篇幅，文中僅顯示部分代碼。 視圖層實(shí)現(xiàn)在系統(tǒng)其它視圖層部分實(shí)現(xiàn)之前，先對那些常用的公共頁面模塊部分實(shí)現(xiàn)。 公共頁面 中包含了其它頁面常用到的頁面頭部的設(shè)計。具體代碼如下：%@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)入長江師范學(xué)院新聞網(wǎng) script language=JavaScript type=text/javascript src=16 / 41a onClick==39。url(defaulthomepage)39。(39。 href=javascript:void(0)。設(shè)為主頁/a a href=javascript:(39。/divtable 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=首頁/a｜ % NewclaJdbc nj=new NewclaJdbc()。 ListNewcla cla=()。 for(Newcla one:cla){ % a href=?cla=%=() %%=() %/a｜ % } %a href=會員注冊/a/td/tr/table 中包含了其它頁面常用到的頁面尾部的設(shè)計。具體代碼如下：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 17 / 41class=bk tr td height=37 align=centercopyright@zkmy2022 版權(quán)所有:曾曉龍 a href=admin/管理入口/a/td /tr tr td height=40 align=center valign=top聯(lián)系地址：長江師范學(xué)院 郵編:408100 :359257073/td /tr/table本系統(tǒng)的 CSS 設(shè)計了兩個 CSS 樣式表（、）它主要設(shè)置頁面中顯示的 Body 結(jié)構(gòu)的樣式、超鏈接 A 的樣式、頁面中表格 Table 樣式等的設(shè)置。CSS 樣式表可以使系統(tǒng)整體風(fēng)格一致。 前臺實(shí)現(xiàn)系統(tǒng)前臺視圖層由 實(shí)現(xiàn)。 僅負(fù)責(zé)顯示新聞欄目和系統(tǒng)已有新聞以及為管理員用戶提供一個登錄入口。 頁面顯示截圖如圖 41。圖 41 頁面實(shí)現(xiàn)截圖18 / 41 后臺實(shí)現(xiàn)系統(tǒng)后臺視圖層主要由、admin_rol 和 組成。 是系統(tǒng)后臺主頁面。其實(shí)現(xiàn)顯示截圖如圖 42。圖 42 實(shí)現(xiàn)截圖 實(shí)現(xiàn)新聞的添加。當(dāng)用戶在后臺主頁面中選擇添加新聞按鈕時，管理員便進(jìn)入此頁面。其實(shí)現(xiàn)截圖如圖 43。圖 43 實(shí)現(xiàn)截圖19 / 41 實(shí)現(xiàn)新聞欄目的管理，管理員可以在此對進(jìn)行新聞欄目的相關(guān)操作。其實(shí)現(xiàn)截圖如圖 44。圖 44 實(shí)現(xiàn)截圖 它實(shí)現(xiàn)欄目的添加功能。其實(shí)現(xiàn)截圖如圖 45。圖 45 實(shí)現(xiàn)截圖 實(shí)現(xiàn)的是對本系統(tǒng)用戶的管理，其實(shí)現(xiàn)截圖如圖 46。20 / 41圖 46 實(shí)現(xiàn)截圖 它實(shí)