vote

程序说明及投票系统流程

一、程序说明及投票系统流程图

总的来说,投票系统可分为３个模块：选票模块,选票处理模块

和结果显示模块

投票系统需要对某一项目的选择做出记录,一般情况下是存放

在数据库中然后对投票情况进行统计并显示投票结果;

首先给出选票,即供投票者选择的窗体对象,当投票者按下投

票按钮后,选票处理模块开始激活,对传送到服务器的数据作相应

的处理,服务器端在处理时先判断用户选择的是那一项,然后把相

应字段的值加１;实际上保存投票结果的数据库中的表只有一条记

录就可以了,只是需要不断的对这些数据进行更新;最后则是由结

果显示模块把投票结果显示出来;

这篇教程以对一部电影的评价为例进行投票系统的讲解;在这

个例子中有３种选择,很好、一般和很差并且只能选择其中一项;

文件说明：

投票页

显示投票结果

选票处理模块,投票者在投票页选择并按下投票按钮并提

交后,数据库即进行更新,最后转向

二、数据库的设计和建立

数据库文件只有一个表tvote,该表只有一条记录,

而记录对应着３个字段,每一个字段保持一种选项的投票数目;新

建表的记录初始值为0,为了方便看效果,所以先对记录的各个字段

赋了初值三、建立站点和数据库连接

1.建立站点关于建立站点的详细步骤,偶就不说了;贴张图看下

提醒下,建立站点前别忘了建立虚拟目录2.数据库连接,这里

用构建0DBC的方法来连接数据库

DSNDataSource

Name,数据源名称表示用于将应用程序和某个数据库相连接的信息

集合;ODBC数据源管理器使用该信息来创建指向数据库的连接

具体步骤：启动控制面板－管理工具－数据源0DBC－系统DSN

－“添加”然后在打开的创建新数据源对话框中选择

点击“完成”会出现ODBC

Microsoft

Access

安装对话框,给你要建立的数据源起个名字,然后点击“选择”,选

择你建立的数据库文件的路径单击确定,就可以看到在ODBC数据

源管理器中多了一个我们刚刚新建立的数据源;然后到

dreamweaver里面,打开我们刚刚建立的站点,随便打开一个文件打

开应用程序面板的数据库标签,点“＋”,选择“数据源名称DSN”

然后在打开的对话框中作如下设置,可点击测试看数据库连接

是否成功

四、投票系统主页面制作

实际上,投票者只需要作出选择就可以了,不需要添加任何行

为;对投票页紧需设置表单及窗体对象的属性即可;

1.先制作如下的静态页面

注意,页面中的表格一定是嵌套在一个form表单里面的偶刚

开始学ａｓｐ的时候,都是直接就弄个表格,结果出了ｎ次错

2.ｆｏｒｍ设置

将光标移到表单区域内,单击窗口下面的ｆｏｒｍ标签来选中

ｆｏｒｍ;对ｆｏｒｍ属性进行如下设置

单击表格右列第一行的单选按钮属性设置ｆｏｒｍ中的单选

按钮的属性;在其属性面板中,在单选按钮文本框中输入rbResult,

这样就设置了该单选按钮的ｎａｍｅ的属性为rbResult,在选定值

文本框中输入fGood,这样就设置了该单选按钮的Ｖａｌｕｅ属性

值;如图

输入的ｖａｌｕｅ属性值与数据库中的表ｔｖｏｔｅ的一个

字段名相同,而表ｔｖｏｔｅ的ｆＧｏｏｄ字段保存的是选择很好

项的投票者总数,在按下投票按钮提交后,将ｆＧｏｏｄ作为单选

按钮的值传出,与数据库中的字段名联系起来

在初始状态选项中,选中已勾选单选按钮,即默认情况下被选

中

同样,对下面２个单选按钮也按以上步骤设置

表格中下面的２个单选按钮的ｎａｍｅ属性也设为rbResult,

这样设置可使３个单选按钮的ｎａｍｅ属性相同,这样投票者就只

能选择其中的一项;在初始状态选项中选中未选中单选按钮,在选

定值文本框中分别输入ｆＭｉｄ、fBad,与表ｔｖｏｔｅ中的另外

二个字段相同,这样,ｖｏｔｅ;ａｓｐ就作好了

五、投票结果页面的制作

制作页面

2.定义记录集

打开数据绑定面板,单击+按钮,选择记录集查询菜单项,

如果出现简单记录集对话框,则应单击高级;;;按钮转到高级

记录集对话框

在名称文本框中输入rsVote,在连接下拉列表中选择

connvote,在ＳＱＬ列表框中书写“SELECTfGood,fMid,fBad,

fGood+fMid+fBadasVTotal,fGood/VTotalasGoodPercent,

fMid/VTotalas

MidpPercent,fBad/VTotalasBadPercent

FROMtVote”

3.数据绑定

将光标放在“有人参加了投票”之间,在绑定面板中选中ｖ

ｔｏｔａｌ字段,然后单击“插入”这样就把投票人的总数动态的

加入到Ｒｅｓｕｌｔ;ａｓｐ页面中用同样的方法将其他字段绑定

到相应位置

最后完成的页面如图

4.记录集中的Goodpercent/Midpercent/Badpercent这３个

动态数据分别是投票很好一般很差的人数占投票总人数的比例;而

这三项动态数据的值是小数,在浏览时,将以小数形式显示因此,要

把他转换成百分数,并保留２位小数;

选中表格第一行中的{rcent},然后在绑定面板

中单击Ｇｏｏｄｐｅｒｃｅｎｔ右边的下拉三角即记录集“格式’

框中的下拉三角,在弹出的菜单中选择百分比－2个小数位

同样的方法设置{cent}{cent}

5.制作表格的动态属性制作图示可采用表格嵌套和表格的动

态属性来完成;如果在表格中每一行的第２列的部分嵌套一个只有

一行一列的小表格,将这个小表格的背景色设置为红色,将小表格

的宽度度量单位设置为百分比相对于容纳他的单元格宽度也会根

据投票者的数量的变化而变化,这样就达到了制作图示的目的;灰

色的部分可以看做是投票的总人数,红色的部分可以看做是各选项

的人数;

制作投票很好项人数占总人数的比例图示;把光标放在第一行

的第２列上,插入一个表格;

把表格的背景设置为红色

.选中小表格,选择窗口－标签检查器,打开标签面板,选择属性.找

到常规－width属性,选中他,这时在他旁边会出现一个闪电按钮;

单击闪电按钮,会弹出一个动态数据窗口;在域列表框的记录集中

选择Goodpercent,然后在格式下拉列表中选择百分比－２个小数

位项;单击确定;

重复上面的步骤,分别在第二、三行插入一个小表格;只是在设

置动态属性时,须在动态数据窗口的列表框的记录集中选择

midpercent;

badpercent项

好了,Ｒｅｓｕｌｔ;ａｓｐ的页面也到此就制作好了;可以预览下

看看了哦

六、更新页

我们在投票页ｖｏｔｅ;ａｓｐ中设置ｆｏｒｍ的动作属性时,

已经设置了相应动作的文件为ａｄｄ;ａｓｐ

1..新建一个动态页ａｓｐＶＢＳｃｒｉｐｔ文件

在这里可以作一个转到ｒｅｓｕｌｔ;ａｓｐ的链接

2.绑定－命令预存过程

由于投票系统主要记录各个选项的投票人数,所以这一步并不

是对数据库进行读操作或者向数据库插入一条记录,而是修改数据

库的表ｖｏｔｅ中某一字段的值;确切的说,是对表ｖｏｔｅ某一

字段的数据进行累加,所以必须选择命令预存过程菜单项用简单的

ＳＱｌ语言进行定制

单击绑定面板的“＋”选择“命令预存过程”,设置如图

在ｖｏｔｅ;ａｓｐ页中设值但选按钮的属性时,已将３个单

选按钮Ｖａｌｕｅ属性的值分别设置为表ｖｏｔｅ中的３个字段

名,所以"rbResult"值一定是表ｖｏｔｅ的一个字段

名;所以这条ＳＱＬ语句的意思就是使某一字段加１,即在相应的

字段中记下了一个投票者

注意：实际操作时,一定要把SQL中的where去掉

好了,目前为止,这个投票系统的文件就全部作好了

发个最终预览的效果看下

七、制作重点及相关技巧

制作投票系统,首先需要了解投票系统的机制、投票系统需要

建立的各个网页文件以及制作这些文件的步骤主要制作技术有：投

票系统的制作,单选按钮的命名及ｖａｌｕｅ属性的设置技巧,单

选按钮的值的存储技巧,ｓｑｌ中计算字段的使用,比例图示的设

计技巧及动态数据格式的格式设置等等;

但是在测试上面介绍的简单的投票系统时,我们发现在该投票

系统中投票者可以无限制的进行投票,这样就使作弊很容易发生那

怎么样想办法让每一位投票者只投一次票以减少发生串票的可能

大家可以先考虑下这个问题,偶过几天在把这个教程发上来

终于做好了,有不对的地方还请版主大哥帮忙指出