【文章內(nèi)容簡(jiǎn)介】 而新聞欄目和新聞的顯示需要管理類進(jìn)行管理，系統(tǒng)管理員要對(duì)欄目和新聞進(jìn)行查看、添加、修改和刪除，也需要相應(yīng)的管理類進(jìn)行管理，所以，系統(tǒng)對(duì)于新聞欄目和新聞分別需要“欄目管理類”和 “新聞管理類”；（2）系統(tǒng)中應(yīng)該要有超級(jí)管理員、管理員、注冊(cè)用戶等角色，超級(jí)管理員是最高權(quán)限的，管理員是超級(jí)管理員發(fā)放的，注冊(cè)用戶是前臺(tái)注冊(cè)產(chǎn)生的。（3）系統(tǒng)要保存信息，必須用到數(shù)據(jù)庫，所以需要一個(gè)數(shù)據(jù)庫連接的類；（4）要將系統(tǒng)的各個(gè)功能執(zhí)行成功，少不了相應(yīng)的控制類。因此，識(shí)別出系統(tǒng)主要的類：新聞管理類（NewsJdbc） ，欄目管理類（NewclaJdbc） ，用戶管理類（RoleJdbc） ，評(píng)論管理類（Pingl）數(shù)據(jù)庫連接的連接對(duì)象類（JdbcConn）以及各個(gè) Servlet 類。 視圖層設(shè)計(jì) 前臺(tái)設(shè)計(jì)當(dāng)一個(gè)用戶瀏覽新聞系統(tǒng)時(shí)，首先進(jìn)入系統(tǒng)前臺(tái)界面。如果把一個(gè)系統(tǒng)比作一個(gè)人，那么前臺(tái)界面則是這個(gè)人的臉，因此系統(tǒng)的前臺(tái)界面的設(shè)計(jì)是比較重要的，并且，前臺(tái)界面應(yīng)該被設(shè)計(jì)得比較簡(jiǎn)潔，方便。首先，在本系統(tǒng)的前臺(tái)界面的頂部用戶可以看到一個(gè)專為注冊(cè)用戶提供的登錄入口，為用戶提供了方便。而對(duì)于一般用戶來說，他們也不會(huì)感覺這有何不妥，因?yàn)榇说卿浗缑姹容^簡(jiǎn)潔，并不會(huì)影響用戶正常地閱讀新聞。其次，在登錄界面的下方是新聞欄目的顯示，顯示系統(tǒng)新聞欄目數(shù)據(jù)庫中已有的新聞欄目，一目了然，用戶可以方便地找到自己喜歡和關(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)主頁面設(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)管理的主頁面：首先，系統(tǒng)后臺(tái)主頁面左上角是歡迎詞（歡迎+用戶級(jí)別+管理員名） ，對(duì)于管理員，他可以感覺到系統(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)主頁面中選擇“添加新聞” ，管理員會(huì)進(jìn)入下圖這樣一個(gè)頁面進(jìn)行新聞的添加，添加完新聞標(biāo)題和新聞?wù)膬?nèi)容后，還必須選擇所添加新聞所屬的新聞欄目。確認(rèn)所有內(nèi)容均已填好，點(diǎn)擊“發(fā)表”按鈕，新聞發(fā)布工作完成，如果點(diǎn)擊“清除”按鈕，則系統(tǒng)清除管理員剛才的所有輸入，讓管理員重新填寫新聞的各項(xiàng)內(nèi)容。管理員可以在系統(tǒng)后臺(tái)主頁面中看到剛剛發(fā)表的新聞，可以對(duì)其進(jìn)行相關(guān)操作。 欄目管理設(shè)計(jì)如果系統(tǒng)管理員在系統(tǒng)后臺(tái)主頁面中選擇“欄目管理” ，系統(tǒng)將鏈接到新聞欄目管理頁面。欄目管理頁面上有一些鏈接按鈕，可以讓管理員鏈接到其他頁面。鏈接按鈕下面是系統(tǒng)已有新聞欄目的列表，在此，管理員可以對(duì)新聞發(fā)布系統(tǒng)的欄目進(jìn)行操作（編輯和刪除欄目） 。如果管理員想要添加新聞欄目，只需點(diǎn)擊“添加欄目” ，就可以被鏈接到添加新聞欄目頁面，添加欄目完成后，管理員可以在欄目管理主頁面的欄目列表中找到新添加的欄目，并對(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)模型層的仍然是 News 和 Newcla。 欄目管理欄目管理中可以對(duì)已有欄目的編輯、刪除以及添加新欄目。 控制層設(shè)計(jì) 用戶登錄當(dāng)用戶通過系統(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ù)庫設(shè)計(jì) 數(shù)據(jù)庫概念設(shè)計(jì)根據(jù)上面的數(shù)據(jù)庫需求分析，就可以構(gòu)造出各種實(shí)體，以及并根據(jù)它們的關(guān)系繪制出實(shí)體間的 ER 圖，為以后的邏輯設(shè)計(jì)打下基礎(chǔ)。如圖 31 為本新聞發(fā)布系統(tǒng)實(shí)體間的 ER 圖。欄目編號(hào)欄目欄目名稱新聞新聞編號(hào)新聞標(biāo)題新聞內(nèi)容管理員名稱所屬欄目發(fā)布時(shí)間屬于1N管理員管理1 N用戶名 密碼圖 33 實(shí)體之間關(guān)系的 ER 圖 數(shù)據(jù)庫表設(shè)計(jì)數(shù)據(jù)庫邏輯設(shè)計(jì)完畢后，現(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è)計(jì)結(jié)果如下面幾個(gè)表所示。圖 34 新聞欄目表圖 35 新聞表圖 36 用戶表圖 37 評(píng)論表 數(shù)據(jù)庫連接設(shè)計(jì) 傳統(tǒng)的數(shù)據(jù)庫連接傳統(tǒng)的數(shù)據(jù)庫連接模式基本上是按以下步驟進(jìn)行：①在主程序（如 Servlet、Beans）中建立數(shù)據(jù)庫連接；②進(jìn)行 SQL 操作，取出數(shù)據(jù)；③斷開數(shù)據(jù)庫連接。本系統(tǒng)也是才用此鏈接方式，連接類 代碼如下：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ù)庫成功！)。} catch (SQLException e) {()。}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) {()。}}}}} 小結(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ù)庫并對(duì)數(shù)據(jù)庫連接進(jìn)行了相應(yīng)的設(shè)計(jì)。通過本章，系統(tǒng)設(shè)計(jì)出了用來完成系統(tǒng)用例的業(yè)務(wù)功能模型以及完成各個(gè)用例的類。第 4 章 系 統(tǒng) 實(shí) 現(xiàn)根據(jù)上一章的設(shè)計(jì)思路設(shè)計(jì)用來完成系統(tǒng)用例的業(yè)務(wù)功能，整個(gè)系統(tǒng)按照 MVC 模式的三個(gè)部分以及數(shù)據(jù)庫連接池進(jìn)行編碼實(shí)現(xiàn)，分為視圖層、控制層、模型層和數(shù)據(jù)庫連接池。由于系統(tǒng)實(shí)現(xiàn)的代碼量較大限于篇幅，文中僅顯示部分代碼。 視圖層實(shí)現(xiàn)在系統(tǒng)其它視圖層部分實(shí)現(xiàn)之前，先對(duì)那些常用的公共頁面模塊部分實(shí)現(xiàn)。 公共頁面 中包含了其它頁面常用到的頁面頭部的設(shè)計(jì)。具體代碼如下：%@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=a 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=會(huì)員注冊(cè)/a/td/tr/table 中包含了其它頁面常用到的頁面尾部的設(shè)計(jì)。具體代碼如下：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 class=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)系地址：長(zhǎng)江師范學(xué)院 郵編:408100 :359257073/td /tr/table本系統(tǒng)的 CSS 設(shè)計(jì)了兩個(gè) CSS 樣式表（、）它主要設(shè)置頁面中顯示的 Body 結(jié)構(gòu)的樣式、超鏈接 A 的樣式、頁面中表格 Table 樣式等的設(shè)置。CSS 樣式表可以使系統(tǒng)整體風(fēng)格一致。 前臺(tái)實(shí)現(xiàn)系統(tǒng)前臺(tái)視圖層由 實(shí)現(xiàn)。 僅負(fù)責(zé)顯示新聞欄目和系統(tǒng)已有新聞以及為管理員用戶提供一個(gè)登錄入口。 頁面顯示截圖如圖 41。圖 41 頁面實(shí)現(xiàn)截圖 后臺(tái)實(shí)現(xiàn)系統(tǒng)后臺(tái)視圖層主要由、admin_rol 和 組成。 是系統(tǒng)后臺(tái)主頁面。其實(shí)現(xiàn)顯示截圖如圖 42。圖 42 實(shí)現(xiàn)截圖 實(shí)現(xiàn)新聞的添加。當(dāng)用戶在后臺(tái)主頁面中選擇添加新聞按鈕時(shí)，管理員便進(jìn)入此頁面。其實(shí)現(xiàn)截圖如圖 43。圖 43 實(shí)現(xiàn)截圖 實(shí)現(xiàn)新聞欄目的管理，管理員可以在此對(duì)進(jìn)行新聞欄目的相關(guān)操作。其實(shí)現(xiàn)截圖如圖 44。圖 44 實(shí)現(xiàn)截圖 它實(shí)現(xiàn)欄目的添加功能。其實(shí)現(xiàn)截圖如圖 45。圖 45 實(shí)現(xiàn)截圖