用ASP学做一个在线调查
类别: ASP教程
关于在线调查大家一定不会陌生吧,给出一个问题和数个答案,让用户填写,然后把结果保存到数据库,自动进行统计,最后给出个统计的图。这期的跟我学做就来做一个在线调查系统。
一、功能设计
这么简单的系统也要做功能设计?有的人也许会觉得奇怪,不过话说回来不管怎么样的系统,先做功能设计总是能对系统有个比较清析的了解。让我们来看看在线调查的功能吧。基本的功能上面已经说了,就是要给出一个问题和数个答案,然后统计,最后给出图。在这个基础上,我们可以考虑给一个调查加上一个时间段(有效期),在这个时间段里调查是有效的,过了这段时间就自动结束这个调查。另外,我们可以指定一个用户一次只能提交一次答案。如果你要限制得更多,可以指定一个IP只能提交一次答案,不过,这样可能一个网吧里的人只能有一个提交了。对于调查里的问题,有些可能是单选题,而有些可能是多选 题。最后来说说统计的图,在统计图里要给出答案、每个答案的投票人数,并要显示出每个答案投票数所占的比例。一般用横的图就可以了,也比较容易实现,当然,如果你要改成竖的,也可以。
现在根据上面总结出在线调查的功能如下:
1、数据保存在ACCESS 2000 数据库中;
2、每个用户一次访问可以投票一次
3、给出每个调查的统计情况,用统计图来显示
4、每个调查都有个有效期,过期后自动结束。结束了的调查只能查看结果。
5、管理员可以增加调查,修改调查的答案(增加、修改、删除,修改类型)。
6、对于已经结束的调查,管理员只能删除调查,而不能修改答案。
7、只有一个管理员(单用户)
二、数据库设计
现在来设计数据库,根据功能要求,至少要有三个表,一是管理员表,二是调查表,三是调查结果表。数据库文件名为survey.mdb 可以改为.asp 如果改的话,请在ASP程序中作相应的修改。
表一、 管理员表 表名: manage
-----------------------------------------------------------------
字段 类型 长度 说明
-----------------------------------------------------------------
manage_id 自动编号 - 在这里没用到,日后扩展用
manage_username 文本 15 管理员用户名
manage_password 文本 15 管理员密码
-----------------------------------------------------------------
建立manage表后加入一条新记录,填入你的管理员用户名和密码,在这里填入的是xmxoxo
表二、 调查表 表名: survey
-----------------------------------------------------------------
字段 类型 长度 说明
-----------------------------------------------------------------
survey_id 自动编号 - 递增、主键、有索引无重复
survey_question 文本 255 调查问题
survey_type 是否 - 类型,否:单选 是:多选
survey_stime 日期 - 长日期,开始时间
survey_etime 日期 - 长日期,结束时间
-----------------------------------------------------------------
表三、调查结束表 表名:survey_vote
-----------------------------------------------------------------
字段 类型 长度 说明
-----------------------------------------------------------------
vote_no 自动编号 - 递增、主键、有索引无重复
vote_id 长整型 - 有索引有重复,小数位0
vote_answer 文本 100 调查答案
vote_count 长整型 - 投票数
-----------------------------------------------------------------
其中,survey_vote表和survey表的id字段有多对一的关系。并不一定要建立这个关系,但是建立关系会使思路更明确。
三、包含文件
这里所要用到的函数并不多,主要是对数据库进行操作的,如果要防止输入时的HTML等代码,直接用server.htmlencode进行处理就可以了,所以不需要一个专门的函数来处理。我们可以沿用上一篇《跟我学》系列《跟我学做树型菜单》里的包含文件。
共用函数文件,文件名:inc.asp
<%
\'\'*******************************************************************
\'\'通用数据库ASP函数
\'\'*******************************************************************
\'\'数据库常数
databasename="survey.mdb" \'\'数据库名,如果改名的话,在这里修改就行了
\'\'*******************************************************************
\'\'打开数据库
sub opendb(connect)
set connect=server.CreateObject("ADODB.connection")
connect.ConnectionString="DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" &_
server.MapPath(databasename)
connect.Open strconn
end sub
\'\'*******************************************************************
\'\'关闭数据库
sub closedb(connect)
connect.close
set connect=nothing
end sub
\'\'*******************************************************************
\'\'打开单个表读
sub opentable(connect,tbname,myrs)
set myrs=server.createobject("ADODB.recordset")
rssql="select * from " & tbname
myrs.open rssql,connect,1,1
end sub
\'\'*******************************************************************
\'\'关闭临时表
sub closetable(rs)
rs.close
set rs=nothing
end sub
\'\'*******************************************************************
\'\'查询数据库
sub searchtable(connect,sql,rs)
set rs=server.createobject("ADODB.recordset")
rs.open sql,connect,1,1
end sub
\'\'*******************************************************************
\'\'查询并更改数据库
sub changetable(connect,sql,rs)
set rs=server.createobject("ADODB.recordset")
rs.open sql,connect,1,3
end sub
\'\'*******************************************************************
\'\'显示信息 用于调试
Sub w(msg)
response.write msg
end sub
\'\'*******************************************************************
\'\'程序中断 用于调试
sub userstop()
response.end
end sub
%>
四、文件设计
按照传统的思路,我们总是把在线调查设计成三个部份,一、是显示调查表;二、是显示调查统计结果;三是后台管理。而在实际应用中,我们会发现,显示调查表往往是在某个网页中的,显示结果一般也是弹出一个窗口来。后台管理则是通过另一个链接或者登录表单转向到的。为了更方便地使用在线调查,我们把显示调查表部分写成一个JS脚本,让需要显示调查表的网页通过引用脚本的方式来自由地调用它。好,看看文件设计
1、inc.asp 包含文件。主要的函数库
2、surveycode.asp 显示调查表程序。在主网页中使用脚本来调用它。
3、survey.asp 调查表列表程序。列出所有调查的状态。
4、survey_vote.asp 显示调查统计结果程序。带上参数表示调查的问题。
5、survey_manage.asp 管理程序。
在这里,我们略过了页面设计,因为风格设计不是我们所要说的内容,所以关于网页的风格,布局,CSS 等等,请大家自己设计。
五、文件流程
先写出程序的主要流程,可以比较方便于日后修改和扩展、移植。在这里比较重要的是要在程序中写哪些子程序,如何安排这些子程序。
1、surveycode.asp 显示调查表单
<%
\'\'获取querystring参数,id 表示调查编号
\'\'判断参数正确性
\'\'判断调查是否在有效期中。
\'\'读取调查问题、类型
\'\'输出调查答案,并生成调查表单
\'\'关闭数据库及表
%>
2、survey.asp 显示所有调查状态
<%
\'\'读取数据库
%>
<html>
\'\'显示所有调查状态,并加入链接
</html>
3、survey_vote.asp 显示统计结果。
这里有两个功能,一是没有提交的显示,二是提交了答案后进行统计,然后显示结果。如果不带参数,就是第一种方式。也可以分为两个文件来完成。
<%
\'\'获取参数。id 表示调查编号 所有数据来自form
\'\'判断是否有参数,有则先进行统计
\'\'没有则直接显示
\'\'统计子程序
%>
<html>
\'\'显示子程序
</html>
4、survey_manage.asp 管理程序。
管理部份比较复杂,要实现较多的功能。先来列一下管理的功能:
1)管理员登录。只有登录后才能进行管理
2)退出登录。完成管理后安全退出。
对调查的管理有:
3)增加一个调查。同时要增加调查答案
4)修改一个调查。修改内容,时间,类型,调查答案的内容、增加、删除
5)删除一个调查。不能删除正在进行的调查。
针对这些功能,来设计它的流程
<%
\'\'获取参数。action表示动作,分别对应上面的功能。
\'\'根据动作来转向相应的子程序
\'\'登录子程序
\'\'退出登录子程序
\'\'执行增加调查问题子程序
\'\'执行增加调查答案子程序
\'\'执行修改调查子程序 问题和答案一起修改
\'\'执行删除调查问题子程序
\'\'执行删除调查答案子程序
<html>
<%
\'\'判断是否登录,没有则显示登录表单
\'\'根据动作显示相应表单
\'\'显示所有调查子程序
\'\'显示单个调查子程序。问题和答案一起显示
\'\'显示增加调查子程序。
\'\'显示登录表单
%>
</html>
六、代码编写
做好了流程设计后,写代码就比较有条理了。让我们从简单的开始。在编写代码
之前,我们要先在数据库里输入一些记录,以便做测试。先加入一条调查问题,和几个
调查答案,并手工输入一些统计信息。
我们先来写显示调查表单的surveycode.asp 这个文件要在其它页面中被调用,所以我们写成JS和VBS混用的方式。调用的时候可以把它放在某个表格中,用下面的语句:
<SCRIPT Language="JavaScript" SRC="surveycode.asp?id=1"></SCRIPT>
按照上面的流程,在显示表单前,先要判断一下调查是否存在,是否在进行中。另外,在表单中要提交一个隐藏的参数,来表示调查的问题编号(id),答案提交的时候,提交的是答案的编号vote_no
文件名 surveycode.asp
<!--#include file="inc.asp" -->
<%
id=request.querystring("id")
if id<>"" then \'\'如果有参数
opendb my \'\'联接数据库
sql="select * from survey where survey_id="& id \'\'查询语句
searchtable my,sql,rs \'\'查询数据库
if not rs.eof then \'\'如果有这个调查记录
question=rs("survey_question") \'\'读出问题
surveytype=rs("survey_type") \'\'读出答案类型
stime=rs("survey_stime") \'\'读出开始时间
etime=rs("survey_etime") \'\'读出结束时间
closetable rs \'\'关闭表
if stime<now() and etime>now() then \'\'如果调查正在进行中
\'\'下面输出调查表单
\'\'先输出表单和问题,表单提交到survey_vote.asp
%>
document.write("<form action=\'\'survey_vote.asp\'\' target=\'\'_blank\'\' method=\'\'post\'\'>");
document.write("<table border=\'\'1\'\' cellpadding=\'\'2\'\' cellspacing=0\'\' bordercolorligh=\'\'#000000\'\'");
document.write(" bordercolordark=\'\'#ffffff\'\' width=\'\'100%\'\' align=\'\'center\'\'><tbody>");
document.write("<tr><td colspan=\'\'2\'\' align=\'\'center\'\'><b><%=server.htmlencode(question)%></b></td></tr>");
<%
sql="select vote_no,vote_answer from survey_vote where vote_id="&id \'\'查询答案的SQL
searchtable my,sql,rs \'\'执行查询
if not rs.eof then \'\'如果有答案,就输出
for i=1 to rs.recordcount
%>
document.write("<tr><td align=\'\'right\'\'><input name=\'\'res\'\' type=\'\'");
<%
if surveytype then \'\'判断类型,显示单选或者多选
%>
document.write("checkbox");
<%else%>
document.write("radio");
<%end if \'\'下面这句输出答案的文字和提交的值(vote_no)%>
document.write("\'\' value=<%=rs("vote_no")%>></td><td><%=rs("vote_answer")%></td></tr>");
<%
rs.movenext
next
\'\'下面几句输出一个隐藏的参数,传递问题编号(id)
\'\'并用一个JS函数来定义点击查看后的链接
%>
document.write("<tr><td colspan=\'\'2\'\' align=\'\'center\'\'><input type=\'\'hidden\'\' name=\'\'id\'\' value=\'\'<%=id%>\'\'>");
document.write("<input type=\'\'submit\'\' class=button value=\'\'投票\'\'> ");
document.write("<input type=button class=button value=\'\'查看\'\' onclick=\'\'jump(<%=id%>)\'\'>");
document.write("</td></tr></tbody></table></form>");
function jump(id){
window.open("survey_vote.asp?id="+id,"survey")
}
<%
end if
end if
end if
closetable rs
closedb my
end if
%>
在surveycode.asp完成后,我们实现上已经确定了以下几点:
1、在survey_vote.asp中,如果querystring参数id有值,则是查看结果;
2、在survey_vote.asp中,如果form参数id有值,则要先进行统计;
3、在survey_vote.asp中,提交来的form参数res是答案的编号vote_no;
七、统计结果
首先我们来完成与surveycode.asp最密切相关的显示统计结果survey_vote.asp文件。在上一篇的结尾,我们已经说明了在surveycode.asp中确定的一些参数。
统计结果 survey_vote.asp
<!--#include file="inc.asp" -->
<html>
<head>
<title>调查统计结果</title>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<%
\'\'上一句先加入包含文件,引用函数。
id=request.querystring("id") \'\'获取querystring参数id
opendb my \'\'连接数据库
if id="" then \'\'如果没有,则不是直接看结果
id=request.form("id") \'\'获取form参数id
if id<>"" then \'\'如果有值,则是要先统计
surveycount() \'\'调用统计子程序
end if
end if
if id<>"" then
disp_survey() \'\'不管是哪种,最后都显示结果
end if
closedb my \'\'关闭数据库
\'\'-----统计子程序-----
sub surveycount()
if session("survey_ok")="" then \'\'如果还没投票
no=request.form("res") \'\'得到答案的编号
if no<>"" then
\'\'定义SQL语句,让提交的答案数量+1
sql="update survey_vote set vote_count=vote_count+1 where vote_no= in (" & no &")"
my.execute sql
end if
session("survey_ok")="ok"
end if
end sub
\'\'------------------
\'\'---显示结果子程序---
sub disp_survey()
\'\'定义SQL语句,得到调查的问题
sql="select survey_question from survey where survey_id=" & id
searchtable my,sql,rs \'\'执行查询
question=rs("survey_question") \'\'把问题存到question中
closetable rs \'\'关闭表
\'\'定义SQL语句,得到答案的数量总和
sql="select sum(vote_count) as total from survey_vote where vote_id="& id
searchtable my,sql,rs
total=rs("total")
closetable rs \'\'关闭表
\'\'定义SQL语句,得到所有的答案文本部份及投票数
sql="select vote_answer,vote_count from survey_vote where vote_id=" & id
searchtable my,sql,rs \'\'执行查询
\'\'下面用表格来输出统计表
%>
<table width="500" border="1" align="center" cellpadding="2" cellspacing="0"
bordercolorligh="#000000" bordercolordark="#ffffff">
<tr>
<td colspan="4" align="center"><b>调查统计结果</b></td>
</tr>
<tr>
<td colspan="4"><b>调查问题:<%=question%></b></td>
</tr>
<tr >
<td width="150" align="center" height="20">答案</td>
<td width="150" align="center" height="20">投票率</td>
<td width="100" align="center" height="20">比例</td>
<td width="100" align="center" height="20">票数</td>
</tr>
<%do while not rs.eof
if total=0 then
percent=0 \'\'如果没人投票,则百分比为0
else
percent=int(rs("vote_count")/total*10000)/100 \'\'计算百分比
end if
%>
<tr>
<td width="150" align="center"><%=rs("vote_answer")%></td>
<td width="150" align="left">
<table border="0" width="<%=percent%>" bgcolor="#CCCC00" height="10">
<tr>
<td></td>
</tr>
</table>
</td>
<td width="100" align="center"><%=percent%>%</td>
<td width="100" align="center"><%=rs("vote_count")%></td>
</tr>
<%
rs.movenext
loop
%>
<tr>
<td colspan="4"> 至 <%=now()%> 止,共有 <%=total%> 张投票
<a href="javascript:window.close()">关闭窗口</a>
</td>
</tr>
</table>
<%
closetable rs \'\'关闭表
end sub
\'\'------------------
%>
</body>
</html>
在显示投票过程中,我们用session变量survey_ok来表示是否已经投过票。另外,这显示统计中,引用CSS文件来控制表格的样式,你们可以根据自己的要求自己加入。
八、列出所有调查的状态
现在我们来完成survey.asp,它的主要任务是列出所有的调查状态,包括:
1、调查的问题,链接到投票表单页面(直接写在本页中);
2、调查的起启时间;
3、调查的结束时间;
4、调查的进行状态:未开始、进行中、已结束;
5、调查的投票数;
6、调查的类型,单选还是多选;
7、另外给出一个链接查看投票结果;
根据这些要求,查询相应的表就可以了,有些语句,比如得到投票总数,SQL语句其实在上面的survey_vote.asp中已经写过了。
列出所有调查的状态 survey.asp
<!--#include file="inc.asp" -->
<html>
<head>
<title>在线调查列表</title>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<%
id=request.querystring("id") \'\'获取参数
if id<>"" then \'\'如果有参数,则显示这个调查表单
response.write "<SCRIPT Language=\'\'JavaScript\'\' SRC=\'\'surveycode.asp?id="&id&"\'\'></SCRIPT>"
else \'\'否则调用子程序显示状态
disstat()
end if
\'\'-----显示状态子程序----
sub disstat()
opendb my \'\'连接数据库
opentable my,"survey",rs \'\'直接打开表
\'\'下面用表格显示每个记录
\'\'先显示表头
%>
<table width="760" border="1" cellspacing="0" cellpadding="2"
align="center" bordercolorligh="#000000" bordercolordark="#ffffff">
<tr>
<td colspan="8" align="center"><b>在线调查列表</b></td>
</tr>
<tr >
<td width="50" align="center" height="20">编号</td>
<td width="200" align="center" height="20">调查问题</td>
<td width="50" align="center" height="20">类型</td>
<td width="140" align="center" height="20">起启时间</td>
<td width="140" align="center" height="20">结束时间</td>
<td width="50" align="center" height="20">状态</td>
<td width="80" align="center" height="20">已投票数</td>
<td width="50" align="center" height="20">查看</td>
</tr>
<%
\'\'下面输出每个记录
do while not rs.eof
\'\'先读出每个字段
id=rs("survey_id")
question=rs("survey_question")
\'\'读出类型
if rs("survey_type") then
stype="多选"
else
stype="单选"
end if
stime=rs("survey_stime")
etime=rs("survey_etime")
\'\'判断状态
if now()<stime then
stat="未开始"
else
if now<etime then
stat="进行中"
else
stat="已结束"
end if
end if
\'\'定义SQL语句,得到答案的数量总和
sql="select sum(vote_count) as total from survey_vote where vote_id="& id
searchtable my,sql,tmprs \'\'查询
total=tmprs("total")
closetable tmprs \'\'关闭表
\'\'下面输出一条记录
%>
<tr >
<td align="center" height="20"><%=id%></td>
<td height="20">
<a href="survey.asp?id=<%=id%>"><%=question%></a>
</td>
<td align="center" height="20"><%=stype%></td>
<td align="center" height="20"><%=stime%></td>
<td align="center" height="20"><%=etime%></td>
<td align="center" height="20"><%=stat%></td>
<td align="center" height="20"><%=total%></td>
<td align="center" height="20">
<a href="survey_vote.asp?id=<%=id%>" target="_blank">查看</a>
</td>
</tr>
<%
rs.movenext \'\'移动到下一条,循环
loop
%>
</table>
<%
closetable rs \'\'关闭表
closedb my \'\'关闭数据库
end sub
\'\'----------------------
%>
</body>
</html>
九、后台管理
在后台管理页面survey_manage.asp中,前面我们已经列出来它所要实现的管理功能。管理的流程是先显示出所有调查,对于还没有开始的调查,可以进行修改、删除;对于已经结束的调查,可以删除,不能修改;对于正在进行的调查,只能修改它的结束时间。用一个参数action来表示动作,含义如下:
1、无参数。表示第一次进入,显示登录表单
2、login 表示执行登录
3、logout 表示执行退出登录
4、showaddquestion 表示显示增加一个调查
5、showsurvey 表示显示一个调查
6、doaddsurvey 表示执行增加一个调查
7、doaddanswer 表示执行增加一个答案
8、dodelsurvey 表示删除一个调查
9、dodelanswer 表示删除一个答案
10、domodify 表示修改一个调查及答案
一、功能设计
这么简单的系统也要做功能设计?有的人也许会觉得奇怪,不过话说回来不管怎么样的系统,先做功能设计总是能对系统有个比较清析的了解。让我们来看看在线调查的功能吧。基本的功能上面已经说了,就是要给出一个问题和数个答案,然后统计,最后给出图。在这个基础上,我们可以考虑给一个调查加上一个时间段(有效期),在这个时间段里调查是有效的,过了这段时间就自动结束这个调查。另外,我们可以指定一个用户一次只能提交一次答案。如果你要限制得更多,可以指定一个IP只能提交一次答案,不过,这样可能一个网吧里的人只能有一个提交了。对于调查里的问题,有些可能是单选题,而有些可能是多选 题。最后来说说统计的图,在统计图里要给出答案、每个答案的投票人数,并要显示出每个答案投票数所占的比例。一般用横的图就可以了,也比较容易实现,当然,如果你要改成竖的,也可以。
现在根据上面总结出在线调查的功能如下:
1、数据保存在ACCESS 2000 数据库中;
2、每个用户一次访问可以投票一次
3、给出每个调查的统计情况,用统计图来显示
4、每个调查都有个有效期,过期后自动结束。结束了的调查只能查看结果。
5、管理员可以增加调查,修改调查的答案(增加、修改、删除,修改类型)。
6、对于已经结束的调查,管理员只能删除调查,而不能修改答案。
7、只有一个管理员(单用户)
二、数据库设计
现在来设计数据库,根据功能要求,至少要有三个表,一是管理员表,二是调查表,三是调查结果表。数据库文件名为survey.mdb 可以改为.asp 如果改的话,请在ASP程序中作相应的修改。
表一、 管理员表 表名: manage
-----------------------------------------------------------------
字段 类型 长度 说明
-----------------------------------------------------------------
manage_id 自动编号 - 在这里没用到,日后扩展用
manage_username 文本 15 管理员用户名
manage_password 文本 15 管理员密码
-----------------------------------------------------------------
建立manage表后加入一条新记录,填入你的管理员用户名和密码,在这里填入的是xmxoxo
表二、 调查表 表名: survey
-----------------------------------------------------------------
字段 类型 长度 说明
-----------------------------------------------------------------
survey_id 自动编号 - 递增、主键、有索引无重复
survey_question 文本 255 调查问题
survey_type 是否 - 类型,否:单选 是:多选
survey_stime 日期 - 长日期,开始时间
survey_etime 日期 - 长日期,结束时间
-----------------------------------------------------------------
表三、调查结束表 表名:survey_vote
-----------------------------------------------------------------
字段 类型 长度 说明
-----------------------------------------------------------------
vote_no 自动编号 - 递增、主键、有索引无重复
vote_id 长整型 - 有索引有重复,小数位0
vote_answer 文本 100 调查答案
vote_count 长整型 - 投票数
-----------------------------------------------------------------
其中,survey_vote表和survey表的id字段有多对一的关系。并不一定要建立这个关系,但是建立关系会使思路更明确。
三、包含文件
这里所要用到的函数并不多,主要是对数据库进行操作的,如果要防止输入时的HTML等代码,直接用server.htmlencode进行处理就可以了,所以不需要一个专门的函数来处理。我们可以沿用上一篇《跟我学》系列《跟我学做树型菜单》里的包含文件。
共用函数文件,文件名:inc.asp
<%
\'\'*******************************************************************
\'\'通用数据库ASP函数
\'\'*******************************************************************
\'\'数据库常数
databasename="survey.mdb" \'\'数据库名,如果改名的话,在这里修改就行了
\'\'*******************************************************************
\'\'打开数据库
sub opendb(connect)
set connect=server.CreateObject("ADODB.connection")
connect.ConnectionString="DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" &_
server.MapPath(databasename)
connect.Open strconn
end sub
\'\'*******************************************************************
\'\'关闭数据库
sub closedb(connect)
connect.close
set connect=nothing
end sub
\'\'*******************************************************************
\'\'打开单个表读
sub opentable(connect,tbname,myrs)
set myrs=server.createobject("ADODB.recordset")
rssql="select * from " & tbname
myrs.open rssql,connect,1,1
end sub
\'\'*******************************************************************
\'\'关闭临时表
sub closetable(rs)
rs.close
set rs=nothing
end sub
\'\'*******************************************************************
\'\'查询数据库
sub searchtable(connect,sql,rs)
set rs=server.createobject("ADODB.recordset")
rs.open sql,connect,1,1
end sub
\'\'*******************************************************************
\'\'查询并更改数据库
sub changetable(connect,sql,rs)
set rs=server.createobject("ADODB.recordset")
rs.open sql,connect,1,3
end sub
\'\'*******************************************************************
\'\'显示信息 用于调试
Sub w(msg)
response.write msg
end sub
\'\'*******************************************************************
\'\'程序中断 用于调试
sub userstop()
response.end
end sub
%>
四、文件设计
按照传统的思路,我们总是把在线调查设计成三个部份,一、是显示调查表;二、是显示调查统计结果;三是后台管理。而在实际应用中,我们会发现,显示调查表往往是在某个网页中的,显示结果一般也是弹出一个窗口来。后台管理则是通过另一个链接或者登录表单转向到的。为了更方便地使用在线调查,我们把显示调查表部分写成一个JS脚本,让需要显示调查表的网页通过引用脚本的方式来自由地调用它。好,看看文件设计
1、inc.asp 包含文件。主要的函数库
2、surveycode.asp 显示调查表程序。在主网页中使用脚本来调用它。
3、survey.asp 调查表列表程序。列出所有调查的状态。
4、survey_vote.asp 显示调查统计结果程序。带上参数表示调查的问题。
5、survey_manage.asp 管理程序。
在这里,我们略过了页面设计,因为风格设计不是我们所要说的内容,所以关于网页的风格,布局,CSS 等等,请大家自己设计。
五、文件流程
先写出程序的主要流程,可以比较方便于日后修改和扩展、移植。在这里比较重要的是要在程序中写哪些子程序,如何安排这些子程序。
1、surveycode.asp 显示调查表单
<%
\'\'获取querystring参数,id 表示调查编号
\'\'判断参数正确性
\'\'判断调查是否在有效期中。
\'\'读取调查问题、类型
\'\'输出调查答案,并生成调查表单
\'\'关闭数据库及表
%>
2、survey.asp 显示所有调查状态
<%
\'\'读取数据库
%>
<html>
\'\'显示所有调查状态,并加入链接
</html>
3、survey_vote.asp 显示统计结果。
这里有两个功能,一是没有提交的显示,二是提交了答案后进行统计,然后显示结果。如果不带参数,就是第一种方式。也可以分为两个文件来完成。
<%
\'\'获取参数。id 表示调查编号 所有数据来自form
\'\'判断是否有参数,有则先进行统计
\'\'没有则直接显示
\'\'统计子程序
%>
<html>
\'\'显示子程序
</html>
4、survey_manage.asp 管理程序。
管理部份比较复杂,要实现较多的功能。先来列一下管理的功能:
1)管理员登录。只有登录后才能进行管理
2)退出登录。完成管理后安全退出。
对调查的管理有:
3)增加一个调查。同时要增加调查答案
4)修改一个调查。修改内容,时间,类型,调查答案的内容、增加、删除
5)删除一个调查。不能删除正在进行的调查。
针对这些功能,来设计它的流程
<%
\'\'获取参数。action表示动作,分别对应上面的功能。
\'\'根据动作来转向相应的子程序
\'\'登录子程序
\'\'退出登录子程序
\'\'执行增加调查问题子程序
\'\'执行增加调查答案子程序
\'\'执行修改调查子程序 问题和答案一起修改
\'\'执行删除调查问题子程序
\'\'执行删除调查答案子程序
<html>
<%
\'\'判断是否登录,没有则显示登录表单
\'\'根据动作显示相应表单
\'\'显示所有调查子程序
\'\'显示单个调查子程序。问题和答案一起显示
\'\'显示增加调查子程序。
\'\'显示登录表单
%>
</html>
六、代码编写
做好了流程设计后,写代码就比较有条理了。让我们从简单的开始。在编写代码
之前,我们要先在数据库里输入一些记录,以便做测试。先加入一条调查问题,和几个
调查答案,并手工输入一些统计信息。
我们先来写显示调查表单的surveycode.asp 这个文件要在其它页面中被调用,所以我们写成JS和VBS混用的方式。调用的时候可以把它放在某个表格中,用下面的语句:
<SCRIPT Language="JavaScript" SRC="surveycode.asp?id=1"></SCRIPT>
按照上面的流程,在显示表单前,先要判断一下调查是否存在,是否在进行中。另外,在表单中要提交一个隐藏的参数,来表示调查的问题编号(id),答案提交的时候,提交的是答案的编号vote_no
文件名 surveycode.asp
<!--#include file="inc.asp" -->
<%
id=request.querystring("id")
if id<>"" then \'\'如果有参数
opendb my \'\'联接数据库
sql="select * from survey where survey_id="& id \'\'查询语句
searchtable my,sql,rs \'\'查询数据库
if not rs.eof then \'\'如果有这个调查记录
question=rs("survey_question") \'\'读出问题
surveytype=rs("survey_type") \'\'读出答案类型
stime=rs("survey_stime") \'\'读出开始时间
etime=rs("survey_etime") \'\'读出结束时间
closetable rs \'\'关闭表
if stime<now() and etime>now() then \'\'如果调查正在进行中
\'\'下面输出调查表单
\'\'先输出表单和问题,表单提交到survey_vote.asp
%>
document.write("<form action=\'\'survey_vote.asp\'\' target=\'\'_blank\'\' method=\'\'post\'\'>");
document.write("<table border=\'\'1\'\' cellpadding=\'\'2\'\' cellspacing=0\'\' bordercolorligh=\'\'#000000\'\'");
document.write(" bordercolordark=\'\'#ffffff\'\' width=\'\'100%\'\' align=\'\'center\'\'><tbody>");
document.write("<tr><td colspan=\'\'2\'\' align=\'\'center\'\'><b><%=server.htmlencode(question)%></b></td></tr>");
<%
sql="select vote_no,vote_answer from survey_vote where vote_id="&id \'\'查询答案的SQL
searchtable my,sql,rs \'\'执行查询
if not rs.eof then \'\'如果有答案,就输出
for i=1 to rs.recordcount
%>
document.write("<tr><td align=\'\'right\'\'><input name=\'\'res\'\' type=\'\'");
<%
if surveytype then \'\'判断类型,显示单选或者多选
%>
document.write("checkbox");
<%else%>
document.write("radio");
<%end if \'\'下面这句输出答案的文字和提交的值(vote_no)%>
document.write("\'\' value=<%=rs("vote_no")%>></td><td><%=rs("vote_answer")%></td></tr>");
<%
rs.movenext
next
\'\'下面几句输出一个隐藏的参数,传递问题编号(id)
\'\'并用一个JS函数来定义点击查看后的链接
%>
document.write("<tr><td colspan=\'\'2\'\' align=\'\'center\'\'><input type=\'\'hidden\'\' name=\'\'id\'\' value=\'\'<%=id%>\'\'>");
document.write("<input type=\'\'submit\'\' class=button value=\'\'投票\'\'> ");
document.write("<input type=button class=button value=\'\'查看\'\' onclick=\'\'jump(<%=id%>)\'\'>");
document.write("</td></tr></tbody></table></form>");
function jump(id){
window.open("survey_vote.asp?id="+id,"survey")
}
<%
end if
end if
end if
closetable rs
closedb my
end if
%>
在surveycode.asp完成后,我们实现上已经确定了以下几点:
1、在survey_vote.asp中,如果querystring参数id有值,则是查看结果;
2、在survey_vote.asp中,如果form参数id有值,则要先进行统计;
3、在survey_vote.asp中,提交来的form参数res是答案的编号vote_no;
七、统计结果
首先我们来完成与surveycode.asp最密切相关的显示统计结果survey_vote.asp文件。在上一篇的结尾,我们已经说明了在surveycode.asp中确定的一些参数。
统计结果 survey_vote.asp
<!--#include file="inc.asp" -->
<html>
<head>
<title>调查统计结果</title>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<%
\'\'上一句先加入包含文件,引用函数。
id=request.querystring("id") \'\'获取querystring参数id
opendb my \'\'连接数据库
if id="" then \'\'如果没有,则不是直接看结果
id=request.form("id") \'\'获取form参数id
if id<>"" then \'\'如果有值,则是要先统计
surveycount() \'\'调用统计子程序
end if
end if
if id<>"" then
disp_survey() \'\'不管是哪种,最后都显示结果
end if
closedb my \'\'关闭数据库
\'\'-----统计子程序-----
sub surveycount()
if session("survey_ok")="" then \'\'如果还没投票
no=request.form("res") \'\'得到答案的编号
if no<>"" then
\'\'定义SQL语句,让提交的答案数量+1
sql="update survey_vote set vote_count=vote_count+1 where vote_no= in (" & no &")"
my.execute sql
end if
session("survey_ok")="ok"
end if
end sub
\'\'------------------
\'\'---显示结果子程序---
sub disp_survey()
\'\'定义SQL语句,得到调查的问题
sql="select survey_question from survey where survey_id=" & id
searchtable my,sql,rs \'\'执行查询
question=rs("survey_question") \'\'把问题存到question中
closetable rs \'\'关闭表
\'\'定义SQL语句,得到答案的数量总和
sql="select sum(vote_count) as total from survey_vote where vote_id="& id
searchtable my,sql,rs
total=rs("total")
closetable rs \'\'关闭表
\'\'定义SQL语句,得到所有的答案文本部份及投票数
sql="select vote_answer,vote_count from survey_vote where vote_id=" & id
searchtable my,sql,rs \'\'执行查询
\'\'下面用表格来输出统计表
%>
<table width="500" border="1" align="center" cellpadding="2" cellspacing="0"
bordercolorligh="#000000" bordercolordark="#ffffff">
<tr>
<td colspan="4" align="center"><b>调查统计结果</b></td>
</tr>
<tr>
<td colspan="4"><b>调查问题:<%=question%></b></td>
</tr>
<tr >
<td width="150" align="center" height="20">答案</td>
<td width="150" align="center" height="20">投票率</td>
<td width="100" align="center" height="20">比例</td>
<td width="100" align="center" height="20">票数</td>
</tr>
<%do while not rs.eof
if total=0 then
percent=0 \'\'如果没人投票,则百分比为0
else
percent=int(rs("vote_count")/total*10000)/100 \'\'计算百分比
end if
%>
<tr>
<td width="150" align="center"><%=rs("vote_answer")%></td>
<td width="150" align="left">
<table border="0" width="<%=percent%>" bgcolor="#CCCC00" height="10">
<tr>
<td></td>
</tr>
</table>
</td>
<td width="100" align="center"><%=percent%>%</td>
<td width="100" align="center"><%=rs("vote_count")%></td>
</tr>
<%
rs.movenext
loop
%>
<tr>
<td colspan="4"> 至 <%=now()%> 止,共有 <%=total%> 张投票
<a href="javascript:window.close()">关闭窗口</a>
</td>
</tr>
</table>
<%
closetable rs \'\'关闭表
end sub
\'\'------------------
%>
</body>
</html>
在显示投票过程中,我们用session变量survey_ok来表示是否已经投过票。另外,这显示统计中,引用CSS文件来控制表格的样式,你们可以根据自己的要求自己加入。
八、列出所有调查的状态
现在我们来完成survey.asp,它的主要任务是列出所有的调查状态,包括:
1、调查的问题,链接到投票表单页面(直接写在本页中);
2、调查的起启时间;
3、调查的结束时间;
4、调查的进行状态:未开始、进行中、已结束;
5、调查的投票数;
6、调查的类型,单选还是多选;
7、另外给出一个链接查看投票结果;
根据这些要求,查询相应的表就可以了,有些语句,比如得到投票总数,SQL语句其实在上面的survey_vote.asp中已经写过了。
列出所有调查的状态 survey.asp
<!--#include file="inc.asp" -->
<html>
<head>
<title>在线调查列表</title>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<%
id=request.querystring("id") \'\'获取参数
if id<>"" then \'\'如果有参数,则显示这个调查表单
response.write "<SCRIPT Language=\'\'JavaScript\'\' SRC=\'\'surveycode.asp?id="&id&"\'\'></SCRIPT>"
else \'\'否则调用子程序显示状态
disstat()
end if
\'\'-----显示状态子程序----
sub disstat()
opendb my \'\'连接数据库
opentable my,"survey",rs \'\'直接打开表
\'\'下面用表格显示每个记录
\'\'先显示表头
%>
<table width="760" border="1" cellspacing="0" cellpadding="2"
align="center" bordercolorligh="#000000" bordercolordark="#ffffff">
<tr>
<td colspan="8" align="center"><b>在线调查列表</b></td>
</tr>
<tr >
<td width="50" align="center" height="20">编号</td>
<td width="200" align="center" height="20">调查问题</td>
<td width="50" align="center" height="20">类型</td>
<td width="140" align="center" height="20">起启时间</td>
<td width="140" align="center" height="20">结束时间</td>
<td width="50" align="center" height="20">状态</td>
<td width="80" align="center" height="20">已投票数</td>
<td width="50" align="center" height="20">查看</td>
</tr>
<%
\'\'下面输出每个记录
do while not rs.eof
\'\'先读出每个字段
id=rs("survey_id")
question=rs("survey_question")
\'\'读出类型
if rs("survey_type") then
stype="多选"
else
stype="单选"
end if
stime=rs("survey_stime")
etime=rs("survey_etime")
\'\'判断状态
if now()<stime then
stat="未开始"
else
if now<etime then
stat="进行中"
else
stat="已结束"
end if
end if
\'\'定义SQL语句,得到答案的数量总和
sql="select sum(vote_count) as total from survey_vote where vote_id="& id
searchtable my,sql,tmprs \'\'查询
total=tmprs("total")
closetable tmprs \'\'关闭表
\'\'下面输出一条记录
%>
<tr >
<td align="center" height="20"><%=id%></td>
<td height="20">
<a href="survey.asp?id=<%=id%>"><%=question%></a>
</td>
<td align="center" height="20"><%=stype%></td>
<td align="center" height="20"><%=stime%></td>
<td align="center" height="20"><%=etime%></td>
<td align="center" height="20"><%=stat%></td>
<td align="center" height="20"><%=total%></td>
<td align="center" height="20">
<a href="survey_vote.asp?id=<%=id%>" target="_blank">查看</a>
</td>
</tr>
<%
rs.movenext \'\'移动到下一条,循环
loop
%>
</table>
<%
closetable rs \'\'关闭表
closedb my \'\'关闭数据库
end sub
\'\'----------------------
%>
</body>
</html>
九、后台管理
在后台管理页面survey_manage.asp中,前面我们已经列出来它所要实现的管理功能。管理的流程是先显示出所有调查,对于还没有开始的调查,可以进行修改、删除;对于已经结束的调查,可以删除,不能修改;对于正在进行的调查,只能修改它的结束时间。用一个参数action来表示动作,含义如下:
1、无参数。表示第一次进入,显示登录表单
2、login 表示执行登录
3、logout 表示执行退出登录
4、showaddquestion 表示显示增加一个调查
5、showsurvey 表示显示一个调查
6、doaddsurvey 表示执行增加一个调查
7、doaddanswer 表示执行增加一个答案
8、dodelsurvey 表示删除一个调查
9、dodelanswer 表示删除一个答案
10、domodify 表示修改一个调查及答案
- 上一篇: 金额大小写转换的ASP完全无错版本
- 下一篇: ASP操作XML文件的完整实例
-= 资 源 教 程 =-
文 章 搜 索