第8章新聞發(fā)布系統(tǒng)

1、JSP+MySQL+Dreamweaver動態(tài)網(wǎng)站開發(fā)(kif)案例教程 機(jī)械工業(yè)出版社同名教材配套(pi to)電子教案共十七頁一 網(wǎng)站(wn zhn)的規(guī)劃二 數(shù)據(jù)庫設(shè)計(jì)定義網(wǎng)站與設(shè)置數(shù)據(jù)庫連接新聞發(fā)布系統(tǒng)主頁面的制作五 新聞發(fā)布系統(tǒng)管理頁面的制作第8章 新聞(xnwn)發(fā)布系統(tǒng)共十七頁8.1.1 網(wǎng)站結(jié)構(gòu) 新聞(xnwn)發(fā)布系統(tǒng)的網(wǎng)站結(jié)構(gòu)示意圖如圖8-1所示，主要包括瀏覽者頁面與管理員頁面兩部分，網(wǎng)站的首頁為news.jsp。8.1 網(wǎng)站(wn zhn)的規(guī)劃共十七頁8.1.2 頁面設(shè)計(jì) 本案例所介紹的新聞發(fā)布(fb)系統(tǒng)的頁面包括添加公告、修改公告、刪除公告以及瀏覽公告等7個(gè)頁面，如

2、表8-1所示。8.1 網(wǎng)站(wn zhn)的規(guī)劃共十七頁8.2.1 還原數(shù)據(jù)庫1復(fù)制數(shù)據(jù)庫文件夾到MySQL的數(shù)據(jù)庫文件夾 打開案例所在的文件夾，將數(shù)據(jù)庫文件夾news復(fù)制到MySQL的數(shù)據(jù)庫文件夾data下，即完成(wn chng)了數(shù)據(jù)庫的還原。2在MySQL Query Browser中查看數(shù)據(jù)庫中的表在MySQL Query Browser主界面的右側(cè)導(dǎo)航中顯示出已經(jīng)還原的數(shù)據(jù)庫news，如圖8-3所示。8.2 數(shù)據(jù)庫設(shè)計(jì)(shj)共十七頁8.2.2 數(shù)據(jù)表的結(jié)構(gòu)1表admins的結(jié)構(gòu) 這個(gè)表用來(yn li)存儲管理頁面的賬號和密碼，表的結(jié)構(gòu)如圖8-5所示。當(dāng)前表中已經(jīng)預(yù)存了一條管理

3、員的記錄，用戶名和密碼的值都是“admin”。8.2 數(shù)據(jù)庫設(shè)計(jì)(shj)共十七頁8.2.2 數(shù)據(jù)表的結(jié)構(gòu)2表newsdata的結(jié)構(gòu)這個(gè)表用來存儲新聞公告的信息，所有字段的命名都以“news_”為前綴，目的在于避免與系統(tǒng)(xtng)保留字的沖突。本表的主鍵是news_id（新聞編號），并設(shè)置為自動編號auto_increment，表的結(jié)構(gòu)如圖8-6所示。8.2 數(shù)據(jù)庫設(shè)計(jì)(shj)共十七頁 接下來要在Dreamweaver中定義一個(gè)JSP網(wǎng)站，設(shè)置本地文件夾、測試(csh)服務(wù)器和數(shù)據(jù)庫的連接，如表8-2所示。8.3 定義網(wǎng)站(wn zhn)與設(shè)置數(shù)據(jù)庫連接共十七頁 完成了網(wǎng)站的定義后，需要設(shè)

4、置網(wǎng)站與數(shù)據(jù)庫的連接，才能在此基礎(chǔ)上制作出動態(tài)(dngti)頁面。 8.3 定義(dngy)網(wǎng)站與設(shè)置數(shù)據(jù)庫連接共十七頁8.4.1 新聞標(biāo)題頁面的制作 新聞標(biāo)題頁面news.jsp用于顯示網(wǎng)站所有公告的標(biāo)題，用戶可以選擇要閱讀的標(biāo)題鏈接(lin ji)至詳細(xì)內(nèi)容，管理員可以從中選擇進(jìn)入管理頁面的鏈接(lin ji)，如圖8-12所示。8.4 新聞發(fā)布系統(tǒng)主頁面(y min)的制作共十七頁8.4.2 新聞內(nèi)容頁面的制作 本節(jié)講解的是制作新聞內(nèi)容頁面news_show.jsp，用來(yn li)顯示瀏覽者單擊新聞標(biāo)題后顯示出相關(guān)的詳細(xì)內(nèi)容。設(shè)計(jì)的重點(diǎn)是如何接收主頁面news.jsp所傳遞的參數(shù)，并

5、根據(jù)這個(gè)參數(shù)顯示數(shù)據(jù)庫中的數(shù)據(jù)。8.4 新聞發(fā)布系統(tǒng)(xtng)主頁面的制作 共十七頁8.5.1 管理員登錄頁面的制作 由于管理(gunl)頁面是不允許普通瀏覽者進(jìn)入的，所以必須受到權(quán)限管理(gunl)?？梢岳玫卿涃~號與密碼來判斷是否有適當(dāng)?shù)臋?quán)限進(jìn)入管理(gunl)頁面。Dreamweaver對于登錄頁面的制作具有一套完整的服務(wù)器行為。8.5 新聞發(fā)布(fb)系統(tǒng)管理頁面的制作共十七頁8.5.2 新聞管理主頁面的制作 新聞管理主頁面news_admin.jsp的制作與news.jsp大致相同，不同的是其中加入了能夠(nnggu)轉(zhuǎn)到編輯頁面的“修改”和“刪除”鏈接。8.5 新聞(xnwn)發(fā)

6、布系統(tǒng)管理頁面的制作 共十七頁8.5.3 添加新聞頁面的制作 接下來要設(shè)計(jì)添加新聞的頁面news_add.jsp，如圖8-59所示。該頁面包含一個(gè)用于提供新聞信息的表單，主要功能是將頁面的表單數(shù)據(jù)(shj)添加到網(wǎng)站的數(shù)據(jù)(shj)庫中。8.5 新聞發(fā)布(fb)系統(tǒng)管理頁面的制作共十七頁8.5.4 修改新聞頁面的制作 接下來設(shè)計(jì)修改新聞的頁面news_upd.jsp，此頁面的主要功能(gngnng)是將數(shù)據(jù)庫中的數(shù)據(jù)讀取至頁面表單，修改數(shù)據(jù)后再更新網(wǎng)站數(shù)據(jù)庫。8.5 新聞發(fā)布系統(tǒng)管理頁面(y min)的制作共十七頁8.5.5 刪除新聞頁面的制作 接下來設(shè)計(jì)刪除新聞的頁面news_del.jsp，此頁面的主要功能(gngnng)是將表單中的數(shù)據(jù)從網(wǎng)站數(shù)據(jù)庫中刪除。8.5 新聞(xnwn)發(fā)布系統(tǒng)管理頁面的制作共十七頁內(nèi)容摘要JSP+MySQL+Dreamweaver動態(tài)網(wǎng)站開發(fā)案例教程。新聞發(fā)布系統(tǒng)的網(wǎng)站結(jié)構(gòu)示意圖如圖8-1所示，主要包括瀏覽者頁面與管理(gunl)員頁面兩部分，網(wǎng)站的首頁為news.jsp。1復(fù)制數(shù)據(jù)庫文件夾到MySQL的數(shù)據(jù)庫文件夾。接下來要在Dreamweaver中定義一個(gè)JSP網(wǎng)站，設(shè)置本地文件夾、測試服務(wù)器和數(shù)據(jù)庫的連接，如表8-2所示。完成了網(wǎng)站的定義后，需要設(shè)置網(wǎng)站與數(shù)據(jù)庫的連接，才能在此基