Dreamweaver+access制作一個簡單的asp新聞發(fā)布系統(tǒng).doc

用Dreamweaver+Acess制作一個簡單的asp新聞發(fā)布系統(tǒng)相關(guān)軟件準(zhǔn)備在進行具體制作之前要做什么準(zhǔn)備工作呢？ 首先必須要有一個合適的動態(tài)網(wǎng)頁開發(fā)環(huán)境，如果是windows98操作系統(tǒng)，則必須要安裝windows98中PWS也既個人web服務(wù)器。這個東東在win98安裝光盤中的add_ons目錄下可以找到。(前面寫的這段早過時了，現(xiàn)在誰還用win98呢？嘿嘿)如果您使用的win2000/2003/winxp操作系統(tǒng)的話那就更方便了。只需要安裝IIS(internet信息服務(wù)器，也稱web服務(wù)器)就可以了，如果您的系統(tǒng)還沒有安裝，那么，在“控制面板”中“添加刪除程序”中“windows組件”里面給裝上就行了。當(dāng)然要制作網(wǎng)頁還必須要安裝時下最流行最專業(yè)的網(wǎng)頁制作軟件DreamweaverMX(2004)，還要安裝Microsoft Offce2000或以上版本，因為我們要用里面的數(shù)據(jù)庫軟件ACCESS來作為動態(tài)內(nèi)容源,安裝了office2000,里面就包含了Access數(shù)據(jù)庫軟件。本人使用的電腦配置是windows2000 professonal+acess2000系統(tǒng)，所以要用這個環(huán)境來給大家作介紹了。設(shè)置IIS 以上條件具備之后，我們還沒有構(gòu)建了一個正確的網(wǎng)頁開發(fā)環(huán)境，實際上這里最重要的是我們要確定我們安裝的web服務(wù)器（如win2000/xp以上為IIS）IIS是否已經(jīng)正確啟動了。如何確定呢？我們可以啟動IE瀏覽器,在地址欄中輸入“http:/localhost/”或“/”或“http:/計算機名/”看看能不能打開默認(rèn)的網(wǎng)頁，如過能打開IIS默認(rèn)的網(wǎng)頁，則說明IIS已經(jīng)正常啟動了，這時就可以用來測試asp動態(tài)網(wǎng)頁了。 為了更好的進行測試，我們也可以打開IIS管理器對IIS進行具體設(shè)置。打開 控制面板-管理工具-internet信息服務(wù)器 這樣就打開了IIS管理器。如圖圖1 我們可以對“默認(rèn)WEB站點”的主目錄進行更改。主目錄是什么？想詳細知道IIS的詳細設(shè)置的話，可以看相關(guān)專業(yè)書籍哦。我們這里要講求“速成”，我們可以理解為，主目錄就是我們要存放代測試的動態(tài)網(wǎng)頁的地方。其默認(rèn)的路徑為“C:Inetpubwwwroot”如果你想更改主目錄也非常簡單：選中“默認(rèn)web站點”-右擊-選擇“屬性”在彈出的窗口中選擇“主目錄”選項卡，這樣就可以給該為任意的磁盤分區(qū)或目錄了，當(dāng)然是越方便越好了，本人的電腦，主目錄被我改成了“f:webtest”如下圖所示：所以大家會發(fā)現(xiàn)接下來我們在具體制作的時候把網(wǎng)頁文件都放在了此目錄下，要注意哦:)-數(shù)據(jù)庫與測試站點的建立分析實現(xiàn)所要實現(xiàn)功能首先我們要明確，一個新聞發(fā)布系統(tǒng)所能實現(xiàn)的最基本的功能：1、一般在網(wǎng)站的首頁有新聞的標(biāo)題列表（news_list.asp）2、通過顯示的新聞標(biāo)題可以看到新聞的內(nèi)容(news_detail.asp)3、有一個管理員登陸的入口（login.asp）4、添加新聞的頁面（news_add.asp）5、編輯新聞的列表的頁面（news_edit.asp）6、修改并更新新聞的頁面（news_update.asp）7、此外還有新聞修改和刪除成功的頁面（news_del_ok.asp，news_update_ok.asp）從上面的分析可以看出，我們只要制作10個左右的頁面就可以實現(xiàn)動態(tài)發(fā)布新聞的功能了。我們就圍繞著這些具體功能開工吧：），到這里應(yīng)該不會暈的吧，剛開始哦:)數(shù)據(jù)庫的建立動態(tài)網(wǎng)站中的內(nèi)容一般源自數(shù)據(jù)庫，如SQL Server 數(shù)據(jù)庫 甚至是小型的Access數(shù)據(jù)庫，呵呵，對于剛接觸動態(tài)網(wǎng)頁制作的菜鳥來說，還是Access數(shù)據(jù)庫比較容易上手，而且實用一點，所以我們制作的新聞系統(tǒng)是基于Access數(shù)據(jù)庫的。我們可以用Access2000創(chuàng)建一個數(shù)據(jù)庫文件,并命名為“newstest.mdb”。如圖1-1圖1-1用“使用數(shù)據(jù)庫創(chuàng)建表”在newstest.mdb中創(chuàng)建一個存儲新聞信息的表，保存名為“news”，具體字段內(nèi)容如下圖,圖1-2具體字段及內(nèi)容輸入完畢后，選擇“視圖”菜單中的“數(shù)據(jù)表視圖”隨便輸入幾條記錄，方便接下來測試新聞用。如圖1-2-2：圖1-2-2創(chuàng)建一個存儲用戶名和帳號的表，保存名為“mypass”。表中的字段具體內(nèi)容如圖1-3所示，在表中輸入一個用來測試用的帳號和密碼。本例中，Username字段為“admin”,Password字段為“admin”。即表中保存的張?zhí)柮兔艽a都是“admin”.如圖1-3-3所示。圖1-3圖1-3-3 注意：其中表中“說明”列括號中的文字說明，特別是括號中的，是對每個字段的必要設(shè)置，如：圖1-2中“news_adddate”字段的默認(rèn)值一定要填“Now()”不然就不能同步取得加入新聞的時間。測試站點的建立 接下來，打開DreamweaverMX2004,選擇“站點”-“管理站點”-“新建.”-“站點”在彈出的對話框中先設(shè)置“基本”選項卡，設(shè)置如下圖所示，重點都用線標(biāo)上了:)圖1-4 在“是否使用服務(wù)器技術(shù)”一欄，一定要選擇“是，我想使用服務(wù)器技術(shù)”，“ASP VBScript”注意：為了方便測試，文件的位置一定要在IIS的主目錄，即“F:webtest”目錄，這里測試站點的名稱為“newstest”圖1-5圖1-6 在上圖中，測試URL的地址中輸入“http:/localhost/newstest/”，然后再點擊“測試URL”按鈕，如果顯示“URL前綴測試已成功”對話框，表明該項設(shè)置成功。當(dāng)“基本”選項卡的這幾個地方設(shè)置完成后，不要馬上點“完成”按鈕，最好還要對高級選項卡的幾處進行修改：在“本地信息”里面的“本地根文件夾”和“默認(rèn)圖象文件夾”都設(shè)置相同的路徑。如圖所示：圖1-7 在“遠程信息”里面主要設(shè)置如下圖所示：圖1-8在“測試服務(wù)器”中，要設(shè)置“服務(wù)器模型”，“訪問”，“測試服務(wù)器文件夾”，具體設(shè)置如下圖：圖1-9 經(jīng)過以上的設(shè)置，新聞發(fā)布系統(tǒng)的測試站點就建立完成了。是不是覺得很煩，其實只要靜下心來，把上面介紹的步驟都按照要求做完，就可以了。三、DreamweaverMX2004中數(shù)據(jù)庫的連接 我們要制作動態(tài)網(wǎng)頁，首先必須要把數(shù)據(jù)庫（Access）和網(wǎng)頁聯(lián)系起來，使我們在網(wǎng)頁上很容易調(diào)用數(shù)據(jù)庫中的內(nèi)容，并顯示在網(wǎng)頁上。這在Dreamweaver中就很容易實現(xiàn)的。而且方法有多種，為了讓大家不暈，我在這里只介紹一種很實用用的數(shù)據(jù)庫連接的方法，“字符串連接法”，這是一般支持asp的個人主頁空見所用的數(shù)據(jù)庫連接方法。具體方法如下：啟動Dreamweaver軟件，打開我們在上面新建的“newstest”站點，并在站點內(nèi)創(chuàng)建第一個asp網(wǎng)頁文件，并打開。 你可以這樣創(chuàng)建新的asp頁(圖1-10)：圖1-10也可以這樣創(chuàng)建(圖1-11)：圖1-11當(dāng)我們創(chuàng)建并打開了news_list.asp文件后，就可以進行數(shù)據(jù)庫的連接了。選擇“窗口菜單”-“數(shù)據(jù)庫”，打開數(shù)據(jù)庫面板，選擇“自定義連接字符串”在彈出的“自定義連接字符串”對話框中，連接名稱框中輸入“mynews”,在連接字符串框中輸入如下字符串“Driver=Microsoft Access Driver (*.mdb);DBQ=&Server.MapPath(/newstest/newstest.mdb)”注意一定不要輸錯。其中/newstest/newstest.mdb是數(shù)據(jù)庫在站點中的路徑。在下面的“Dreamweaver 應(yīng)連接”選項中選擇“使用測試服務(wù)器上的驅(qū)動程序”。輸入完成后，點擊旁邊的“測試”按鈕，如果彈出“成功連接腳本”對話框則數(shù)據(jù)庫連接成功了。如果出錯那就要檢查以下剛才輸入的字符串是否正確了:)。具體選項如圖1-12所示：圖1-12四、新聞列表頁的制作-news_list.sp接下來我們便可以對具體的頁面進行制作了。按照前面分析的，我們首先來制作news_list.asp頁。這里注重是向讓大家介紹具體的方法，所以頁面的美觀就不作考慮了。我們按照一般網(wǎng)頁中的最新新聞欄目來進行制作，制作的具體頁面樣式，如圖1-13:圖1-13我們要實現(xiàn)把數(shù)據(jù)庫“news”表中的新聞標(biāo)題顯示在news_list.asp頁面上應(yīng)該怎么辦呢？選擇“窗口”菜單中“綁定”調(diào)出“綁定面板”創(chuàng)建一個名為“rsnews”的記錄集，具體設(shè)置如圖1-14所示：圖1-14在“綁定”面板中所動分別拖動“news_subject”和“news_adddate”字段到表格相應(yīng)位置。如圖1-15所示：圖1-15 完成后，保存并預(yù)覽網(wǎng)頁，這里有兩種方法，一種是按“F12”在Dreamweaver中直接預(yù)覽網(wǎng)頁，另一種是在IE的地址欄中輸入“http:/localhost/newstest/news_list.asp”。得到的效果如圖1-16：圖1-16我們發(fā)現(xiàn)，成功從Access數(shù)據(jù)庫中調(diào)用了一條新聞標(biāo)題。呵呵。體驗到制作動態(tài)網(wǎng)頁的快樂了吧？但是我們要將多條新聞顯示出來該怎么辦呢？接下來就搞定它！選中剛加入記錄集的表格行， 打開“服務(wù)器行為”面板，單擊“+”號，選擇“重復(fù)記錄集”。從彈出的對話框中可以指定需要重復(fù)記錄的記錄集和需要重復(fù)記錄的條數(shù)，具體如圖1-17所示：圖1-17保存后，預(yù)覽，效果如圖1-18：圖1-18五、新聞內(nèi)容頁的制作-news_detail.asp 為了要使我們點擊新聞列表頁(news_list.asp)中的新聞標(biāo)題能夠看到新聞內(nèi)容，我們必須制作顯示新聞內(nèi)容的網(wǎng)頁news_detail.asp。頁面樣式如圖1-19:圖1-19接下來拷貝news_list.asp頁面上“綁定”面板中的“rsnews”記錄集（在“+”上點擊鼠標(biāo)右鍵）,粘貼到news_detail.asp頁中的“綁定”面板上，雙擊記錄，對拷貝過來的記錄集稍作修改，具體如圖1-20所示：圖1-20 接下來把“綁定”面板上的各記錄拖到內(nèi)容頁（news_detail.asp）的相應(yīng)位置。如圖1-21所示：圖1-21 此時，內(nèi)容頁制作完成。這時要實現(xiàn)訪問內(nèi)容頁還需要對news_list.asp頁的新聞標(biāo)題制作超級鏈接，但這與我們在制作靜態(tài)頁面的時候有點不同。我們選中news_list.asp頁表格中的“renews.news_subject”，然后在“服務(wù)器行為”面板上選擇“轉(zhuǎn)到詳細頁”具體設(shè)置如圖1-22,圖1-22完成設(shè)置后，保存，預(yù)覽，呵呵，可以看了內(nèi)容了吧。效果如圖1-23六、實現(xiàn)如何在網(wǎng)頁上添加新聞 如果大家跟這我的教程一起做到現(xiàn)在，我們說，新聞發(fā)布系統(tǒng)的最基本功能已經(jīng)完成。但是，怎樣實現(xiàn)在網(wǎng)頁上動態(tài)添加新聞到數(shù)據(jù)庫中呢。現(xiàn)在就是要解決這個問題了！我們一般要通過表單來實現(xiàn)新聞的添加。具體要添加什么項目要視數(shù)據(jù)庫中字段的不同而有所不同。新件一個news_add.asp的網(wǎng)頁，并且插入一個表單，各個文本域最好的名稱最好和數(shù)據(jù)庫中相應(yīng)的字段名稱相同。如：新聞標(biāo)題文本域我們命名為“news_subject”。見圖1-24圖1-24 其他同理。這里最好還要建立一個頁面用來表示新聞添加成功的提示頁addok.asp,寫上諸如“添加成功”的字樣，最好還做兩個超連接，如果“繼續(xù)添加“則鏈接到news_add.asp頁，如果”退出“則鏈到news_list.asp頁。選中整個表單，調(diào)用“服務(wù)器行為面板”中的“插入記錄”在彈出的面板中，各種選擇如圖1-25所示：圖1-25 設(shè)置完成后，保存頁面。立即按F12預(yù)覽，或在IE中輸入“http:/localhost/newstest/news_add.asp”就可以進行新聞的添加了。七、編輯、修改、刪除新聞頁的制作我們的新聞發(fā)布系統(tǒng)已經(jīng)可以添加新聞了，下面我們繼續(xù)完成其他功能的制作。我們不僅要能添加新聞還要能夠修改和刪除新聞。所以我們要新建名為news_edit.asp的網(wǎng)頁文件，用于方便選擇需要修改和刪除的網(wǎng)頁。需要建立一個名為news_del_ok.asp的文件用于刪除新聞。建立一個名為news_update.asp的文件用于修改新聞內(nèi)容。同時還需要一個表明完成修改的過渡頁news_update_ok.asp。對于news_edit.asp頁，同樣先要要拷貝news_list.asp頁“綁定”面板上的記錄集“rsnews”按照制作news_list.asp頁的方法制作出如下樣式的頁面， 見圖1-26。注意這時把“重復(fù)記錄”中的值10該為20，這樣當(dāng)新聞比較多的時候可以可以顯示更多條的新聞。在表格的下放插入一個記錄集導(dǎo)航條，當(dāng)頁面中的內(nèi)容超過“重復(fù)記錄”中所規(guī)定的時，可以分頁顯示新聞內(nèi)容。方法是：選擇“插入”菜單-“ 應(yīng)用程序?qū)ο蟆?“記錄集分頁”-“記錄集導(dǎo)航條”。圖1-26 對于news_del_ok.asp頁，我們要在這頁里面放一些相關(guān)語句來實現(xiàn)刪除新聞的功能。首先在頁面的中間位置寫上“刪除成功”字樣。然后在“綁定”面板上選擇“命令（存儲過程）”在彈出的對話框進行如下相關(guān)設(shè)置。具體按照圖1-27所示就可以了。圖1-27對于news_update.asp我們可以復(fù)制news_add.asp頁，并拷貝newsdetail頁中的“rsnews”記錄集，同時刪除news_add.asp頁中所設(shè)置的“插入記錄”動態(tài)服務(wù)器行為。記錄集中的“news_subject”,“news_faburen”,“news_content”分別綁定到news_update.asp頁表單的各文本域中。綁定方法如圖1-28所示.先選中需要做綁定的文本域，選擇“綁定”面板中需要綁定的字段，點擊面板右下方的“綁定”按鈕即可。圖1-28新建news_update_ok.asp頁，并在頁的中間位置寫上“更新成功”等字樣，作為更新成功的提示頁面。選擇news_update.asp頁中的整個表單，對其應(yīng)用“服務(wù)器行為”面板中的“更新記錄”。如圖1-29所示。圖1-29 接著應(yīng)用一下“記錄集分頁”里面的“移至特定記錄”。上面的各個頁面建立完成之后，為了讓各個頁面起作用，還需要對news_edit.asp頁中的“del”和“edit”字符應(yīng)用“服務(wù)器行為”面板中的“轉(zhuǎn)到詳細頁”注意選擇正確的網(wǎng)頁文件哦:)圖1-30八、新聞后臺登陸頁面的制作與頁面保護 前面的制作都會吧，一個新聞發(fā)布系統(tǒng)是越來越完善了。現(xiàn)在我們需要做一個網(wǎng)站登陸入口頁(login.asp)，用于管理員同過帳好和密碼登陸news_list.asp頁對新聞進行管理。建立一個表單，其中帳號名所在的文本域命名為“user”,密碼所在的文本域命名為:“Password”。選中整個表單，對其應(yīng)用“服務(wù)器行為”面板中“用戶身份驗證”中“登陸用戶”。圖1-31。圖1-31 在彈出的對話框中選擇用戶帳號和密碼所在的表“mypass”,當(dāng)在login.asp頁中輸入的帳號和密碼與“mypass”表中的相同時，登陸到指定的頁面，我們這里應(yīng)指定news_edit.asp為登陸成功頁，當(dāng)然應(yīng)該在這頁里面加上“添加新聞頁的連接，以方便登陸成功后添加新聞。具體設(shè)置見圖1-32。圖1-32設(shè)置完成后,保存網(wǎng)頁按f12預(yù)覽