詳細(xì)介紹如何用用Dreamweaver制作投票系統(tǒng)asp動(dòng)態(tài)系統(tǒng)_第1頁(yè)
詳細(xì)介紹如何用用Dreamweaver制作投票系統(tǒng)asp動(dòng)態(tài)系統(tǒng)_第2頁(yè)
詳細(xì)介紹如何用用Dreamweaver制作投票系統(tǒng)asp動(dòng)態(tài)系統(tǒng)_第3頁(yè)
詳細(xì)介紹如何用用Dreamweaver制作投票系統(tǒng)asp動(dòng)態(tài)系統(tǒng)_第4頁(yè)
詳細(xì)介紹如何用用Dreamweaver制作投票系統(tǒng)asp動(dòng)態(tài)系統(tǒng)_第5頁(yè)
已閱讀5頁(yè),還剩10頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

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

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

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

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

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

6、作好了!五、投票結(jié)果頁(yè)面的制作制作頁(yè)面 2.定義記錄集打開(kāi)數(shù)據(jù)綁定面板,單擊+按鈕,選擇記錄集(查詢(xún))菜單項(xiàng), 如果出現(xiàn)簡(jiǎn)單記錄集對(duì)話(huà)框,則應(yīng)單擊高級(jí)。按鈕轉(zhuǎn)到高級(jí)記錄集對(duì)話(huà)框!在名稱(chēng)文本框中輸入rsVote,在連接下拉列表中選擇connvote,在列表框中書(shū)寫(xiě)“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ù)動(dòng)態(tài)的加入到。頁(yè)面中!用同樣的方法將其他字段綁定到相應(yīng)位置最后完成的頁(yè)面如圖4.記錄集中的Goodpercent/Midpercent/Badpercent這個(gè)動(dòng)態(tài)數(shù)據(jù)分別是投票很好一般很差的人數(shù)占投票總?cè)藬?shù)的比例。而這三項(xiàng)動(dòng)態(tài)數(shù)據(jù)的值是小數(shù),在瀏覽時(shí),將以小數(shù)形式顯示因此,要把他轉(zhuǎn)換成百分?jǐn)?shù),并保留位小數(shù)。 選中表格第一行中的 .GoodPercent,然后在綁定面板中單擊右邊的下拉三角(即記錄集“格式框中的下拉三角,)在彈出的菜單中選擇百分比2個(gè)小數(shù)位同樣的方法設(shè)置rsVote.badPercentrsVote.m

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

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

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論