ASP动态网页制作教程 吴素芹 赵征鹏 李林 第12章-课程设计一在线投票系统新

2019/1/19
3
•
也正是由于以上原因，网络上各式各 样的投票系统层出不穷。本次课程设计的 目的，就是来制作一个在线投票系统，该 系统可以实现对投票数量进行累加、查询 统计票数等操作。
2019/1/19
4
图12-1
参与投票页面
2019/1/19
5
图12-2
投票结果页面
2019/1/19
6
12.2 设 计 思 路
2019/1/19
19
•
ADO提供了实时存取数据库的功能，所 以在数据库的应用中，使用ADO编写的应用 程序可以存取在Internet上任何地方的资 源。
2019/1/19
20
•
ADO可以使用VBScript、JavaScript 等脚本语言来控制数据库以及输出查询结 果，以便连接到与ODBC（Open DataBase Connection）兼容的数据源和与OLE DB兼 容的数据库。
25
2019/1/19
图12-3
投票成功页面
2019/1/19
26
图12-4
投票失败页面
2019/1/19
27
12.3.5
•
查看结果的设计
在显示投票选项页面index.asp中，单 击“投票结果”按钮将打开投票结果页面 vote1.asp。
2019/1/19
28
•
在该页面中，首先查询数据表获取记 录数据并计算投票的总票数，然后使用 “for…next”循环语句依次计算各选项的 投票数量所占的百分比以及显示的柱形图 的宽度，再将选项标题、对应的投票数量、 投票百分比以及柱形图输出到浏览器。
• 本章实现的在线投票系统可划分为三 个模块：显示投票选项、参与投票和显示 投票结果。下面分别来介绍各模块的设计 思路。
2019/1/19
7
1．显示投票选项的设计思路
• 为了能够方便的添加、删除和修改投 票选项，可以将它们保存到数据库中，然 后通过程序代码查询数据库中的记录进行 显示。
2019/1/19
2019/1/19
21
•
ADO连接数据库的方式，也称为无ODBC DSN连接方式。本系统采用无ODBC DSN连接 Access数据库。
2019/1/19
22
12.3.3
•
显示投票选项的设计
在显示投票选项页面index.asp中，首 先查询数据表中的记录，然后使用 “for…next”循环语句逐个显示记录中对 应的“投票选项标题”字段数据，每个选 项对应一个单选按钮。在该页面中，单击 “投票结果”按钮可以打开投票结果页面。
2019/1/19
12
（2）将用户投票的IP地址记录到 指定的Cookies变量中，并设定此 Cookies变量有效期限为1个小时， 然后更新数据表中对应投票选项 的投票数量，即投票数量累加1。
2019/1/19
13
3．显示投票结果的设计思路
• 对于显示投票的结果，本系统不仅以 文字形式显示了各选项的票数，并通过柱 型图更直观的显示了各选项所得的票数。 下面介绍显示投票结果的设计思路。
8
•
下面介绍显示投票选项的设计思路。
（1）创建数据表用来保存投票选 项，在该数据表应包含投票标题、 选项1至选项8的标题和投票数量， 可以根据实际情况填写一定数量 的投票选项数据。
2019/1/19
9
（2）查询在步骤（1）中创建的数 据表，从而创建Recordset记录集。 （3）通过“for…next”循环语句将 多个投票选项的题目依次输出到 客户端浏览器。
choice表结构
长 度 默认值 允许空 字 段 描 述 唯一标识 50 50 0 50 否 否 否 投票标题 选项1标题 选项1投票 数量 选项2标题 选项2投票 数量
18
answer2
2019/1/19
数字
0
12.3.2
•
数据库连接的创建
ActiveX数据对象（ActiveX Data Ojbect，ADO）是微软公司开发的数据库访 问组件，是一种既易于使用又可扩充的数 据库访问技术。
ASP动态网页制作教程
第12章 课程设计一——在线投票系统
主要内容
3.1
课程设计的目的
3.2
设计思路
3.3
设计过程
2019/1/19
2
12.1 课程设计的目的
• 一个网站不断发展的前提就是众多用 户的支持，一个好的网站一定要注意与用 户之间信息的交流。能够有效得到用户反 馈的信息，并及时对网站内容进行改进， 这也是一个网站持续发展的基础。
2019/1/19
16
•
在线投票系统使用Access 2000来建立 数据库，然后设计数据表choice，此表用 于保存投票标题、选项1至选项8的标题和 投票数量等信息。choice表的结构如表121所示。
2019/1/19
17
Βιβλιοθήκη Baidu
表12-1
字 段 名 称 id title select1 answer1 select2 数 据 类 型 自动编号 文本 文本 数字 文本 是 否 主 键 是
2019/1/19
23
12.3.4
•
参与投票的设计
在显示投票选项页面index.asp中，选 择投票选项然后单击“我要投票”按钮， 程序处理页面vote2.asp首先判断用户是否 选择投票选项。
2019/1/19
24
•
如果未选择则给出提示信息终止用户 操作，如果选项不为空则将用户IP地址与 保存在客户端浏览器Cookies中的IP地址进 行比较，如果两者相匹配则给出提示信息 终止用户操作，如果不匹配则将用户IP地 址保存在Cookies变量中，并设定Cookies 变量的有效期限为1小时，同时更新数据库 中此选项的投票数量（即使投票数量累加 1）。
2019/1/19
14
（1）查询数据表，显示各选项的 标题以及投票数量，并计算各选 项的投票之和。 （2）实现以图片来表示投票结果， 最关键的是根据票数来计算图片 的显示长度。
2019/1/19
15
12.3 设 计 过 程 12.3.1
•
数据表的设计
面向桌面的小型数据库系统Microsoft Access是Microsoft Office组件之一，具 有基本的数据库功能，不仅可用于小型数 据库管理，供单机使用，还可以与工作站、 数据库服务器或者主机上的各种数据库互 相连接。
2019/1/19
10
2．参与投票的设计思路
• 在进行投票时，一般情况下只能选择 一个选项进行投票，也就是所谓的单选， 通常使用单选按钮来实现。
2019/1/19
11
•
下面介绍参与投票的设计思路。
（1）如果用户不符合投票要求， 则给出相应的提示信息。例如， 用户未选择选项而进行投票或者 在1小时之内试图多次投票。