項(xiàng)目7新聞系統(tǒng)開發(fā)項(xiàng)目導(dǎo)入云林科技將在網(wǎng)上實(shí)時(shí)發(fā)布公司的各種新聞，因此需開發(fā)一個新聞系統(tǒng)，技術(shù)部唐工把新聞系統(tǒng)的開發(fā)分成新聞系統(tǒng)界面設(shè)計(jì)和新聞系統(tǒng)后臺管理兩個項(xiàng)目來實(shí)現(xiàn)，在項(xiàng)目6中已經(jīng)完成了新聞系統(tǒng)界面設(shè)計(jì)，本項(xiàng)目的主要任務(wù)是新聞系統(tǒng)后臺管理的設(shè)計(jì)與制作。要求如下：第一，管理員管理，只有管理員才可以登錄系統(tǒng)后臺進(jìn)行管理，并且可以實(shí)現(xiàn)對管理員的添加、刪除和修改等操作；第二，新聞分類管理，可以實(shí)現(xiàn)對新聞類別的添加、刪除和修改等操作；第三，新聞信息管理，可以實(shí)現(xiàn)對新聞信息的添加、修改和刪除等操作。新聞系統(tǒng)后臺管理的默認(rèn)首頁如圖7-1所示。圖7-1

新聞系統(tǒng)后臺管理的默認(rèn)首頁【項(xiàng)目分析】為了更好地完成云林科技的新聞系統(tǒng)，技術(shù)部將此項(xiàng)目分成前端界面設(shè)計(jì)和系統(tǒng)后臺管理設(shè)計(jì)與制作兩部分來完成。本項(xiàng)目將學(xué)習(xí)如何完成新聞系統(tǒng)后臺管理的設(shè)計(jì)與制作，主要包括軟件系統(tǒng)的設(shè)計(jì)方法、數(shù)據(jù)庫和數(shù)據(jù)表的設(shè)計(jì)與創(chuàng)建方法、新聞系統(tǒng)后臺管理的設(shè)計(jì)方法以及各種瀏覽器兼容技術(shù)等?！局R目標(biāo)】學(xué)習(xí)軟件系統(tǒng)的設(shè)計(jì)。學(xué)習(xí)數(shù)據(jù)庫和數(shù)據(jù)表的設(shè)計(jì)與創(chuàng)建。學(xué)習(xí)新聞系統(tǒng)后臺管理的設(shè)計(jì)。學(xué)習(xí)整個新聞系統(tǒng)的設(shè)計(jì)與制作實(shí)現(xiàn)過程。【能力目標(biāo)】能夠熟練掌握軟件系統(tǒng)的設(shè)計(jì)方法。能夠熟練掌握數(shù)據(jù)庫和數(shù)據(jù)表的設(shè)計(jì)與創(chuàng)建方法。能夠掌握新聞系統(tǒng)后臺管理的設(shè)計(jì)方法。能夠熟悉整個新聞系統(tǒng)的設(shè)計(jì)與制作實(shí)現(xiàn)過程。【素質(zhì)目標(biāo)】善于與他人交流、合作。【項(xiàng)目實(shí)現(xiàn)】新聞系統(tǒng)后臺管理

接到項(xiàng)目后，唐工分析了項(xiàng)目要求，把此項(xiàng)目整體分成6個任務(wù)來實(shí)現(xiàn)：系統(tǒng)功能設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、后臺管理系統(tǒng)設(shè)計(jì)、管理員管理、新聞分類管理和新聞信息管理。

新聞系統(tǒng)是一個基于新聞和內(nèi)容管理的一站式管理系統(tǒng)，可以將雜亂無章的信息（包括文字、圖片和影音）經(jīng)過組織，合理、有序地呈現(xiàn)在大家面前。

使用新聞系統(tǒng)可以使新聞發(fā)布和管理變得很輕松，管理員只需設(shè)置標(biāo)題、內(nèi)容和圖片等就可以了，系統(tǒng)將自動生成對應(yīng)的新聞網(wǎng)頁。

新聞系統(tǒng)一般分為前臺顯示系統(tǒng)和后臺管理系統(tǒng)。后臺管理系統(tǒng)主要實(shí)現(xiàn)下面的功能。任務(wù)一系統(tǒng)功能設(shè)計(jì)

（1）管理員管理

在登錄頁面，用戶輸入信息后提交到驗(yàn)證程序進(jìn)行密碼比對，如果正確，則成功登錄到后臺進(jìn)行相應(yīng)的操作；否則顯示錯誤信息并跳轉(zhuǎn)回登錄頁面。（2）新聞分類管理

新聞分類管理包括添加新聞分類、修改新聞分類和刪除新聞分類。（3）新聞信息管理

新聞信息管理包括添加新聞信息、修改新聞信息和刪除新聞信息。新聞系統(tǒng)后臺管理功能模塊如圖7-2所示。圖7-2

新聞系統(tǒng)后臺管理功能模塊1．任務(wù)分析

數(shù)據(jù)庫的設(shè)計(jì)對新聞系統(tǒng)的實(shí)現(xiàn)起著至關(guān)重要的作用，設(shè)計(jì)合理的數(shù)據(jù)庫表結(jié)構(gòu)不僅有利于新聞系統(tǒng)的開發(fā)，而且有利于提高新聞系統(tǒng)的性能。根據(jù)新聞系統(tǒng)的功能設(shè)計(jì)要求，本系統(tǒng)需要如下4個數(shù)據(jù)表。任務(wù)二數(shù)據(jù)庫設(shè)計(jì)

（1）管理員表manager

管理員表用于保存新聞系統(tǒng)后臺的管理員賬號，為了防止明文密碼存儲帶來安全隱患，這里對密碼進(jìn)行SHA-512加密處理。本著實(shí)用的目的，表的字段較多，其結(jié)構(gòu)如表7-1所示。字段名數(shù)據(jù)類型描述key_usersint(10)unsigned主鍵ID，自動增長idvarchar(50)用戶名，唯一約束passwordvarchar(128)加密后的密碼login_timevarchar(20)最后登錄時(shí)間表7-1

管理員表（2）新聞分類表news_type

新聞分類表用于保存新聞分類信息，如“國內(nèi)要聞”“圖片新聞”“系統(tǒng)公告”等，其結(jié)構(gòu)如表7-2所示。字段名數(shù)據(jù)類型描述news_type_idint(10)unsigned主鍵ID，自動增長news_typevarchar(50)新聞分類名稱表7-2

新聞分類表（3）新聞信息表news_info

新聞信息表用于保存新聞的詳細(xì)信息，其結(jié)構(gòu)如表7-3所示。字段名數(shù)據(jù)類型描述news_idint(10)unsigned主鍵ID，自動增長titlevarchar(100)新聞標(biāo)題news_typevarchar(50)所屬新聞分類sourcevarchar(50)NULL新聞來源或發(fā)布者post_timevarchar(20)新聞發(fā)布時(shí)間detailtext新聞詳細(xì)內(nèi)容news_picvarchar(50)NULL新聞圖片news_pic_alignvarchar(10)圖片對齊方式表7-3

新聞信息表（4）模板信息表template_info

模板信息表用于保存網(wǎng)站模板的具體信息，如首頁模板、內(nèi)頁模板等，其結(jié)構(gòu)如表7-4所示。字段名數(shù)據(jù)類型描述template_idint(10)unsigned主鍵ID，自動增長template_namevarchar(10)模板名稱template_contenttext模板內(nèi)容表7-4

模板信息表2．代碼實(shí)現(xiàn)

用MySQL數(shù)據(jù)庫建立新聞系統(tǒng)的數(shù)據(jù)庫和4個數(shù)據(jù)表。（1）用“root”登錄MySQL服務(wù)器，創(chuàng)建名為“newsdb”的數(shù)據(jù)庫，其“排序規(guī)則”選擇“utf8mb4_unicode_ci”。（2）

執(zhí)行如下SQL語句，完成數(shù)據(jù)表的創(chuàng)建以及管理員的設(shè)置（用戶名為“newsdb”，密碼為“news331”，并給予查詢、添加、修改、刪除、索引、建立臨時(shí)表等權(quán)限）。3．運(yùn)行效果

構(gòu)建好的數(shù)據(jù)表如圖7-3所示。圖7-3

新聞系統(tǒng)所有數(shù)據(jù)表

數(shù)據(jù)庫設(shè)計(jì)完成以后，就可以進(jìn)行后臺管理系統(tǒng)的設(shè)計(jì)了，包括管理員管理、新聞分類管理和新聞信息管理等功能。

本項(xiàng)目為一個綜合項(xiàng)目，設(shè)其根目錄為“D:\PHP\ch07”。為了提高新聞系統(tǒng)開發(fā)效率和減少代碼重復(fù)，將本項(xiàng)目用到的公共程序文件清單列出，如表7-5所示。任務(wù)三后臺管理系統(tǒng)設(shè)計(jì)

編號文件名（含相對路徑）功能1css/admin.css樣式表，后臺共用2js/jquery-1.12.4.jsjQuery庫，后臺共用3js/jquery.validate.jsjQuery驗(yàn)證插件，后臺共用4js/additional-methods.jsjQuery驗(yàn)證插件，后臺共用5js/messages_zh.jsjQuery驗(yàn)證插件，后臺共用6js/news.jsJavaScript驗(yàn)證程序，后臺共用7webuser.php數(shù)據(jù)庫基本設(shè)置，前后臺共用8mysql.php連接MySQL服務(wù)器，前后臺共用9charset.php設(shè)置字符集，前后臺共用10head.php后臺功能模塊鏈接，后臺共用11admin_session.phpSession設(shè)置，后臺共用12admin.php后臺管理默認(rèn)首頁表7-5

公共程序文件清單

根據(jù)后臺管理系統(tǒng)要實(shí)現(xiàn)的功能，主要將完成以下程序文件的開發(fā)，為了方便學(xué)習(xí)，將這些程序文件清單列出，如表7-6所示。編號文件名（含相對路徑）功能所屬模塊1loginadmin.php管理員登錄入口管理員管理模塊2loginend.php管理員登錄驗(yàn)證3password.php管理員密碼修改入口4updatepassword.php管理員密碼修改處理5logout.php管理員退出登錄6news_type.php新聞分類管理新聞分類管理模塊7add_type.php添加新聞分類入口8add_type_end.php添加新聞分類處理9update_type.php修改新聞分類入口10update_type_end.php修改新聞分類處理11del_type.php刪除新聞分類入口12news_info.php新聞信息管理新聞信息管理模塊13add_news.php添加新聞信息入口14add_news_end.php添加新聞信息處理15update_news.php修改新聞信息入口16update_news_end.php修改新聞信息處理17del_news.php刪除新聞信息入口表7-6

后臺管理系統(tǒng)程序文件清單1．任務(wù)分析

管理員管理包括管理員登錄、管理員修改密碼、管理員退出登錄、管理員主界面、增加管理員、修改管理員、刪除管理員等。2．代碼實(shí)現(xiàn)（1）管理員登錄（2）管理員修改密碼（3）管理員退出登錄任務(wù)四管理員管理

3．運(yùn)行效果（1）管理員登錄

在瀏覽器中訪問http://localhost/ch07/loginadmin.php，運(yùn)行結(jié)果如圖7-4所示。

圖7-4

管理員登錄表單頁面（2）管理員修改密碼

在后臺管理系統(tǒng)界面中單擊“修改密碼”按鈕，運(yùn)行修改密碼表單程序，輸入舊密碼和新密碼后，經(jīng)過“updatepassword.php”驗(yàn)證后，即可成功修改密碼，如圖7-5所示。圖7-5

管理員修改密碼表單頁面（3）管理員退出登錄

完成后臺管理工作后，單擊“退出登錄”按鈕，執(zhí)行“l(fā)ogout.php”，可以安全退出系統(tǒng)，如圖7-6所示。圖7-6

管理員退出登錄1．任務(wù)分析

新聞一般需要分類展示，這樣既便于管理，又便于閱讀。新聞分類管理包括新聞分類管理主界面、新聞分類添加、新聞分類修改、新聞分類刪除等。任務(wù)五新聞分類管理

2．代碼實(shí)現(xiàn)（1）新聞分類管理主界面（2）新聞分類添加（3）新聞分類修改（4）新聞分類刪除3．運(yùn)行效果（1）新聞分類管理主界面單擊“新聞分類管理”，運(yùn)行新聞分類管理主界面程序“news_type.php”，其效果如圖7-7所示。圖7-7

新聞分類管理主界面（2）新聞分類添加

在新聞分類管理主界面中單擊“添加新聞分類”按鈕，運(yùn)行“add_type.php”，在彈出的對話框（見圖7-8）中輸入新聞分類名稱，如“國內(nèi)要聞”，單擊“添加”按鈕，經(jīng)“add_type_end.php”處理后，新聞分類即可成功添加。圖7-8

新聞分類添加

把前臺首頁設(shè)計(jì)的新聞分類全部加上，最后的結(jié)果如圖7-9所示。圖7-9

新聞分類添加完成（3）新聞分類修改

在新聞分類管理主界面中單擊新聞分類名稱后面的“修改”鏈接，運(yùn)行“update_type.php”，在彈出的對話框（見圖7-10）中輸入新的分類名稱，單擊“修改”按鈕，經(jīng)“update_type_end.php”驗(yàn)證通過后，新聞分類修改即可成功。圖7-10

新聞分類修改（4）新聞分類刪除

在新聞分類管理主界面中單擊新聞分類名稱后面的“刪除”鏈接，運(yùn)行“del_type.php”，即可完成刪除操作。注意，刪除操作需謹(jǐn)慎，刪除后不可恢復(fù)。1．任務(wù)分析

新聞信息管理是新聞系統(tǒng)的核心功能，是新聞系統(tǒng)設(shè)計(jì)成功的關(guān)鍵。新聞信息管理包括新聞信息管理主界面，新聞信息添加、新聞信息修改、新聞信息刪除等功能。任務(wù)六新聞信息管理

2．代碼實(shí)現(xiàn)（1）新聞信息管理主界面（2）新聞信息添加（3）新聞信息修改（4）新聞信息刪除3．運(yùn)行效果（1）新聞信息管理主界面

單擊“新聞信息管理”，運(yùn)行新聞信息管理主界面程序“news_info.php”，其效果如圖7-11所示。

圖7-11

新聞信息管理主界面

（2）新聞信息添加

在新聞信息管理主界面中單擊“添加新聞信息”按鈕，運(yùn)行“add_news.php”，輸入表單標(biāo)簽相應(yīng)信息和圖片，單擊“添加”按鈕，經(jīng)“add_news_end.php”處理后就可添加一條圖文并茂的新聞，如圖7-12所示。圖7-12

新聞信息添加

把前臺首頁設(shè)計(jì)的新聞信息全部加上，最后的結(jié)果如圖7-13所示。

圖7-13

新聞信息添加完成（3）新聞信息修改

在新聞信息管理主界面中單擊新聞標(biāo)題后面的“修改”鏈接，運(yùn)行“update_new