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