溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“php投票系統(tǒng)之增加與刪除投票的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“php投票系統(tǒng)之增加與刪除投票的示例分析”這篇文章吧。
關于投票系統(tǒng)怎么樣怎么樣的引言就不多說，這不是畢業(yè)設計，主要說一下使用php實現(xiàn)投票系統(tǒng)，與其他普通系統(tǒng)一樣，分為兩部分，一個是管理員部分，一個是普通用戶部分。
關于投票系統(tǒng)的管理部分，非常之簡單，提供兩部分的功能，增加投票與刪除投票
關鍵在于設計好數(shù)據(jù)庫的表，擬定于這樣存一個投票，voteparent表存這個投票的標題、描述是否被刪除，votechildren表存這個投票的子選項與投票數(shù)
一、基本目標
首先投票系統(tǒng)是這樣的：
三個鏈接，點進去能夠直接進行相關功能的操作，本文主寫管理員部分，普通用戶部分使用到jpgraph另開一章說明
中間按理說應該有登錄系統(tǒng)的，這里不是重點，可以參考我之前的《【php】登錄系統(tǒng)與輸出瀏覽者信息》（點擊打開鏈接）
點開添加投票選項，會是如下界面，能夠增加與刪除投票選項，最多10個投票選擇，至少2個頭像選項，超過與不足會提示：
預覽圖是使用IE6的，所以添加與刪除選項反應得比較慢，管理員填完投票信息之后，就能成功地添加投票了。
提交前會向管理員詢問是否添加，防止誤操作，這里的系統(tǒng)其實還應該使用xajax來調(diào)查這個投票數(shù)據(jù)里面是否有，而且有任意一項選項為空應該不讓添加，詳情可以參考《【php】注冊系統(tǒng)和使用Xajax即時驗證用戶名是否被占用》一文（點擊打開鏈接），這里沒做，因為本文主要講投票系統(tǒng)核心實現(xiàn)，這里就不扣這些小細節(jié)。
再點開投票系統(tǒng)的刪除投票部分：
在每一個投票的末尾都有刪除按鈕，點擊每一個投票標題能夠查看本投票：
點擊刪除按鈕同樣會有詢問，然后，點擊取消什么都不會發(fā)生，點擊確認則能夠成功刪除投票：
上圖中能夠明顯發(fā)現(xiàn)刪除前有4個投票，然后刪除之后僅有一條投票。
二、基本思想
投票系統(tǒng)的管理員部分沒有什么新的技術還是數(shù)據(jù)庫的操作，首先voteparent表的結構如下：
id是自增列，title是這個投票的大標題，比如上面的“我?guī)洸粠洝敝?，之后的text用來存放對這個投票的描述，未了不使自增列斷開，與刪除的投票可查，采用為刪除的方式，設置刪除位isdel，呈現(xiàn)出來的，這是刪除位為0的投票。
votechildren表如下，id是自增列，text用來存放每一個子選項的描述，count用來存放這個自選項的票數(shù)，parentid用來存放這個子選項是屬于哪個投票的。這里雖然很明顯與voteparent表存在著參考性約束，但沒有必要設置外鍵，免得操作時麻煩
值得注意的是，兩張表建立之后，記得翻到table options標簽卡，把這兩張表的編碼都設置為utf-8，避免亂碼
站點的目錄結構則如下所示：
本文只說明createvote.html,createvote.php,delvote.php,delvotehandle.php,index.html五頁的內(nèi)容
三、制作過程
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>投票系統(tǒng)</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函數(shù)的按鈕外，是一個大表單，其中還有一個隱藏域用來記錄現(xiàn)在有多少個選項，
為下一步添加投票操作頁createvote.php提供操作基礎。
下面就這樣進行基本說明，javascript對web節(jié)點的操作，可以參考我之前的《JavaScript針對網(wǎng)頁節(jié)點的增刪改查用法實例》一文（點擊打開鏈接）
注意到添加的子選項節(jié)點會很有規(guī)律的以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>創(chuàng)建投票</title>
</head>
<body>
<h2>增加投票</h2>
<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>
//腳本部分，是現(xiàn)實的關鍵
//開始先記錄當前的選項數(shù)是2，并存入hidden域，到時候隨表單一起提交
var nodenum=2;
document.getElementById("nodetotal").value=nodenum;
//下面是“增加選項”“刪除選項”的按鈕操作
function createbtn(){
//如果選項少于10個才操作
if(nodenum<10){
nodenum++;
var node=document.createElement("div");
//操作節(jié)點如果涉及html文本，寫成單引號就不用寫\"這么難看的雙引號的轉(zhuǎn)義字符
node.innerHTML="選項"+nodenum+"：<input type='text' name='opt"+nodenum+"' style='width:70%' />";
document.getElementById("createform").appendChild(node);
//記得增加完每個節(jié)點，要更新以下hidden域里面的節(jié)點數(shù)哦！
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
添加投票處理頁，這里插入數(shù)據(jù)庫要注意，先插入voteparent，再找出剛插入voteparent的那條記錄的id，插入votechildren表的parentid，這里找parentid需要注意，不要通過尋找最后一條插入記錄的方法，找到parentid，因為這樣如果多個管理員在操作數(shù)據(jù)庫的并發(fā)時，會產(chǎn)生混亂由于這里有中文，操作數(shù)據(jù)庫之前，記得加上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，隱藏域中的選項數(shù)
$ptitle=$_REQUEST["title"];
$ptext=$_REQUEST["text"];
$nodetotal=$_REQUEST["nodetotal"];
$con=mysql_connect("localhost","root","root");
//連接數(shù)據(jù)庫
if(!$con){
die("連接失?。?quot;);
}
mysql_select_db("test",$con);
mysql_query("set names utf8");
//把title與text插入到voteparent表，設定刪除位是0之后，系統(tǒng)會自動生成id
mysql_query("insert into voteparent(title,text,isdel) values ('".$ptitle."','".$ptext."',0);");
//再通過title找到剛才系統(tǒng)生成的id
$pid;
$result=mysql_query("select id as pid from voteparent where title='".$ptitle."';");
while($row=mysql_fetch_array($result)){
$pid=$row["pid"];
}
//建立一個php數(shù)組，里面存放每一個子選項
$optarr=array();
//選項的多少決定了我們的循環(huán)次數(shù)
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的投票查詢出來，然后降序排列，因為人們希望先看到最新添加的投票，生成節(jié)點的時候設置好每一個投票的刪除按鈕id，這個id就是在數(shù)據(jù)庫中的voteparent的id，方便后續(xù)操作，刪除按鈕的腳本不用寫什么，就是把這個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>
<h2>刪除投票</h2>
<?php
$con=mysql_connect("localhost","root","root");
if(!$con){
die("連接失?。?quot;);
}
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的對齊與網(wǎng)頁布局》（點擊打開鏈接）
5、delvotehandle.php
取到剛才傳過來的id，根據(jù)這個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>以上是“php投票系統(tǒng)之增加與刪除投票的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
