首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

php投票系统之增加与删除投票（管理员篇）

Posted in PHP onJuly 01, 2016

关于投票系统怎么样怎么样的引言就不多说，这不是毕业设计，主要说一下使用php实现投票系统，与其他普通系统一样，分为两部分，一个是管理员部分，一个是普通用户部分。

关于投票系统的管理部分，非常之简单，提供两部分的功能，增加投票与删除投票

关键在于设计好数据库的表，拟定于这样存一个投票，voteparent表存这个投票的标题、描述是否被删除，votechildren表存这个投票的子选项与投票数

一、基本目标

首先投票系统是这样的：

php投票系统之增加与删除投票（管理员篇）

三个链接，点进去能够直接进行相关功能的操作，本文主写管理员部分，普通用户部分使用到jpgraph另开一章说明

中间按理说应该有登录系统的，这里不是重点，可以参考我之前的《【php】登录系统与输出浏览者信息》（点击打开链接）

点开添加投票选项，会是如下界面，能够增加与删除投票选项，最多10个投票选择，至少2个头像选项，超过与不足会提示：

php投票系统之增加与删除投票（管理员篇）

预览图是使用IE6的，所以添加与删除选项反应得比较慢，管理员填完投票信息之后，就能成功地添加投票了。

php投票系统之增加与删除投票（管理员篇）

提交前会向管理员询问是否添加，防止误操作，这里的系统其实还应该使用xajax来调查这个投票数据里面是否有，而且有任意一项选项为空应该不让添加，详情可以参考《【php】注册系统和使用Xajax即时验证用户名是否被占用》一文（点击打开链接），这里没做，因为本文主要讲投票系统核心实现，这里就不扣这些小细节。

再点开投票系统的删除投票部分：

php投票系统之增加与删除投票（管理员篇）

在每一个投票的末尾都有删除按钮，点击每一个投票标题能够查看本投票：

php投票系统之增加与删除投票（管理员篇）

点击删除按钮同样会有询问，然后，点击取消什么都不会发生，点击确认则能够成功删除投票：

php投票系统之增加与删除投票（管理员篇）

上图中能够明显发现删除前有4个投票，然后删除之后仅有一条投票。

二、基本思想

投票系统的管理员部分没有什么新的技术还是数据库的操作，首先voteparent表的结构如下：

php投票系统之增加与删除投票（管理员篇）

id是自增列，title是这个投票的大标题，比如上面的“我帅不帅”之类，之后的text用来存放对这个投票的描述，未了不使自增列断开，与删除的投票可查，采用为删除的方式，设置删除位isdel，呈现出来的，这是删除位为0的投票。

votechildren表如下，id是自增列，text用来存放每一个子选项的描述，count用来存放这个自选项的票数，parentid用来存放这个子选项是属于哪个投票的。这里虽然很明显与voteparent表存在着参考性约束，但没有必要设置外键，免得操作时麻烦

php投票系统之增加与删除投票（管理员篇）

值得注意的是，两张表建立之后，记得翻到table options标签卡，把这两张表的编码都设置为utf-8，避免乱码

php投票系统之增加与删除投票（管理员篇）

站点的目录结构则如下所示：

php投票系统之增加与删除投票（管理员篇）

本文只说明createvote.html,createvote.php,delvote.php,delvotehandle.php,index.html五页的内容

三、制作过程 
1、index.html
首先是最基本的，仅有三个链接的index.html，这里就不说了，仅有三个a标签，刚学html的人都会了，代码如下： 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>投票系统</title>
</head>

<body>
<a href="createvote.html">添加投票（管理员部分）</a><br />
<a href="delvote.php">删除投票（管理员部分）</a><br />
<a href="voteindex.php">投票（普通用户部分）</a>
</body>
</html>

 2、createvote.html
 添加投票页，整个添加投票页处理两个自有js函数的按钮外，是一个大表单，其中还有一个隐藏域用来记录现在有多少个选项，
 为下一步添加投票操作页createvote.php提供操作基础。
 下面就这样进行基本说明，javascript对web节点的操作，可以参考我之前的《JavaScript针对网页节点的增删改查用法实例》一文（点击打开链接）
 注意到添加的子选项节点会很有规律的以opt1,opt2,opt3……那样排列，这是为了方便下面的操作 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>创建投票</title>
</head>

<body>
<h1>增加投票</h1>
<button onclick="createbtn()">增加选项</button> <button onclick="delbtn()">删除选项</button>
<!--onsubmit属性是为了下面脚本能够顺利弹出确认框，用户确认之后才提交这个表单-->
<form action="createvote.php" method="post" onsubmit="return check()">
<!--这里定义div的id是为了下面的javascript的操作，而且div不像p那样会参加很大的行距-->
<div id="createform">
<div>
投票主题：<input type="text" name="title" style = "width:70%"/>
</div>
<div>
投票描述：<input type="text" name="text" style = "width:70%"/>
</div>
<div>
选项1：<input type="text" name="opt1" style = "width:70%"/>
</div>
<div>
选项2：<input type="text" name="opt2" style = "width:70%"/>
</div>
</div>
<!--这里是用来记录有多少个选项的-->
<input type="hidden" id="nodetotal" name="nodetotal" />
<input type="submit" value="提交" />
</form>
<a href="index.html">返回</a>
</body>
</html>

<script>
//脚本部分，是现实的关键
//开始先记录当前的选项数是2，并存入hidden域，到时候随表单一起提交
var nodenum=2;
document.getElementById("nodetotal").value=nodenum;
//下面是“增加选项”“删除选项”的按钮操作
function createbtn(){
 //如果选项少于10个才操作
 if(nodenum<10){
 nodenum++;
 var node=document.createElement("div");
 //操作节点如果涉及html文本，写成单引号就不用写\"这么难看的双引号的转义字符
 node.innerHTML="选项"+nodenum+"：<input type='text' name='opt"+nodenum+"' style='width:70%' />";
 document.getElementById("createform").appendChild(node);
 //记得增加完每个节点，要更新以下hidden域里面的节点数哦！
 document.getElementById("nodetotal").value=nodenum;
 }
 else{
 alert("最多10个选项");
 }
}
//逻辑跟上面一样
function delbtn(){
 if(nodenum>2){
 nodenum--;
 d=document.getElementById("createform");
 d.removeChild(d.lastChild);
 document.getElementById("nodetotal").value=nodenum;
 }
 else{
 alert("至少2个选项");
 }
}
//表单确认框的脚本，表单onsubmit为true才能够提交嘛，confirm点确定则返回true反之为false
function check(){
 return confirm("确定提交？");
}
</script>

3、createvote.php
 添加投票处理页，这里插入数据库要注意，先插入voteparent，再找出刚插入voteparent的那条记录的id，插入votechildren表的parentid，这里找parentid需要注意，不要通过寻找最后一条插入记录的方法，找到parentid，因为这样如果多个管理员在操作数据库的并发时，会产生混乱由于这里有中文，操作数据库之前，记得加上mysql_query("set names utf8");这句话，详情请看代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>添加投票处理中……</title>
</head>

<body>
<?php
//首先取出刚才要添加投票的title与text，隐藏域中的选项数
$ptitle=$_REQUEST["title"];
$ptext=$_REQUEST["text"];
$nodetotal=$_REQUEST["nodetotal"];
$con=mysql_connect("localhost","root","root");
//连接数据库
if(!$con){
 die("连接失败！");
 }
mysql_select_db("test",$con);
mysql_query("set names utf8");
//把title与text插入到voteparent表，设定删除位是0之后，系统会自动生成id
mysql_query("insert into voteparent(title,text,isdel) values ('".$ptitle."','".$ptext."',0);");
//再通过title找到刚才系统生成的id
$pid;
$result=mysql_query("select id as pid from voteparent where title='".$ptitle."';");
while($row=mysql_fetch_array($result)){
 $pid=$row["pid"];
}
//建立一个php数组，里面存放每一个子选项
$optarr=array();
//选项的多少决定了我们的循环次数
for($i=1;$i<$nodetotal+1;$i++){
 $optarr[$i]=$_REQUEST["opt${i}"];
 mysql_query("insert into votechildren(text,count,parentid) values ('".$optarr[$i]."',0,'".$pid."');");
 }; 
mysql_close($con); 
?>
</body>
</html>
<script>
alert("添加成功");
window.location.href="index.html";
</script>

 以上，管理员添加投票功能做完，下面是管理员删除投票功能
 4、delvote.php
先把voteparent中所有的删除位不为1的投票查询出来，然后降序排列，因为人们希望先看到最新添加的投票，生成节点的时候设置好每一个投票的删除按钮id，这个id就是在数据库中的voteparent的id，方便后续操作，删除按钮的脚本不用写什么，就是把这个id传到delvotehandle.php，删除处理页中就可以了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>删除投票</title>
</head>

<body>
<h1>删除投票</h1>
<?php
$con=mysql_connect("localhost","root","root");
if(!$con){
 die("连接失败！");
}
mysql_select_db("test",$con);
mysql_query("set names utf8");
$result=mysql_query("SELECT * FROM voteparent where isdel=0 order by id desc;");
$i=1;
while($row=mysql_fetch_array($result)){
 echo "<div style='margin-right:10px;float:left'>投票${i}：<a href='vote.php?id=${row["id"]}'>${row["title"]}</a></div><div style='float:left'><button id='${row["id"]}' onclick='deljs(this.id)'>删除</button></div><div style='clear:both'></div>";
 $i++;
}
mysql_close($con);
?>
<p>
<a href="index.html">返回</a>
</p>
</body>
</html>
<script>
function deljs(id){
 if(confirm("确认删除？")){
 window.location.href="delvotehandle.php?id="+id;
 }
 }

</script>基本思想就是这样，其中这个页面采用了div布局，而不是table，详情可以参考我之前的《【CSS】关于div的对齐与网页布局》（点击打开链接） 

5、delvotehandle.php
 取到刚才传过来的id，根据这个id把相应的isdel删除位设定为1即可

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>删除投票处理中……</title>
</head>

<body>
<?php
$pid=$_REQUEST["id"];
$con=mysql_connect("localhost","root","root");
if(!$con){
 die("连接失败！");
 }
mysql_select_db("test",$con);
mysql_query("set names utf8");
mysql_query("update voteparent set isdel=1 where id=".$pid.";");
mysql_close($con); 
?>
</body>
</html>
<script>
alert("删除成功");
window.location.href="index.html";
</script>

 以上就是投票系统管理员部分，增加投票与删除投票的过程，按理说相关的处理页面，还需要进行session的保护，
避免直接输入网址就能够访问，这里没写，可以参考我之前的《php+MySql实现登录系统与输出浏览者信息功能》（点击打开链接）

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

php投票系统之增加与删除投票（管理员篇）

- Author -

yongh701

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
一棵php的类树(支持无限分类)
Oct 09 PHP
一个程序下载的管理程序(二)
Oct 09 PHP
提高PHP编程效率的53个要点(经验小结)
Sep 04 PHP
PHP Global变量定义当前页面的全局变量实现探讨
Jun 05 PHP
Function eregi is deprecated (解决方法)
Jun 21 PHP
关于使用coreseek并为其做分页的介绍
Jun 21 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
Jan 31 PHP
PHP判断网络文件是否存在的方法
Mar 12 PHP
PHP 接入支付宝即时到账功能
Sep 18 PHP
php格式文件打开的四种方法
Feb 24 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
Dec 20 PHP
PHP常量DIRECTORY_SEPARATOR原理及用法解析
Nov 10 PHP
PHP读书笔记_运算符详解
Jul 01 #PHP
php+MySql实现登录系统与输出浏览者信息功能
Jul 01 #PHP
php无法连接mysql数据库的正确解决方法
Jul 01 #PHP
Apache无法自动跳转却显示目录的解决方法
Nov 30 #PHP
Windows2003下php5.4安装配置教程（IIS）
Jun 30 #PHP
Windows2003下php5.4安装配置教程（Apache2.4）
Jun 30 #PHP
PHP环境搭建的详细步骤
Jun 30 #PHP
职业生涯规划书(234) 证婚词(21) 演讲稿(869) 介绍信(57) 欢迎词(65) 创业计划书(312) 道歉信(39) 岗位职责(1324) 心得体会(660) 思想汇报(404)
You might like
PHP4和PHP5共存于一系统
2006/11/17 PHP
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
PHP的开发框架的现状和展望
2007/03/16 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
ThinkPHP中的create方法与自动令牌验证实例教程
2014/08/22 PHP
php生成唯一的订单函数分享
2015/02/02 PHP
php递归实现无限分类的方法
2015/07/28 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
Javascript 绘制 sin 曲线过程附图
2014/08/21 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
jQuery ajax时间差导致的变量赋值问题分析
2016/01/22 Javascript
微信js-sdk地理位置接口用法示例
2016/10/12 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
微信小程序 安全包括（框架、功能模块、账户使用）详解
2017/01/16 Javascript
jquery.validate表单验证插件使用详解
2017/06/21 jQuery
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
javascript异常处理实现原理详解
2020/02/17 Javascript
JS实现碰撞检测效果
2020/03/12 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
vue实现放大镜效果
2020/09/17 Javascript
vue render函数动态加载img的src路径操作
2020/10/26 Javascript
python解析xml文件实例分析
2015/05/27 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
python进程间通信Queue工作过程详解
2019/11/01 Python
美国最大的无人机经销商：DroneNerds
2018/03/20 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
安全大检查反思材料
2014/01/31 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis
React自定义hook的方法
2022/06/25 Javascript