詳細(xì)介紹如何用用Dreamweaver制作投票系統(tǒng)asp動態(tài)系統(tǒng)

1、一、程序說明及投票系統(tǒng)流程圖 總的來說，投票系統(tǒng)可分為個模塊：選票模塊，選票處理模塊和結(jié)果顯示模塊！ 投票系統(tǒng)需要對某一項(xiàng)目的選擇做出記錄，一般情況下是存放在數(shù)據(jù)庫中然后對投票情況進(jìn)行統(tǒng)計(jì)并顯示投票結(jié)果。 首先給出選票，即供投票者選擇的窗體對象，當(dāng)投票者按下投票按鈕后，選票處理模塊開始激活，對傳送到服務(wù)器的數(shù)據(jù)作相應(yīng)的處理，服務(wù)器端在處理 時先判斷用戶選擇的是那一項(xiàng)，然后把相應(yīng)字段的值加。實(shí)際上保存投票結(jié)果的數(shù)據(jù)庫中的表只有一條記錄就可以了，只是需要不斷的對這些數(shù)據(jù)進(jìn)行更新。最后 則是由結(jié)果顯示模塊把投票結(jié)果顯示出來。 這篇教程以對一部電影的評價(jià)為例進(jìn)行投票系統(tǒng)的講解。在這個例子中有種選擇，很

2、好、一般和很差！并且只能選擇其中一項(xiàng)。 文件說明： *vote.asp投票頁 *result.asp顯示投票結(jié)果 *add.asp選票處理模塊，投票者在投票頁選擇并按下投票按鈕并提交后，數(shù)據(jù)庫即進(jìn)行更新，最后轉(zhuǎn)向Result.asp二、數(shù)據(jù)庫的設(shè)計(jì)和建立數(shù)據(jù)庫文件tvote.mdb只有一個表tvote，該表只有一條記錄，而記錄對應(yīng)著個字段，每一個字段保持一種選項(xiàng)的投票數(shù)目。新建表的記錄初始值為0，為了方便看效果，所以先對記錄的各個字段賦了初值！三、建立站點(diǎn)和數(shù)據(jù)庫連接1.建立站點(diǎn)！關(guān)于建立站點(diǎn)的詳細(xì)步驟，偶就不說了。貼張圖看下！提醒下，建立站點(diǎn)前別忘了建立虛擬目錄！2.數(shù)據(jù)庫連接，這里用構(gòu)建0

3、DBC的方法來連接數(shù)據(jù)庫！DSN( )，數(shù)據(jù)源名稱）表示用于將應(yīng)用程序和某個數(shù)據(jù)庫相連接的信息集合。ODBC數(shù)據(jù)源管理器使用該信息來創(chuàng)建指向數(shù)據(jù)庫的連接！具體步驟：啟動控制面板管理工具數(shù)據(jù)源(0DBC)系統(tǒng)DSN“添加”然后在打開的創(chuàng)建新數(shù)據(jù)源對話框中選擇Microsoft Access Driver (*.mdb)點(diǎn)擊“完成”會出現(xiàn) Microsoft Access 安裝對話框，給你要建立的數(shù)據(jù)源起個名字，然后點(diǎn)擊“選擇”，選擇你建立的數(shù)據(jù)庫文件的路徑！單擊確定，就可以看到在ODBC數(shù)據(jù)源管理器中多了一個我們 剛剛新建立的數(shù)據(jù)源。然后到dreamweaver里面，打開我們剛剛建立的站點(diǎn)，隨便

4、打開一個文件！打開應(yīng)用程序面板的數(shù)據(jù)庫標(biāo)簽，點(diǎn)“”，選擇“數(shù)據(jù)源名稱（DSN）”然后在打開的對話框中作如下設(shè)置，可點(diǎn)擊測試看數(shù)據(jù)庫連接是否成功！四、投票系統(tǒng)主頁面制作實(shí)際上，投票者只需要作出選擇就可以了，不需要添加任何行為。對投票頁緊需設(shè)置表單及窗體對象的屬性即可。1.先制作如下的靜態(tài)頁面注意，頁面中的表格一定是嵌套在一個form（表單）里面的（偶剛開始學(xué)的時候，都是直接就弄個表格，結(jié)果出了次錯） 2.設(shè)置將光標(biāo)移到表單區(qū)域內(nèi)，單擊窗口下面的標(biāo)簽來選中。對屬性進(jìn)行如下設(shè)置單擊表格右列第一行的單選按鈕屬性設(shè)置中的單選按鈕的屬性。在其屬性面板中，在單選按鈕文本框中輸入rbResult，這樣就設(shè)置了

5、該 單選按鈕的的屬性為rbResult，在選定值文本框中輸入fGood,這樣就設(shè)置了該單選按鈕的屬性值。如圖 輸入的屬性值與數(shù)據(jù)庫中的表的一個字段名相同，而表的字段保存的是選擇很好項(xiàng)的投票者總數(shù)，在按下投票按鈕提交后，將作為單選按鈕的值傳出，與數(shù)據(jù)庫中的字段名聯(lián)系起來！在初始狀態(tài)選項(xiàng)中，選中夢芭莎優(yōu)惠券單選按鈕，即默認(rèn)情況下被選中！同樣，對下面?zhèn)€單選按鈕也按以上步驟設(shè)置！表格中下面的個單選按鈕的屬性也設(shè)為rbResult,這樣設(shè)置可使個單選按鈕的屬性相同，這樣投票者就只能選擇其中的一項(xiàng)。在初始狀態(tài)選項(xiàng)中選中未選中單選按鈕，在選定值文本框中分別輸入、fBad，與表中的另外二個字段相同，這樣，。就

6、作好了！五、投票結(jié)果頁面的制作制作頁面 2.定義記錄集打開數(shù)據(jù)綁定面板，單擊+按鈕，選擇記錄集（查詢）菜單項(xiàng)， 如果出現(xiàn)簡單記錄集對話框，則應(yīng)單擊高級。按鈕轉(zhuǎn)到高級記錄集對話框！在名稱文本框中輸入rsVote,在連接下拉列表中選擇connvote,在列表框中書寫“SELECT fGood, fMid, fBad, (fGood+fMid+fBad) as VTotal, (fGood/VTotal) as GoodPercent, (fMid/VTotal) as MidpPercent, (fBad/VTotal) as BadPercentFROM tVote”3.數(shù)據(jù)綁定將光標(biāo)放在“有人

7、參加了投票”之間，在綁定面板中選中字段，然后單擊“插入”這樣就把投票人的總數(shù)動態(tài)的加入到。頁面中！用同樣的方法將其他字段綁定到相應(yīng)位置最后完成的頁面如圖4.記錄集中的Goodpercent/Midpercent/Badpercent這個動態(tài)數(shù)據(jù)分別是投票很好一般很差的人數(shù)占投票總?cè)藬?shù)的比例。而這三項(xiàng)動態(tài)數(shù)據(jù)的值是小數(shù)，在瀏覽時，將以小數(shù)形式顯示因此，要把他轉(zhuǎn)換成百分?jǐn)?shù)，并保留位小數(shù)。 選中表格第一行中的 .GoodPercent，然后在綁定面板中單擊右邊的下拉三角（即記錄集“格式框中的下拉三角，）在彈出的菜單中選擇百分比2個小數(shù)位同樣的方法設(shè)置rsVote.badPercentrsVote.m

8、idPercent5.制作表格的動態(tài)屬性 制作圖示可采用表格嵌套和表格的動態(tài)屬性來完成。如果在表格中每一行的第列的部分嵌套一個只有一行一列的小表格，將這個小表格的背景色設(shè)置為紅色，將 小表格的寬度度量單位設(shè)置為百分比（相對于容納他的單元格寬度也會根據(jù)投票者的數(shù)量的變化而變化，這樣就達(dá)到了制作圖示的目的?；疑牟糠挚梢钥醋鍪峭镀?的總?cè)藬?shù)，紅色的部分可以看做是各選項(xiàng)的人數(shù)。制作投票很好項(xiàng)人數(shù)占總?cè)藬?shù)的比例圖示。把光標(biāo)放在第一行的第列上，插入一個表格。把表格的背景設(shè)置為紅色 .選中小表格，選擇窗口標(biāo)簽檢查器，打開標(biāo)簽面板，選擇屬性.找到常規(guī)width屬性，選中他，這時在他旁邊會出現(xiàn)一個閃電按 鈕。

9、單擊閃電按鈕，會彈出一個動態(tài)數(shù)據(jù)窗口。在域列表框的記錄集中選擇Goodpercent,然后在格式下拉列表中選擇百分比個小數(shù)位項(xiàng)。 單擊確定。重復(fù)上面的步驟，分別在第二、三行插入一個小表格。只是在設(shè)置動態(tài)屬性時，須在動態(tài)數(shù)據(jù)窗口的列表框的記錄集中選擇midpercent。 badpercent項(xiàng)好了，。的頁面也到此就制作好了。可以預(yù)覽下看看了哦！六、更新頁add.asp我們在投票頁。中設(shè)置的動作屬性時，已經(jīng)設(shè)置了相應(yīng)動作的文件為。！1.新建一個動態(tài)頁文件在這里可以作一個轉(zhuǎn)到。的鏈接！2.綁定命令（預(yù)存過程）由于投票系統(tǒng)主要記錄各個選項(xiàng)的投票人數(shù)，所以這一步并不是對數(shù)據(jù)庫進(jìn)行讀操作或者向數(shù)據(jù)庫插入一條記錄，而是修改數(shù)據(jù)庫的表中某一字 段的值。確切的說，是對表某一字段的數(shù)據(jù)進(jìn)行累加，所以必須選擇命令(預(yù)存過程）菜單項(xiàng)用簡單的語言進(jìn)行定制！ 單擊綁定面板的“”選擇“命令（預(yù)存過程）”，設(shè)置如圖 在。頁中設(shè)值但選按鈕的屬性時，已將個單選按鈕屬性的值分別設(shè)置為表中的個字段名，所以 Request.form("rbResult")值一定是表的一個字段名。所以這條語句的意思就是使某一字段加，即在相應(yīng)的字段中記下 了一個投票者！*注意：實(shí)際操作時，一定要把SQL中的where去掉好了，目前為止，這個投票系統(tǒng)的文件就