用Dreamweaver制作ASP动态网站投票系统篇.docx

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

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

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

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

5、单选按钮的属性。在其属性面板中，在单选按钮文本框中输入rbResult，这样就设置了该 单选按钮的的属性为rbResult，在选定值文本框中输入fGood,这样就设置了该单选按钮的属性值。如图 输入的属性值与数据库中的表的一个字段名相同，而表的字段保存的是选择很好项的投票者总数，在按下投票按钮提交后，将作为单选按钮的值传出，与数据库中的字段名联系起来！在初始状态选项中，选中已勾选单选按钮，即默认情况下被选中！同样，对下面个单选按钮也按以上步骤设置！表格中下面的个单选按钮的属性也设为rbResult,这样设置可使个单选按钮的属性相同，这样投票者就只能选择其中的一项。在初始状态选项中选中未选中单选

6、按钮，在选定值文本框中分别输入、fBad，与表中的另外二个字段相同，这样，。就作好了！五、投票结果页面的制作制作页面 2.定义记录集打开数据绑定面板，单击+按钮，选择记录集（查询）菜单项， 如果出现简单记录集对话框，则应单击高级。按钮转到高级记录集对话框！在名称文本框中输入rsVote,在连接下拉列表中选择connvote,在列表框中书写“SELECT fGood, fMid, fBad, (fGood+fMid+fBad) as VTotal, (fGood/VTotal) as GoodPercent, (fMid/VTotal) as MidpPercent, (fBad/VTotal)

7、 as BadPercentFROM tVote”3.数据绑定将光标放在“有人参加了投票”之间，在绑定面板中选中字段，然后单击“插入”这样就把投票人的总数动态的加入到。页面中！用同样的方法将其他字段绑定到相应位置最后完成的页面如图4.记录集中的Goodpercent/Midpercent/Badpercent这个动态数据分别是投票很好一般很差的人数占投票总人数的比例。而这三项动态数据的值是小数，在浏览时，将以小数形式显示因此，要把他转换成百分数，并保留位小数。 选中表格第一行中的rsVote.GoodPercent，然后在绑定面板中单击右边的下拉三角（即记录集“格式框中的下拉三角，）在弹出的菜

8、单中选择百分比2个小数位同样的方法设置rsVote.badPercentrsVote.midPercent5.制作表格的动态属性 制作图示可采用表格嵌套和表格的动态属性来完成。如果在表格中每一行的第列的部分嵌套一个只有一行一列的小表格，将这个小表格的背景色设置为红色，将 小表格的宽度度量单位设置为百分比（相对于容纳他的单元格宽度也会根据投票者的数量的变化而变化，这样就达到了制作图示的目的。灰色的部分可以看做是投票 的总人数，红色的部分可以看做是各选项的人数。制作投票很好项人数占总人数的比例图示。把光标放在第一行的第列上，插入一个表格。把表格的背景设置为红色 .选中小表格，选择窗口标签检查器，打

9、开标签面板，选择属性.找到常规width属性，选中他，这时在他旁边会出现一个闪电按 钮。单击闪电按钮，会弹出一个动态数据窗口。在域列表框的记录集中选择Goodpercent,然后在格式下拉列表中选择百分比个小数位项。 单击确定。重复上面的步骤，分别在第二、三行插入一个小表格。只是在设置动态属性时，须在动态数据窗口的列表框的记录集中选择midpercent。 badpercent项好了，。的页面也到此就制作好了。可以预览下看看了哦！六、更新页add.asp我们在投票页。中设置的动作属性时，已经设置了相应动作的文件为。！1.新建一个动态页文件在这里可以作一个转到。的！2.绑定命令（预存过程）由于投

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