系統不大,完成這個系統的過程我分了三個步驟
•資料庫設計
•系統架構設計
•前端美化
資料庫的設計
設計三張表:投票結果統計表(count_voting),投票人記錄表(ip_votes),使用者表(user)
投票結果統計表用於統計最後的投票記錄,我給它弄了4個欄位:被投票項的名稱(SelectName),被投票項標籤名(LabelName)(起到分類的作用),票數(CountVotes)。
投票人記錄表用於登記投票人的ip(IP),地理位置(Location),投票時間(VoteTime),被投票項名稱(SelectName)。然後我還給它加一個ID。
使用者表主要用於給管理員用的,包含使用者名稱(name)和密碼(passwd)。
產生表的sql指令碼如下:
複製代碼 代碼如下:
--
-- 表的結構 `count_voting`
--
DROP TABLE IF EXISTS `count_voting`;
CREATE TABLE IF NOT EXISTS `count_voting` (
`SelectName` varchar(40) NOT NULL,
`LabelName` varchar(40) NOT NULL,
`CountVotes` bigint(20) unsigned NOT NULL,
UNIQUE KEY `SelectName` (`SelectName`),
KEY `CountVotes` (`CountVotes`),
KEY `CountVotes_2` (`CountVotes`),
KEY `CountVotes_3` (`CountVotes`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='投票統計表';
-- --------------------------------------------------------
--
-- 表的結構 `ip_votes`
--
DROP TABLE IF EXISTS `ip_votes`;
CREATE TABLE IF NOT EXISTS `ip_votes` (
`ID` bigint(20) unsigned NOT NULL auto_increment COMMENT '投票人序號:自增',
`IP` varchar(15) NOT NULL COMMENT '投票人IP',
`Location` varchar(40) NOT NULL COMMENT '投票人位置',
`VoteTime` datetime NOT NULL,
`SelectName` varchar(40) NOT NULL,
PRIMARY KEY (`ID`),
KEY `ID` (`ID`),
KEY `SelectName` (`SelectName`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=4 ;
--
-- 觸發器 `ip_votes`
--
DROP TRIGGER IF EXISTS `vote_count_after_insert_tr`;
DELIMITER //
CREATE TRIGGER `vote_count_after_insert_tr` AFTER INSERT ON `ip_votes`
FOR EACH ROW UPDATE count_voting SET CountVotes = CountVotes + 1 WHERE SelectName = NEW.SelectName
//
DELIMITER ;
-- --------------------------------------------------------
--
-- 表的結構 `user`
--
DROP TABLE IF EXISTS `user`;
CREATE TABLE IF NOT EXISTS `user` (
`name` varchar(10) NOT NULL COMMENT '管理使用者名',
`passwd` char(32) NOT NULL COMMENT '登入密碼MD5值'
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='使用者表';
--
-- 轉存表中的資料 `user`
--
INSERT INTO `user` (`name`, `passwd`) VALUES
('ttxi', '700469ca1555900b18c641bf7b0a1fa1'),
('jitttanwa', 'adac5659956d68bcbc6f40aa5cd00d5c');
--
-- 限制匯出的表
--
--
-- 限制表 `ip_votes`
--
ALTER TABLE `ip_votes`
ADD CONSTRAINT `ip_votes_ibfk_1` FOREIGN KEY (`SelectName`) REFERENCES `count_voting` (`SelectName`) ON DELETE CASCADE ON UPDATE CASCADE;
從指令碼中可以看出,我建立了一個觸發器,當往ip_votes表中插入資料的時候就給count_voting表中的CountVotes欄位加1。還能後出最後一句是設定外部關聯字。
架構設計
OperatorDB類用於操作資料庫,OperatorVotingDB類用於該系統特定的操作集合。
使用PDO操作資料庫,我它簡單的封裝一下:
複製代碼 代碼如下:
/**
* 操作資料庫
* 封裝PDO,使其方便自己的操作
*/
class OperatorDB
{
//串連資料庫的基本資料
private $dbms='mysql'; //資料庫類型,對於開發人員來說,使用不同的資料庫,只要改這個.
private $host='localhost'; //資料庫主機名稱
private $dbName='voting'; //使用的資料庫
private $user='voting'; //資料庫連接使用者名稱
private $passwd='voting'; //對應的密碼
private $pdo=null;
public function __construct()
{
//dl("php_pdo.dll");
//dl("php_pdo_mysql.dll");
$this->dsn="$this->dbms:host=$this->host;dbname=$this->dbName";
try
{
$this->conn=new PDO($this->dsn,$this->user,$this->passwd);//初始化一個PDO對象,就是建立了資料庫連接對象$db
}
catch(PDOException $e)
{
die("<br/>資料庫連接失敗(creater PDO Error!): ".$e->getMessage()."<br/>");
}
}
public function __destruct()
{
$this->pdo = null;
}
public function exec($sql)
{
}
public function query($sql)
{
}
}
把串連資料庫的資訊封裝進去方便後續的操作。
複製代碼 代碼如下:
<?php
require_once 'OperatorDB.php';
class OperatorVotingDB
{
private $odb;
public function __construct()
{
$this->odb = new OperatorDB();
}
public function __destruct()
{
$this->odb = null;
}
/**
* 清空Voting資料中的所有表
*
* 調用資料庫操作類,執行clear資料庫的操作
*/
public function clearTables()
{
$sqls = array("TRUNCATE ip_votes;","TRUNCATE count_voting;");
$this->odb->exec($sqls[0]);
$this->odb->exec($sqls[1]);
}
/**
* 重設count_voting表中的CountValues欄位為0
*
*/
public function resetCountValues()
{
$sql = "UPDATE count_voting SET CountVotes = 0;";
$this->odb->exec($sql);
}
/**
* 投票
* 將資訊寫入ip_votes表
* @param type $ip
* @param type $loc
* @param type $time
* @param type $name
*/
public function vote($ip,$loc,$name)
{
$sql = "INSERT INTO ip_votes VALUES (NULL, '$ip', '$loc', NOW(), '$name')";
$subsql = "SELECT MAX(to_days(VoteTime)) FROM ip_votes WHERE IP='$ip'";
$stm = $this->odb->query($subsql);
if (count($row=$stm->fetchAll())==1)
{
$now = date("Y-m-d H:i:s");
$subsql = "SELECT to_days('$now');";
$stm = $this->odb->query($subsql)->fetch();
$time = $stm[0];//使用mysql計算出的today時間
// echo $time."<br>";
// echo $row[0][0];
if ($time-$row[0][0]<1)//表中最大的時間和現在的時間$time比較
{
echo "投票失敗,相同ip需要隔一天才能投票";
return;
}
}
// echo $sql;
echo "投票成功!";
$this->odb->exec($sql);
}
/**
* 添加SelectName欄位的行
*
* @param string $name
* @param string $label
* @param int $count
*/
public function addSelectName($name, $label, $count=0)
{
$sql = "INSERT INTO count_voting VALUES ('$name', '$label', $count);";
$this->odb->exec($sql);
}
/**
* 擷取總投票情況,按票數排序的結果
*
* 按CountVotes欄位排序,返回count_voting表
*
* @param int $n
*
*/
public function getVotesSortByCount($n=-1)
{
$sql = "SELECT * FROM count_voting ORDER BY CountVotes DESC LIMIT 0 , $n;";
if (-1 == $n)
{
$sql = "SELECT * FROM count_voting ORDER BY CountVotes DESC;";
}
// echo $sql;
return $this->odb->query($sql);
}
/**
* 擷取投票情況,按票數排序並按標籤分組的結果
*
* 按CountVotes欄位排序並按LabelName欄位分組,返回count_voting表
*/
public function getVotesGroupByLabel()
{
$sql = "SELECT * FROM count_voting ORDER BY LabelName DESC;";
// echo $sql;
return $this->odb->query($sql);
}
}
?>
下面還有需要的函數
複製代碼 代碼如下:
<?php
/**
* 頁面跳轉函數
* 使用js實現
* @param string $url
*/
function goToPgae($url)
{
echo "<script language='javascript' type='text/javascript'>";
echo "window.location.href='$url'";
echo "</script>";
}
function jsFunc($fun, $arg=null)
{
echo "<script language='javascript' type='text/javascript'>";
echo $fun."('$arg');";
echo "</script>";
}
function jsFunc3($fun, $arg1=null,$arg2=null,$arg3=null)
{
echo "<script language='javascript' type='text/javascript'>";
echo $fun."('$arg1','$arg2','$arg3');";
echo "</script>";
//echo $fun."('$arg1','$arg2','$arg3');";
}
function isLoginNow()
{
if ($_COOKIE["user"]=='')
{
return false;
}
return true;
}
function getClientIP()
{
if ($_SERVER["HTTP_X_FORWARDED_FOR"])
{
if ($_SERVER["HTTP_CLIENT_IP"])
{
$proxy = $_SERVER["HTTP_CLIENT_IP"];
}
else
{
$proxy = $_SERVER["REMOTE_ADDR"];
}
$ip = $_SERVER["HTTP_X_FORWARDED_FOR"];
}
else
{
if ($_SERVER["HTTP_CLIENT_IP"])
{
$ip = $_SERVER["HTTP_CLIENT_IP"];
}
else
{
$ip = $_SERVER["REMOTE_ADDR"];
}
}
return $ip;
}
//從123查擷取ip
function getIpfrom123cha($ip) {
$url = 'http://www.123cha.com/ip/?q='.$ip;
$content = file_get_contents($url);
$preg = '/(?<=本站主要資料:<\/li><li style=\"width:450px;\">)(.*)(?=<\/li>)/isU';
preg_match_all($preg, $content, $mb);
$str = strip_tags($mb[0][0]);
//$str = str_replace(' ', '', $str);
$address = $str;
if($address == '') {
$address = '未明';
}
return $address;
}
//從百度擷取ip所在地
function getIpfromBaidu($ip) {
$url = 'http://www.baidu.com/s?wd='.$ip;
$content = file_get_contents($url);
$preg = '/(?<=<p class=\"op_ip_detail\">)(.*)(?=<\/p>)/isU';
preg_match_all($preg, $content, $mb);
$str = strip_tags($mb[0][1]);
$str = str_replace(' ', '', $str);
$address = substr($str, 7);
if($address == '') {
$address = '未明';
}
return $address;
}
?>
然後就是後台管理員的操作怎麼弄了,主要是添加投票項的功能,操作資料庫上面已經實現。後面的基本上是頁面怎麼設定,關係到js。添加投票項的頁面是動態,如下:
複製代碼 代碼如下:
function addVote()
{
right.innerHTML="<h2>添加投票項</h2>";
right.innerHTML+="<label>投票項標籤<label>";
addInput("right","cLabelName","地區名");
right.innerHTML+="<br><label>投票項名稱<label>";
addInput("right","cSelectName","學校名");
right.innerHTML+="<br>";
var args = '\'./add.php\',\'cSelectName\',\'cLabelName\'';
var str = '<input type=button value="\u6dfb加" onclick="goToPage('+args+');"/>';
right.innerHTML+=str;
}
//添加文字框
function addInput(parent,id,pla)
{
//建立input
var input = document.createElement("input");
input.type = "text";
input.id = id;
input.placeholder = pla;
document.getElementById(parent).appendChild(input);
}
效果:
清空投票項也差不多,下過如下:
添加投票項是通過url傳遞變數到add.php頁面的。
複製代碼 代碼如下:
<?php
require_once '../api/func.php';
if (!isLoginNow())
{
goToPgae("./index.php");
}
$name = $_GET["cSelectName"];
$label = $_GET["cLabelName"];
//echo $name."<br>".$label;
require_once '../api/OperatorVotingDB.php';
$ovdb=new OperatorVotingDB();
$ovdb->addSelectName($name,$label);
require './header.htm';
goToPgae("./admin.php?page=add&auto="."$label"."&id=cLabelName&foc=cSelectName&msg=添加成功");
?>
下面是兩個跳轉頁面的函數,js的(上面func.php中的跳轉頁面函數也是通過js實現的)。
複製代碼 代碼如下:
//js
function goToPage(url,arg1,arg2)
{
var a = document.getElementById(arg1).value;
var b = document.getElementById(arg2).value;
url += '?'+arg1+'='+a;
url += '&'+arg2+'='+b;
window.location.href=url;
}
function goToPage1(url)
{
window.location.href=url;
}
還有修改刪除功能沒有實現。我應該不會去實現那個了吧,js的話和添加功能差不多。
登入模組的話網上很多,模仿的。就是提交表單,尋找資料庫,返回結果。成功則設定cookie,背景每個頁面都添加了檢測cookie的功能的。
前端美化
index.php頁面首先操作資料庫擷取投票項和票數,然後顯示出來(通過css+div美化一下架構介面什麼的),最後點擊投票按鈕就提交表單,跳轉到vote.php頁面。
css的話我都是抄網上的。我弄的效果如下:
這個東西算是個很小的資訊管理系統吧,我已經把這個東西的原始碼放到github(https://github.com/hanxi/voting)上去了,可以隨意下載修改也可以到雲棲社區下載(點擊下載)。歡迎讀者回複交流,這方面不是我的強項,有很多不足之處還望指教。
作者:涵曦(涵曦的技術部落格 - 部落格園)
微博:t.qq.com/hanxi1203
出處:hanxi.cnblogs.com