【文章內(nèi)容簡介】 良多的工具，豐富 Web 創(chuàng)作體驗。 利用 Dreamweaver 中的可視化編輯功能， 用戶 可以快速地創(chuàng)建頁面而無需編寫任何代碼。不過，如果 用戶 更喜歡用手工直接編碼， Dreamweaver 還包括許多與編碼相關(guān)的工具和功能。并且，借助 Dreamweaver，還可以使用服務(wù)器語言（例如 ASP、 ColdFusion 標(biāo)記語言 (CFML)、 JSP 和 PHP）生 成支持動態(tài)數(shù)據(jù)庫的 19 Web 應(yīng)用程序。 圖 20 第四章 具體模塊的設(shè)計實現(xiàn) 在線投票系統(tǒng)的各個代碼模塊 在上面的章節(jié)中曾經(jīng)介紹過，這個投票系統(tǒng)一共分成 4 個模塊，在接下來的章節(jié)中將具體講解每個模塊。 投票存儲模塊（ amp。） 在 中介紹到本投票系統(tǒng)采用以 XML 文檔作為數(shù)據(jù)存儲。 本人 為本次課題設(shè)計了這樣的 XML 文檔來存儲數(shù)據(jù)： ?xml version= encoding=UTF8? ! edited with XMLSpy v2021 rel. 3 U ( by ShengKan (Sheng Corp) Votes xmlns:xsi= xsi:noNamespaceSchemaLocation=F:\kan_sheng\ Vote Time=20210125 Title=對本投票系統(tǒng)的意見 Option Title=很好 Number=10/ Option Title=一般 Number=4/ Option Title=較差 Number=8/ Option Title=很差 Number=12/ Option Title=極差 Number=44/ /Vote Vote Time=20210118 Title=您更傾向于 C,JAVA? Option Title=C Number=10/ Option Title=JAVA Number=12/ /Vote /Votes 21 當(dāng)這個文檔被加載后在內(nèi)存中形成了這樣一個 DOM 樹 （圖 ） ： 圖 在 DOM 中，文檔的邏輯結(jié)構(gòu)類似一棵樹。文檔、文檔中的根、元素、元素Document Votes Vote Vote Option Option Option Option Title 很好 Number 10 Title 一般 number 4 Title 較差 Number 8 Title 很差 number 12 Option Title Numbererer 極差 44 Title Time 對本投票系統(tǒng)的意見 20210125 22 內(nèi)容、屬性、屬性值等都是以對象模型的形式來表示的。文檔對象模型利用對象來把文檔模 型化，這些模型不僅描述了文檔的結(jié)構(gòu)，還定義了模型中對象的行為。換句話說，圖中的結(jié)點不是數(shù)據(jù)結(jié)構(gòu)，而是對象，對象中包含方法和屬性。 DOM 中對 DOM 樹中的結(jié)點定義了以下幾類對象。 Document 對象：即文檔對象，作為樹的最高結(jié)點， Document 對象是對整個文檔進行操作的入口。 Element 和 Attribute 對象：這些結(jié)點對象都是文檔某一部分的映射，結(jié)點的定級層次恰好反映了文檔的結(jié)構(gòu)，在我們所開發(fā)的 XML文檔中 Option是 Element對象，而 Title 和 Number 則是 Attribute 對象。 Te xt 對象：作為 Element 和 Attribute 對象的子結(jié)點， Text 對象表達(dá)了元素或?qū)傩缘奈谋緝?nèi)容。 Text 結(jié)點不再包含任何子結(jié)點。在我們所開發(fā)的 XML 文檔中 Attribute 對象 Title 的 Text 對象是“很好”而 Number 的 Text 對象則是“ 0”。 當(dāng) XML 文檔被加載后，通過使用上述的幾個對象及其方法就可以利用 ASP來訪問 XML 文檔了。 投票顯示模塊（ ） 在明確了投票系統(tǒng)的存儲結(jié)構(gòu)后，就可以著手設(shè)計系統(tǒng)的具體界面了。首先要讓被調(diào)查者知道所要調(diào)查的主題，以及之后獲 取調(diào)查的信息也就是調(diào)查結(jié)果。我們采用調(diào)查頁面以 HTML 形式發(fā)送。并用表單技術(shù)收集訪問者的態(tài)度。調(diào)查問題被顯示在一個 HTML 表格之中，第一列包含問題文本，第二列包含答案選項。 為了不使也面過于枯燥，我們對頁面做了一些修飾。包括滾動字幕等效果（圖 ）。以下是其源代碼： %@LANGUAGE=VBSCRIPT CODEPAGE=936% !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= !include file= //投票頁面標(biāo)題 asp 文件 head 23 meta equiv=ContentType content=text/html。 charset=gb2312 / titleShow_Vote/title /head body background=Picture/ form action= method=post table width=500 border=0 align=center cellpadding=1 cellspacing=1 % strSourceFile=f:\kan_sheng\ Set objXML=() (strSourceFile) Set rootNode= Set objRootsite=(Vote) Question=(0).(1).text % tr td height=21 colspan=3 align=center%=Question%/td /tr % For i=0 To((0).) % tr td align=center input name=VoteOption type=radio value=%=i% / /td 24 tdinput name=option type=text id=option value=%=(0).(i).(0).text% class=showonly style=width:100/td % next % tr td colspan=3 align=centerinput type=submit name=Submit value=投票 / a href=strong查看結(jié)果 /strong/a /tr /table /form brbrbrbrbrbr !include file= //版權(quán)申明 asp 文件 /body /html 標(biāo)記“ form”的屬性“ action”值為“ ”。屬性“ method”的值為“ post”。與定義按鈕的代碼 input type=submit name=Submit value=投票 /是對應(yīng)的。表示按下“ Submit”按鈕這個表單將以“ post”方式交給“ ”文件處理執(zhí)行。 然后在程序使用了如下代碼： trSourceFile=f:\kan_sheng\ Set objXML=() 25 (strSourceFile) Set rootNode= Set objRootsite=(Vote) 其目的是加載外部的 文件，用來創(chuàng)建 DOM 對象，并對所要訪問的 XML 文檔中的結(jié)點進行定位。在程序中先用絕對路徑定位了 XML 文件，但是也可以利用 ASP 中的對象 Server 的方法 MapPath 把 XML 源文件 地址的絕對路徑轉(zhuǎn)換為相對路徑。然后 把路徑所指的文件賦給變量“ sourcefile” .而后使用 Server 對象的creatobject 方法聲明了一個 DOM 對象 objXML，然后通過 load 方法加載 XML文檔 ,在內(nèi)存中生成樹形存儲結(jié)構(gòu)。 接著，程序?qū)涞淖庸?jié)點作循環(huán)。從語句： input name=VoteOption type=radio value=%=i% / 可看到“單選按鈕組 Radio”有 3 個屬性： name、 type、 value。在這里我們要用到的是 name 和 value。利用循環(huán) 變量 i 對每個按鈕的 value 賦值。 通過語句 input name=option type=text id=option value=%=(0).(i).(0).text% class=showonly style=width:100 同樣利用循環(huán)將內(nèi)存中 DOM 樹的每根 Option 樹枝的 attribute 的第一項即選項，用文本框的形式顯示出來。 最后這頁還使用了一個超級鏈接： a href=strong查看結(jié)果 /strong/a。點擊這個超級鏈接，將跳轉(zhuǎn)到投票結(jié)果顯示頁面 （圖 ） 。 26 圖 投票處理模塊（ ） 上一節(jié)中的表單以“ Post”的方式，提交到投票處理模塊中加以處理?，F(xiàn)在來介紹一下這個處理模塊。源代碼如下： %@LANGUAGE=VBSCRIPT CODEPAGE=936% !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=gb2312 / titleVotesProcess/title /head 27 body % strSourceFile=() Set objXML=() =False (strSourceFile) Set rootNode= Set objRootsite=(Vote) OptionResult=Request(VoteOption) IF Int(OptionResult)= Then % script language=VBScript alert請選擇 = /script %ElseIf OptionResult Then Cycle=(0). For i=0 To Cycle If Int(OptionResult)=i Then Var=(0).(i).(1).text (0).(i).(1).text=Var+1 End If Next End If strSourceFile () 28 % /body /html 同上一節(jié)一樣，程序先加載了外部的 XML 文件，然后作判斷程序如下： OptionResult=Request(VoteOption) IF Int(OptionResult)= Then % script language=VBScript alert請選擇 = /script %ElseIf OptionResult Then Cycle=(0). For i=0 To Cycle If Int(OptionResult)=i Then Var=(0).(i).(1).text (0).(i).(1).text=Var+1 End If 由于在前一個頁面中用戶選擇的單選按鈕的值 value 已被賦值，且值正好是循環(huán)變量的值?，F(xiàn)在只需 通過 Request 對按鈕組取值，將 value 同內(nèi)存中的 DOM樹的樹枝序號作比較，如果兩個值相等，那就在相應(yīng)的 DOM 樹枝的 number 屬性即得票率上加 1。這樣就完成了一次投票。 然而，修改過的 DOM 樹只存在于內(nèi)存中，因此修改過的 DOM 樹要使用： strSourceFile 29 語句，將修改的結(jié)果存到硬盤中的 XML 文件中。 結(jié)果顯示模塊（ ） 模塊代碼如下： %@LANGUAGE=VBSCRIPT CODEPAGE=936% !DOCTYPE ht