(EAM資產(chǎn)管理)DM打造我們的留言本

1、（EAM)DM造我們的留言本DreamweaverMX 打造我們的留言本大家好，我們又見面了。：）在前面幾章里我們講述了如何利用 DWMX 的服務(wù)器行為來操作數(shù)據(jù)庫(kù)和生成動(dòng)態(tài)頁面，但是不是覺得有點(diǎn)亂，不怎么好理解呢？是的，前面我們講的都是單個(gè)的服務(wù)器行為，好像都沒什么聯(lián)系一樣。在這一章里呢，我們將學(xué)習(xí)如果靈活的應(yīng)用 DWMX 的服務(wù)器行為打造我們的留言本?。]錯(cuò)，就是留言本，將用到絕大部分的服務(wù)器行為，而且不用書寫一行代碼。）先做做準(zhǔn)備工作，新建幾個(gè)頁面，分別取名為： index.asp：留言本首頁，用于顯示留言等。new.asp： 發(fā) 布 新 的 留 言 。 rep.asp： 用 于 站 長(zhǎng)

2、 回 復(fù) 留 言 的 頁 面 。 edit.aspdel.asp：同上，不過方法更狠，直接刪除。：）login.asp：上面所說的回復(fù)，編輯，刪除等操作都應(yīng)只有站長(zhǎng)才有權(quán)力，站長(zhǎng)通過這個(gè)頁面來登陸管理留言本。sorry.asp：登陸不正確的時(shí)候所返回的頁面。如圖（7-1）所示。7-1數(shù)據(jù)庫(kù)方面我們需要用到兩張表，如圖（7-2）所示。其中表 admin 用于存放超級(jí)用戶的姓名及密碼，表f_bbs 里存放的發(fā)貼信息，在后面我們會(huì)詳細(xì)講解。7-2在表 admin 里新建兩個(gè)字段，名為 f_name 和 f_password，數(shù)據(jù)類型分別設(shè)為文本，如圖（7-3）所示。7-3表 b_bbs 就有點(diǎn)麻煩了

3、，不過不用怕，讓我們一步步來，先看圖（7-4）。7-4字段 ID 為留言內(nèi)容的關(guān)鍵字段，因?yàn)樗淖饔煤芏啵阉臄?shù)據(jù)類型設(shè)為自動(dòng)編號(hào)，并把它設(shè)置為主鍵， 即選中它，再點(diǎn)一下圖（7-4）中紅圓中的按鈕。f_name 為留言用戶的姓名，很簡(jiǎn)單的。f_content25565,535f_oicq 為留言用戶的 OICQ 號(hào)碼，設(shè)置同用戶名。f_email 為留言用戶的 Email 地址，設(shè)置同用戶名。f_homepage 為留用戶的主頁地址，設(shè)置同用戶名。f_time/（7-5） 所示。這個(gè)now()VBAf_repcontent 為站長(zhǎng)回復(fù)的內(nèi)容，同留言內(nèi)容。不過要注意的是也要添加一個(gè)默認(rèn)值，如圖

4、（7-6）所示。它的作用是如果當(dāng)前這條留言內(nèi)容還沒有回復(fù)的話則顯示“暫無回復(fù)”。要注意那兩個(gè)雙引號(hào)哦，一定要在英文輸入狀態(tài)下的才行，如，如果中文下輸入的“”則就會(huì)報(bào)錯(cuò)。7-57-6這個(gè)頁面用于顯示留言和一些功能性的連接，先來看看它的大體樣子，如圖（7-7）guestbook。7-7在這里我只是為了方便起見，所以沒用什么圖片，大概的樣子就是上面這樣了。最重要的就是要顯示留言人的姓名，留言內(nèi)容和站長(zhǎng)回復(fù)，下面的暫無回復(fù)是用來確保當(dāng)沒有任何留言內(nèi)容的時(shí)候所顯示的，這樣OICQ址怎么還沒看到呢？呵。不用急，這些當(dāng)然要用到，見圖（7-8），這是一個(gè)基本成型的樣子了。7-8怎么樣，OICQ、郵箱、主頁、發(fā)

5、表時(shí)間都出來吧，看起來好像又蠻麻煩的。不用怕，其實(shí)都很簡(jiǎn)單，只是幾個(gè)小小的服務(wù)器行為而已，letsgo！我們一步一步來吧。DWMX顯示區(qū)域），即根據(jù)庫(kù)里的資料來顯示不同的資料。先說說它的基本概念吧，拿我們上面的留言內(nèi)容來打個(gè)比方：如果我留言內(nèi)容為空，則顯示什么；如果留言內(nèi)容不為空，則又顯示什么。如圖（7-9）所示。7-9DreamweaverMX 打造我們的留言本選中整個(gè)留言內(nèi)容表格后運(yùn)用Application-ServerBehaviors-ShowRegion-ShowRegionIfRecordsetIsNotEmpty(當(dāng)記錄集不為空)，也就是當(dāng)留言內(nèi)容不為空時(shí)顯示這個(gè)表格。說到這里就

6、不得不說說其它幾個(gè)服務(wù)器行為了。ShowRegionIfRecordsetIsEmpty（如果記錄集為空）：當(dāng)記錄集為空時(shí)，顯示選中的區(qū)域。showRegionIfRecordsetIsNotEmpty（如果記錄集不為空）：當(dāng)記錄集中包含記錄時(shí)，顯示所選區(qū)域。ShowRegionIfFirstRecord（如果是第一條記錄）：當(dāng)處于記錄集中的第一條記錄時(shí)，顯示選中的區(qū)域。ShowRegionIfNotFirstRecord（如果不是第一條記錄）：當(dāng)沒有處于記錄集中第一條記錄時(shí)，顯示所選 的 區(qū) 域 。 如果是最后一條記錄）：當(dāng)處于記錄集中最后一條記錄時(shí)，顯示所選的區(qū)域。ShowRegionIf

7、NotLastRecord（如果不是最后一條記錄）：當(dāng)沒有處于記錄集中最后一條記錄時(shí)，顯示 所選的區(qū)域。單擊它，出現(xiàn)如圖（7-10）所示對(duì)話框。7-10在這個(gè)對(duì)話框中選擇與本行為對(duì)應(yīng)的記錄集，在這個(gè)頁面我們只建立了一個(gè)記錄集，名字為 guestbook。應(yīng)用服務(wù)器行為后的效果如圖（7-11）所示。7-11為了防止當(dāng)沒有留言內(nèi)容的時(shí)候會(huì)出錯(cuò)，在這里我們還要運(yùn)用 ShowRegionIfRecordsetIsEmpty(當(dāng)記錄集為空時(shí))行為，把它運(yùn)用到“暫無留言”的表格上，最終效果如圖（7-12）所示。7-12下一步，讓我們來完善它，通過在顯示留言的大表格里插入一些小表格，排好，并插入相關(guān)圖片（這

8、里放的是網(wǎng)上最常見的小圖片。：），如圖（7-13）Dreamweaver7-13現(xiàn)在要做的呢，就是把數(shù)據(jù)庫(kù)里的數(shù)據(jù)拖到相應(yīng)表格里，如把用戶名拖到姓名后面的單元格里，留言內(nèi)容f_namef_time7-14spdformat.mxt插件來解決（點(diǎn)這里下載插件！）。安裝好插件后，方法如圖（7-48）所示。留言內(nèi)容和站長(zhǎng)回復(fù)都要運(yùn)用這個(gè)插件。7-48OICQhtmlimg altOUTLOOK者發(fā)信。具體方面如圖（7-15）所示。7-15這里有個(gè)先后順序之分，先選中 OICQ 的圖片，再?gòu)挠疫叺挠涗浖镞x定相應(yīng)的數(shù)據(jù)集（這里選中數(shù)據(jù)庫(kù)里存放 OICQ 號(hào)碼的字段（f_oicq），再?gòu)?BindTo:

9、下拉菜單里選擇 img.alt，即我們?cè)谇懊嬷v到的 img 標(biāo)簽屬性，再單擊后面的 Bind 就行了，如果綁定正確的話則會(huì)產(chǎn)生和前面記錄集一樣的顏色，以標(biāo)明在這里應(yīng)用了一個(gè)服務(wù)器行為，如圖（7-16）所示。在這里呢我們還要將它美化一下。7-16alt=,COPYf_oicqf_name（數(shù)據(jù)庫(kù)里發(fā)貼人的姓名字段），alt=OICQOICQ7-17OK，接下來就是郵箱和主頁地址了，和前面的做法稍有點(diǎn)不同，如圖（7-18）和（7-19）所示。7-187-19Link（7-20） 所示的對(duì)話框，這里的意思就是如果點(diǎn)擊這張圖片的話連接到哪里去。7-20DWMXDataSourcesemail“mail

10、to:”是因?yàn)檫@個(gè)“mailto”htmlOUTLOOK同時(shí)，記得要給這個(gè) email 圖片加上 alt 屬性，即 alt=的郵箱是,點(diǎn)擊這里給他/她發(fā)信。主頁地址的連接方法如圖（7-21）所示。7-21綁定好連接后記得對(duì)圖片加上 alt 屬性，改成 alt=的郵箱是,點(diǎn)擊這里給他/她發(fā)信是的，這里的確有點(diǎn)煩燥，不過加油吧，勝利在向我們招手呢。：） 看看現(xiàn)在的效果吧，如圖（7-22）所示。7-22接下來要做的呢，就是給回復(fù)該主題和編輯、刪除加上連接，并動(dòng)態(tài)化。這里運(yùn)用的服務(wù)器行為是跳轉(zhuǎn)到在這里我們也不一一詳述如何進(jìn)行連接了，效果如圖（7-23，7-24，7-25）所示。7-237-247-25

11、做好上面這三步后還要記得做一件事哦，如果我們留言內(nèi)容有很多條怎么辦？這里要用 DWMX 服務(wù)器行為中的 RepeatRegion（重復(fù)區(qū)域），選中顯示留言的整個(gè)大表格，Application-ServerBehaviors-RepeatRegion，如圖（7-26）所示。7-26我們定義它為每頁顯示 14 條記錄，這樣看起來簡(jiǎn)練一點(diǎn)，單擊 OK 按鈕。做到這一步的時(shí)候不得不考慮一個(gè)問題了，瀏覽的用戶怎么知道我有多少條留言記錄呢？其實(shí)當(dāng)我們?cè)诮⒂涗浖臅r(shí)候，DWMX 早就為我們考慮好這些了，如圖（7-27）所示。7-27Firstrecordindex:索引中的第一條記錄。Lastrecord

12、index:索引中的最后一條記錄。totalrecords:所有記錄總和。有了這些，我們要做的只是把他們拖到頁上去，加上相應(yīng)的說明文字就行了，如圖（7-28）所示。7-28重復(fù)區(qū)域（7-29） 所示。7-29Insert-ApplicationObjects-RecordsetNavigationBar（插入-應(yīng)用程序?qū)ο?記錄集導(dǎo)行條）， 點(diǎn)擊后出現(xiàn)如圖（7-30）所示對(duì)話框。7-30Recordset:這里選擇要導(dǎo)行的記錄集。DisplayUsing:這里選擇導(dǎo)行條的顯示方式，text 為文字，images 為圖片，這里我們選擇 images。單擊 OK 按鈕，顯示效果如圖（7-31）所示

13、。7-31可能它太大了，我們可以把這個(gè)表格縮一下，選中這個(gè)表格后在屬性面板里把它的 width=50%改成width=15%就行了，最終效果如圖（7-32）所示。DreamweaverMX 打造我們的留言本new.asp（7-33） 所示。7-33UserAuthentication:用戶鑒定。LogOutuser:登陸用戶退出。單擊后出現(xiàn)如圖（7-44）所示對(duì)話框。7-44LogOutWhen:哪種方式退出登陸，Linkclicked：當(dāng)點(diǎn)擊這個(gè)連接后就退出。PageLoads：當(dāng)頁面關(guān)閉后就算退出。WhenDone,GoTo:當(dāng)退出后轉(zhuǎn)到哪個(gè)頁面，這里我們定義轉(zhuǎn)到 index.asp 首頁

14、。還有在上面看到的其實(shí)也是為超級(jí)用戶準(zhǔn)備的，當(dāng)你沒有登陸的時(shí)候就顯示“歡迎您”，如果有超級(jí)用戶Session所示，至于這Session：）7-347-35點(diǎn)擊后出現(xiàn)如圖（7-35）MM_usernameMM_username（我們將在后面詳細(xì)介紹）后自動(dòng)產(chǎn)生的。同時(shí)把它拖到“歡迎您！” 之間的感嘆號(hào)之前。啊，讓我們來一起吼吼終于把最難的這部分做完了，恭喜啊，呵。 現(xiàn)在要做的呢，就是增加留言的頁面，new.asp。原理就是向我們?cè)谇懊嬖O(shè)計(jì)好的數(shù)據(jù)庫(kù)里增加數(shù)據(jù)，這里我們也不一一詳述，如圖（7-36）所示。7-36記得要把它定義提交數(shù)據(jù)后轉(zhuǎn)到 index.asp 首頁哦。為了防止它出錯(cuò)，我們還要對(duì)它

15、用一個(gè)行為，不過這次不要用服務(wù)器行為了，就用 DWMX 自帶的行為就行了。選中表單 form 后Design-Behaviors-ValidateForm（設(shè)計(jì)-行為-驗(yàn)證表單），如圖（7-37）所示。7-37f_namef_contentf_oicqNumber，f_emailEmailAddress。edit.asp（編輯頁），rep.asp（回復(fù)頁）del.asp（刪除頁）則簡(jiǎn)單的接受前面我們傳遞過來的值UpdataRecordtDeleteRecord7-38edit.aspMoveToSpecificRecordindex.aspUpdataRecordtindex.asp7-39d

16、el.aspMoveToSpecificRecordDeleteRecordindex.asp7-40rep.aspedit.aspUpdataRecordtMoveToSpecificRecordOK，只差一點(diǎn)點(diǎn)了，努力努力再努力啊！我們這里要考慮一個(gè)問題，怎么讓擁有管理權(quán)限的超級(jí)用戶管理留言呢？即可以編輯、刪除、回復(fù)等。這LogInUser打開 login.asp 頁面，建立表單、表格、文本框，并把上面那個(gè)文本框取名為 f_name，下面那個(gè)取名為f_password，并把它的類型（type）改為 password，如圖（7-41）所示。7-41做好這一切后運(yùn)用 Application-U

17、serAuthentication-LogInUser（應(yīng)用程序-用戶鑒定-用戶登陸），如圖（7-42）所示。7-42點(diǎn)擊后出現(xiàn)如圖（7-43）所示對(duì)話框。7-43f_name，所以f_name。PasswordField:在這里選擇用戶密碼所對(duì)應(yīng)的文本框，同上。ValidateUsingConnection:這里選擇要使用哪一個(gè)數(shù)據(jù)庫(kù)連接。Table:要使用數(shù)據(jù)庫(kù)中的哪個(gè)表。這里要注意一下，在這里我們要使用 admin 表，雖然以前我們一直用f_bbs 表。UsernameColumn:選擇用戶名對(duì)映的字段，這里選擇數(shù)據(jù)庫(kù)里的 f_name 字段。PasswordColumn:選擇用戶密碼對(duì)

18、映的字段，同上。IfLoginSucceeds,GoTo:如果通過驗(yàn)證后到哪個(gè)頁面，這里我們定義返回主頁 index.asp。IfLoginFails,GoTo:如果沒有通過驗(yàn)證到哪個(gè)頁面，這里我們定義返回到 sorry.asp。RestrictAccessBasedOn:因?yàn)槲覀円獙?duì)一些頁面進(jìn)行訪問限制，如編輯和刪除等，所以要用到這個(gè)。在后面的類型選擇 UsernameandPassword，即用戶名和密碼。OKedit，asp，del.asp，rep.aspApplication-ServerBehaviors-UserAuthentication-RestrictAccessToPags（應(yīng)用程序-服務(wù)器行為-用戶鑒定-頁面數(shù)據(jù)保護(hù)），如圖（7-45）所示。7-45單擊后出現(xiàn)如圖（7-46）所示對(duì)話框。7-46RestrictAsedOnusernameandpassword（用戶名和密碼）。IfAccessDenied,GoTo:如果非法訪問，則轉(zhuǎn)到哪個(gè)頁面，這里我們選擇讓非法訪問的轉(zhuǎn)到login.asp(登陸頁)。需要保護(hù)的頁面有 edit.asp、del.asp、rep,asp，每個(gè)頁面的設(shè)置都相同，記得要設(shè)置哦。至于最后的 sorry.asp 頁，則是一個(gè)簡(jiǎn)單的頁面，如圖（7-47）所示。在這個(gè)“這里”加上一個(gè)連接，到login.asp 頁面。幸苦了這么久，測(cè)試一下