程序说明及投票系统流程

1、程序说明及投票系统流程一、程序说明及投票系统流程图总的来说，投票系统可分为3个模块：选票模块，选票 处理模块和结果显示模块！投票系统需要对某一项目的选择做出记录，一般情况下 是存放在数据库中然后对投票情况进行统计并显示投票结 果。首先给出选票，即供投票者选择的窗体对象，当投票者 按下投票按钮后，选票处理模块开始激活，对传送到服务器 的数据作相应的处理，服务器端在处理时先判断用户选择的 是那一项，然后把相应字段的值加1。实际上保存投票结果 的数据库中的表只有一条记录就可以了，只是需要不断的对 这些数据进行更新。最后则是由结果显示模块把投票结果显 示出来。这篇教程以对一部电影的评价为例进行投票系统

2、的讲 解。在这个例子中有3种选择，很好、一般和很差！并且只 能选择其中一项。文件说明：*vote.asp 投票页*result.asp 显示投票结果*add.asp 选票处理模块， 投票者在投票页选择并按下投票按 钮并提交后，数据库即进行更新，最后转向 Result.asp 二、数据库的设计和建立 数据库文件 tvote.mdb 只有一个表 tvote ，该表只有一条记录，而记录对应着3个字段，每一个字段保持一种选项的 投票数目。新建表的记录初始值为 0，为了方便看效果，所 以先对记录的各个字段赋了初值！三、建立站点和数据库连接1. 建立站点！关于建立站点的详细步骤，偶就不说了。贴张 图看下！

3、 提醒下，建立站点前别忘了建立虚拟目录！2. 数据库连接，这里用构建 0DBC 的方法来连接数据库！DSN(Data SourceName) ，数据源名称)表示用于将应用程序和某个数据库相 连接的信息集合。 ODBC 数据源管理器使用该信息来创建指 向数据库的连接！具体步骤：启动控制面板管理工具数据源 (0DBC)系统 DSN “添加” 然后在打开的创建新数据源对话框 中选择 Microsoft Access Driver (*.mdb) 点击“完成”会出现 ODBC MicrosoftAccess安装对话框， 给你要建立的数据源起个名字， 然后点击“选择”， 选择你建立的数据库文件的路径！单

4、击确定，就可以看到在ODBC 数据源管理器中多了一个我们刚刚新建立的数据源。 然后到 dreamweaver 里面，打开我们刚刚建立的站点，随 便打开一个文件！ 打开应用程序面板的数据库标签， 点“” 选择“数据源名称（ DSN ）”然后在打开的对话框中作如下设置，可点击测试看数据 库连接是否成功！四、投票系统主页面制作 实际上，投票者只需要作出选择就可以了，不需要添加 任何行为。对投票页紧需设置表单及窗体对象的属性即可。1.先制作如下的静态页面注意，页面中的表格一定是嵌套在一个 form （表单）里面的（偶刚开始学asp的时候，都是直接就弄个表格，结 果出了n次错）2. form设置将光标移

5、到表单区域内，单击窗口下面的f orm标签来选中f orm。对f orm属性进行如下设置单击表格右列第一行的单选按钮属性设置f orm中 的单选按钮的属性。在其属性面板中，在单选按钮文本框中输入rbResult，这样就设置了该单选按钮的name的属性 为 rbResult ，在选定值文本框中输入 fGood, 这样就设置了该 单选按钮的Value属性值。如图输入的value属性值与数据库中的表tvote 的一个字段名相同，而表tvote的f Good字段保存 的是选择 很好 项的投票者总数，在按下投票按钮提交后， 将fGood作为单选按钮的值传出，与数据库中的字段名 联系起来！在初始状态选项中

6、，选中 已勾选 单选按钮，即默认情 况下被选中！同样，对下面2个单选按钮也按以上步骤设置！表格中下面的2个单选按钮的name属性也设为 rbResult,这样设置可使3个单选按钮的name属性相同， 这样投票者就只能选择其中的一项。在初始状态 选项中选中未选中单选按钮，在选定值文本框中分别输入f Mid、 fBad，与表tvote中的另外二个字段相同，这样,vo te°asp就作好了！五、投票结果页面的制作制作页面2.定义记录集打开数据 绑定 面板，单击 + 按钮，选择 记录集(查询) 菜单项，如果出现简单 记录集 对话框，则应单击 高级。按钮 转到高级记录集对话框！在名称文本框中输

7、入 rsVote, 在连接下拉列表中选择 connvote,在 SQL 列表框中书写“SELECT fGood, fMid,fBad,(fGood+fMid+fBad) as VTotal, (fGood/VTotal) as GoodPercent, (fMid/VTotal) asMidpPercent, (fBad/VTotal) as BadPercent FROM tVote ”3. 数据绑定 将光标放在“有 人参加了投票”之间，在绑定面板中选 中vtotal字段，然后单击“插入”这样就把投票人的总 数动态的加入到Resultoasp页面中！用同样的方 法将其他字段绑定到相应位置最后

8、完成的页面如图4. 记录集中的 Goodpercent/Midpercent/Badpercent 这3个动态数据分别是投票很好一般很差的人数占投票总人数的比例。而这三项动态数据的值是小数，在浏览时，将以小数形式显示因此，要把他转换成百分数，并保留2位小 数。选中表格第一行中的 rsVote.GoodPercent ，然后在绑 定面板中单击Goodpercent右边的下拉三角（即 记录集“格式'框中的下拉三角，）在弹出的菜单中选择 百分比 2 个小数位 同样的方法设置rsVote.badPercentrsVote.midPercent5. 制作表格的动态属性 制作图示可采用表格嵌套和表

9、格的动态属性 来完成。如果在表格中每一行的第2列的部分嵌套一个只有 一行一列的小表格，将这个小表格的背景色设置为红色，将 小表格的宽度度量单位设置为百分比（相对于容纳他的单元 格宽度也会根据投票者的数量的变化而变化，这样就达到了 制作图示的目的。灰色的部分可以看做是投票的总人数，红 色的部分可以看做是各选项的人数。制作投票 很好 项人数占总人数的比例图示。把光标放在第一行的第2列上，插入一个表格把表格的背景设置为红色.选中小表格，选择 窗口 标签检查器 ，打开 标签 面板， 选择 属性 .找到 常规 width 属性，选中他，这时在他旁边 会出现一个闪电按钮。单击闪电按钮，会弹出一个动态数据

10、窗口。在 域列表框的记录集中选择 Goodpercent, 然后在格 式下拉列表中选择 百分比 2个小数位 项。单击确定。重复上面的步骤，分别在第二、三行插入一个小表格。 只是在设置动态属性时，须在动态数据窗口的列表框的记录 集中选择 midpercent 。badpercent 项好了，Rcsultoasp的页面也到此就制作好了。可 以预览下看看了哦！六、更新页 add.asp我们在投票页v otcoasp中设置f orm的动作 属性时，已经设置了相应动作的文件为addoasp!仁新建一个动态页asp VBScript文件 在这里可以作一个转到rcsult°asp的链接！2. 绑定

11、命令（预存过程） 由于投票系统主要记录各个选项的投票人数，所以这一 步并不是对数据库进行读操作或者向数据库插入一条记录， 而是修改数据库的表vote中某一字段的值。确切的说， 是对表v ote某一字段的数据进行累加，所以必须选择命令（预存过程）菜单项用简单的SQ1语言进行定制！单击绑定面板的“”选择“命令（预存过程） ”，设置如图在v ote°asp页中设值但选按钮的属性时，已将3个单选按钮Value属性的值分别设置为表v ote中的3个字段名，所以Request.form（"rbResult"） 值一定是表 vote的一个字段名。所以这条SQL语句的意思就是使 某一字段加1,即在相应的字段中记下了一个投票者！*注意：实际操作时，一定要把 SQL 中的 where 去掉 * 好了，目前为止，这个投票系统的文件就全部作好了！ 发个最终预览的效果看下！七、制作重点及相关技巧制作投票系统，首先需要了解投票系统的机制、投票系 统需要建立的各个网页文件以及制作这些文件的步骤！主要 制作技术有：投票系统的制作，单选按钮的命名及value属性的设置技巧，单