《投票栏学习教程.pptx》由会员分享,可在线阅读,更多相关《投票栏学习教程.pptx(15页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、教学重点与难点教学重点与难点uu 网页投票栏的实现原理网页投票栏的实现原理 uu 利用表格的动态属性设置投票结果图示利用表格的动态属性设置投票结果图示 uu 利用单选按钮的命名和利用单选按钮的命名和ValueValue属性的设置技巧属性的设置技巧 uu 设置动态数据的格式设置动态数据的格式uu 制作网页特效制作网页特效 uu 利用利用SQLSQL命令计算字段命令计算字段 第1页/共15页13.1 实例介绍实例介绍 本节将简单介绍构成投票栏页面的文件结构与网页所能实现的具体功能。本节将简单介绍构成投票栏页面的文件结构与网页所能实现的具体功能。用户可以通过这部分内容初步了解本章实例所要进行的操作用
2、户可以通过这部分内容初步了解本章实例所要进行的操作。uu 功能简介功能简介 uu 文件说明文件说明 第2页/共15页13.1.1 功能简介功能简介 本章将制作一个如下图所示的投票栏页面。用户可以在该页面中对栏目主本章将制作一个如下图所示的投票栏页面。用户可以在该页面中对栏目主题进行投票,然后单击题进行投票,然后单击“提交提交”按钮上传结果。按钮上传结果。ASPASP网页会在接收到来自浏览网页会在接收到来自浏览器的信息后将资料存储在主机上的服务器中,然后通过处理模块和结果显示模器的信息后将资料存储在主机上的服务器中,然后通过处理模块和结果显示模块返回一个投票结果显示网页块返回一个投票结果显示网页
3、。第3页/共15页13.1.2 文件说明文件说明 本节重点介绍本章实例的文件和数据库结构,主要包括以下两个方面。本节重点介绍本章实例的文件和数据库结构,主要包括以下两个方面。uu 页面文件结构简介页面文件结构简介 uu 数据库结构简介数据库结构简介 第4页/共15页 网站投票栏系统由网站投票栏系统由(投票栏首页投票栏首页)、(投票画面投票画面)、(投票结果显示画面投票结果显示画面)、(更更新页面新页面)、和、和(投票失败画面投票失败画面)5)5个个ASPASP页面文件组成。其中页面负责在数据表页面文件组成。其中页面负责在数据表CIPCIP中记录投票客户端的中记录投票客户端的IPIP地址,并检查
4、当前客户端地址,并检查当前客户端IPIP地址是否与数据表中的记录地址是否与数据表中的记录重复,如果有就跳转至提示已经投过票,如果没有则进入页面;页面提供投票重复,如果有就跳转至提示已经投过票,如果没有则进入页面;页面提供投票栏的投票选项,用户可以根据该页面给出的项目进行投票,然后网页会自动执栏的投票选项,用户可以根据该页面给出的项目进行投票,然后网页会自动执行页面更新数据表行页面更新数据表CvoteCvote中的投票结果显示,并自动跳转返回页面。下图所示中的投票结果显示,并自动跳转返回页面。下图所示的对应关系描述了这些页面之间的工作原理的对应关系描述了这些页面之间的工作原理。第5页/共15页
5、本章实例中的投票栏系统需要应用数据库中的两个数据表本章实例中的投票栏系统需要应用数据库中的两个数据表CIPCIP和和CvoteCvote。其。其中数据表中数据表CIPCIP的作用是记录投票浏览器客户端的的作用是记录投票浏览器客户端的IPIP地址,它只有一个用于存储地址,它只有一个用于存储IPIP的字段的字段Cip,Cip,如下左图所示。数据表如下左图所示。数据表CvoteCvote的作用是保存投票的结果,该表中的作用是保存投票的结果,该表中的字段数量根据投票选项的多少而确定。例如本例中投票栏中有的字段数量根据投票选项的多少而确定。例如本例中投票栏中有“很好很好”、“一般一般”和和“很差很差”3
6、 3个投票选项,其在个投票选项,其在CvoteCvote表中所对应的字段就是表中所对应的字段就是3 3个,如下个,如下右图所示右图所示。第6页/共15页13.2 实实 例例 操操 作作 本节将以多个实例介绍在本节将以多个实例介绍在Dreamweaver 8Dreamweaver 8开发环境中制作一个投票栏系统开发环境中制作一个投票栏系统的操作步骤。用户在进行实例操作时,可以参考前面给出的页面关系图和数据的操作步骤。用户在进行实例操作时,可以参考前面给出的页面关系图和数据库结构,在练及所给出的网页文件中完成相应的操作库结构,在练及所给出的网页文件中完成相应的操作。uu 创建创建AccessAcc
7、ess数据库数据库 uu 设置投票栏首页设置投票栏首页()()uu 设置投票页面设置投票页面()()uu 设置更新页面设置更新页面()()uu 设置结果显示页面设置结果显示页面()()uu 投票失败页面投票失败页面()()简介简介 第7页/共15页13.2.1 创建创建Access数据数据 本节将通过实例创建一个如下图所示的本节将通过实例创建一个如下图所示的AccessAccess数据库数据库。第8页/共15页13.2.2 设置投票栏首页设置投票栏首页()本节将通过实例设置如下图所示的投票栏首页本节将通过实例设置如下图所示的投票栏首页。第9页/共15页13.2.3 设置投票页面设置投票页面()
8、本节将通过实例设置如下图所示的投票栏投票页面本节将通过实例设置如下图所示的投票栏投票页面。第10页/共15页13.2.4 设置更新页面设置更新页面()本节将通过实例设置如下图所示的投票栏更新页面本节将通过实例设置如下图所示的投票栏更新页面。第11页/共15页13.2.5 设置结果显示页面设置结果显示页面()本节将通过实例设置如下图所示的投票结果显示页面本节将通过实例设置如下图所示的投票结果显示页面。第12页/共15页13.2.6 投票失败页面投票失败页面()简介简介 本节将通过实例设置如下图所示的投票失败页面本节将通过实例设置如下图所示的投票失败页面。第13页/共15页13.3 实实 例例 效效 果果 在在Dreamweaver 8Dreamweaver 8中按下中按下F12F12键,在浏览器中打开投票栏页面键,在浏览器中打开投票栏页面 ,效果如下图,效果如下图所示。所示。第14页/共15页感谢您的观看!第15页/共15页