编辑“问卷调查管理系统:前台调用与美化”

{{PowerEasytop}}
'''动易问卷调查管理系统前台调用'''

点击后台“问卷调查管理系统”的“调用代码”进入到调用代码的界面中：
<div>[[{{ns:image}}:pw143.jpg]]</div>
当所创建的问卷没有创建问卷文件的时候“问卷页面调用代码”一栏中显示“问卷未完成”；

当所创建的问卷已经创建问卷文件的时候“问卷页面调用代码”一栏中显示显示前台所调用的代码，只要把该代码放到前台预设好的位置中就可以到达在前台显示问卷题目；系统所自动生成的调用代码如：
<pre>
以下是代码片段：
<IFRAME id=SurveyItem src=’{$InstallDir}Survey/20061102.html’ frameBorder=0 scrolling=no></IFRAME>
</pre>

注：如果想修改前台的显示效果或者把调查问卷放置到其他的[[网站]]中进行调查，请查看以下具体实例分析；

前台效果的美化是关键的部分，现在以举例的方式来描述问卷调查系统所能够应用的方面；如：问卷调查、在线报名、信息收集和自定义表单等；

'''实例分析一——问卷调查'''

现在以“2006第三届全国动易应用设计大赛”中的“动易产品用户满意度调查”的一部分为例说明问卷调查在前台的应用设置，后台添加了如下图中所列举的几个内容，使用系统[创建问卷文件]按钮所生成的问卷文件如下图所示：

以上是系统自动生成而且没有经过任何修改的界面，以下步骤就是将以上的调查问卷美化的简要介绍：

1.首先先建立一个新的调查页面，其后缀可以为.[[asp]]和.[[html]]等。把整个页面的布局都建立完整，把放置调查问卷的地方腾空出来就可以，以进行下一步的操作；
 
2.把创建的HTML模板中的 
<pre>
以下是代码片段：
<form name=’myform’ method=’post’ action=’../Survey/SaveSurvey.asp’ onSubmit=’return CheckForm();’>……</form>
</pre>

拷贝到新建的模板中，其中之间的内容可以根据自己的实际情况做出调整，调整结束后，把创建模板中自动生成的文件放置到模板的代码中，保存文件。

而其中操作的方法有很多，现在以[[Dreamweaver]]中为例：
:·用Dreamweaver打开系统创建的HTML文件（如20060904.html）和新建的调查页面（如Survey.asp）；
:·将系统创建的HTML文件（如20060904.html）中的
<pre>
以下是代码片段：
<form>……</form>
</pre>

拷贝到新建的调查页面（如Survey.asp）的问卷内容放置区中，再根据实际页面的效果进行重新排列，其中可以以一行多列形式排列其中的内容或者一行一列等形式排列
<pre>
以下是代码片段：
<form></form>
</pre>

之间的内容；
:·如下图就是操作过程的图示：
:·修改后页面的浏览效果：
:·最后把系统创建的问卷文件时所自动生成的JS文件拷贝到后来新建的页面中；

到此为止一个调查问卷的前台美化基本结束，如果您是把该文件放到其他的网站中进行问卷调查活动那么就必须把 
<pre>
以下是代码片段：
<form name=’myform’ method=’post’ action=’../Survey/SaveSurvey.asp’ onSubmit=’return CheckForm();’>
</pre>

这里面中的action值（红色的）改为添加该调查系统网站SaveSurvey.asp文件所在地方的绝对路径。

'''实例分析二——在线报名'''

在线报名其实跟前面所举例基本相同，比如下面添加了几项内容创建后如图所示：

在经过前台简单的美化效果已经完成一个在线报名的简单效果：

'''实例分析三——在线投票'''

在线投票与系统所使用的调查基本差不多，其不同点就是可以通过自己修改显示的界面，而且在一个页面的不同位置中放置不通的调查；如下是某个网站上的具体应用（图）：
 
使用动易调查系统就可以达到以上的要求。具体的操作请查看前面章节；

以上以3个简单的例子简要说明了一下前台界面的修改以及调查系统所能够应用的范围；更多的使用方法有待大家去尝试．

最后在所有页面跟界面都设置好后就可以在问卷管理中把调查问卷启用，问卷启用后就通过后台对问卷进行各种的修改，此时可以在后台查询调查结果或者在前台调用结果显示；

注：此时前台的浏览效果依然可以根据自己的具体情况修改 ．
{{PowerEasyup}}

[[category:问卷调查管理系统2006版手册|W]]