轉發自https://www.cnblogs.com/shenzikun1314/p/6604867.html#4262295javascript
一個用戶能夠屬於多個角色,好比鄧超。他是孫儷的丈夫,同時是他小孩的父親,仍是他老爸的兒子。那麼這裏他一共有丈夫,父親,兒子3個角色。php
一個角色能夠有多個用戶。好比學生(角色),張三,李四,王五等。html
因此用戶跟角色是多對多的關係。java
一個角色能夠多個權限。好比把文章模塊分爲查看,修改,添加,刪除這4個權限。普通用戶只有查看的權限,但管理員他能夠同時有這4個權限。mysql
一個權限也能夠被多個角色同時擁有。普通用戶和管理員都有查看權限。jquery
因此權限跟角色也是多對多的關係。ajax
第一張用戶表sql
第二張角色表數據庫
第三張權限表json
接下來是2張中間表。
用戶-角色表(要設置多對多的外鍵關聯關係)
最後一張角色-權限表(設置多對多的關聯關係)
第一個guanli.php,用到ajax等jquery語法,要引用jquery文件。這個頁面是修改用戶的角色權限
<?php error_reporting(E_ALL ^ E_DEPRECATED); include("DB.class.php"); $sql = "select * from qx_user"; $arr = $dao->getAll($sql); // var_dump($arr); // exit; $sql = "select * from qx_juese"; $arr2 = $dao->getAll($sql); foreach($arr as $v){ // var_dump($v); // exit; } ?> <!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> <script src="assets/js/jquery-1.8.2.min.js"></script> <!-- <script src="../../dist/js/jquery-1.11.2.min.js"></script> --> </head> <body> <h1>用戶與角色管理</h1> <div> 請選擇用戶: <select id="user"> <?php foreach($arr as $v){ // var_dump($v); // exit; ?> <option value="<?php echo"$v[id]" ?>"> <?php echo "$v[username]";?></option> <?php } ?> </select> </div> <br /> <div> 請選擇角色: <?php foreach($arr2 as $v2){ ?> <input type='checkbox' value="<?php echo"$v2[id]" ?>" class='ck' /><?php echo "$v2[juese_name]" ?> <?php } ?> </div> <br /> <input type="button" value="肯定" id="btn" /> </body> <script type="text/javascript"> $(document).ready(function(e) { //選中默認角色 Xuan(); //當用戶選中變化的時候,去選中相應角色 $("#user").change(function(){ Xuan(); }) //點擊肯定保存角色信息 $("#btn").click(function(){ var uid = $("#user").val(); var juese = ""; var ck = $(".ck"); for(var i=0;i<ck.length;i++) { if(ck.eq(i).prop("checked")) { juese += ck.eq(i).val()+"|"; } } juese = juese.substr(0,juese.length-1); $.ajax({ url:"chuli.php", data:{uid:uid,juese:juese,type:1}, type:"POST", dataType:"TEXT", success: function(data){ alert("保存成功!"); } }); }) }); //選中默認角色 function Xuan() { var uid = $("#user").val(); $.ajax({ url:"chuli.php", data:{uid:uid,type:0}, type:"POST", dataType:"TEXT", success: function(data){ // var juese = data.trim().split("|"); // var ck = $(".ck"); // ck.prop("checked",false); // for(var i=0;i<ck.length;i++) // { // if(juese.indexOf(ck.eq(i).val())>=0) // { // ck.eq(i).prop("checked",true); // } // } // console.log(data); var obj = eval('(' + data + ')'); console.log(obj); var str=""; for(var i=0;i<obj.length;i++){ str+=" "; str+=obj[i].juese_id; } str=$.trim(str) console.log($.trim(str)); var ck = $(".ck"); ck.prop("checked",false); for(var i=0;i<ck.length;i++) { if(str.indexOf(ck.eq(i).val())>=0) { ck.eq(i).prop("checked",true); } } } }); } </script> </html>
第二個登陸頁面login.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> <form action="logincl.php" method="post"> <input type="text" name="username" /> <input type="password" name="pwd" /> <input type="submit" value="登陸" /> </form> </body> </html>
第三個頁面處理登陸頁面logincl.php
<?php header('content-type: text/html; charset=utf-8'); session_start(); include("DB.class.php"); $username = $_POST["username"]; $pwd = $_POST["pwd"]; // $uid=$_POST["uid"]; // $sql="select pwd from qx_user where uid='{$uid}'"; // $mm = $dao->getOne($sql); // if($mm==$pwd && !empty($pwd)) // { // $_SESSION["uid"]=$uid; // header("location:main.php"); // } $username = $_POST['username']; // 獲取post傳過來的密碼 $password = $_POST['pwd']; $sql = "select * from qx_user where username = '$username' and pwd = '$pwd' "; $res = $dao->getRow($sql); if($res){//若是存在,跳回本頁面 $_SESSION['username'] = $username; $_SESSION["uid"]=$res["id"]; echo '<script language="JavaScript">; alert("登陸成功");location.href="main.php";</script>;'; exit; }else{//若是不存在 echo '<script language="JavaScript">; alert("登陸失敗");</script>;'; //註冊成功以後跳轉到指定頁面 echo "<script>location.href='#'</script>"; }
第4個頁面查看權限main.php,輸出登陸的用戶的全部權限u1和u2對比
第二次登陸u2
<?php session_start(); ?> <!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> 當前用戶:<?php echo "$_SESSION[username]";?> </h1> <?php error_reporting(E_ALL ^ E_DEPRECATED); // session_start(); include("DB.class.php"); if(empty($_SESSION["uid"])) { header("location:qx_login.php"); exit; } //登陸者用戶名 $uid = $_SESSION["uid"]; //根據用戶名查角色 $sjs = "select juese_id from qx_user_juese where user_id='{$uid}'"; $ajs = $dao->getAll($sjs); // var_dump($ajs); // exit; //定義一個存放功能代號的數組 $arr = array(); //根據角色代號查功能代號 foreach($ajs as $vjs) { $jsid = $vjs['juese_id']; //角色代號 $sgn = "select quanxian_id from qx_js_qx where juese_id='{$jsid}'"; $strgn = $dao->getAll($sgn); // $agn = explode("|",$strgn); // var_dump($strgn); // echo "xxx"; // exit; foreach($strgn as $vgn) { array_push($arr,$vgn['quanxian_id']); } } //去重,顯示 // var_dump($arr); // exit; $arr = array_unique($arr); // var_dump($arr); // exit; foreach($arr as $v) { $sql = "select * from qx_quanxian where id='{$v}'"; $attr = $dao->getRow($sql); // var_dump($attr); // exit; // echo "{$attr['id']},{$attr['qx_name']}"; echo "<div code='{$attr["id"]}'>{$attr["qx_name"]}</div>"; // <input type='checkbox' value="$attr[id]" class='ck' /> } ?> </body> </html>
第5個工具類代碼DB.class.php,在構造函數__construct()中修改默認的配置參數,數據庫名,用戶名,密碼等。不然會鏈接數據庫失敗。
<?php // namespace Frame\libs; class DB{ //主機地址 var $host; //用戶名 var $username; //密碼 var $password; //數據庫名 var $dbname; //字符集 var $charset; //數據庫鏈接對象,主要用在mysql_query($sql,$this->con); private $con; //外界獲取的mysqlDB類操做對象 public static $dao; //得到mysqlDB類對象(單例) public static function getInstance($config){ if(!isset(self::$dao)){ self::$dao = new self($config); } return self::$dao; } //private禁止外部new,減小new帶來的開銷,並設置默認的配置。 private function __construct($config){ $this->host = isset($config['host'])?$config['host']:'localhost'; $this->port = isset($config['port'])?$config['port']:'3306'; $this->username = isset($config['username'])?$config['username']:'root'; $this->password = isset($config['password'])?$config['password']:'root'; $this->dbname = isset($config['dbname'])?$config['dbname']:'bishe'; $this->charset = isset($config['charset'])?$config['charset']:'utf8'; //鏈接數據庫 $this->con = $this->connect(); //設置數據庫名,默認爲test $this->useDb($this->dbname); //設置字符集,默認爲utf8。 $this->setCharset($this->charset); } //禁止外部克隆 private function __clone(){ } //鏈接不成功在這個分段找。 ////////////////////////////////////////////////////// //鏈接數據庫 public function connect(){ $con = mysql_connect("$this->host:$this->port","$this->username","$this->password") or die("鏈接數據庫失敗"); return $con; } //1.執行增、刪、改sql語句 public function exec($sql){ $res = mysql_query($sql,$this->con); if($res){ // echo "<br/>sql語句:".$sql."<br>"; // var_dump($res); return true; //要是增刪改有問題能夠在這裏輸出sql調試。 }else{ echo "<br/>sql語句:".$sql; echo "<br/出錯信息>:".mysql_error(); echo "<br/出錯代碼>:".mysql_errno(); exit; } } //額外設置字符集 public function setCharset($charset){ $sql = "set names '$charset'"; $this->exec($sql) or die("set"); //die(); } //額外設置數據庫 public function useDb($dbname){ $sql = "use $dbname"; $this->exec($sql) or die("use");//or die()函數前面需返回對應的true或false; } //////////////////////////////////////////////////////// //查找出錯在這個部分找。 //4.將查到的結果集轉爲單個數據,這裏是索引數組的第一個字段。 public function getOne($sql){ $rec = mysql_query($sql,$this->con); $res = mysql_fetch_row($rec); if($res){ return $res[0]; }else{ return false; } } //可能修改的函數所有放在上面,以便查找。下方函數基本不會修改。 //編號1~4是高頻率使用的函數。 //2.獲取一行數據(一維) public function getRow($sql){ $rec = mysql_query($sql,$this->con); $res = mysql_fetch_assoc($rec); if($res){ return $res; }else{ return false; } } //3.獲取全部數據(二維) public function getAll($sql){ $rec = mysql_query($sql,$this->con); $arr = array();//定義 一個數組 while($res = mysql_fetch_assoc($rec)){ $arr[] = $res; } if($arr){ return $arr; }else{ return false; } } } $dao = DB::getInstance(null); ?>
第6個chuli.php.這個頁面是用來處理guanli.php發過來的ajax請求。
<?php error_reporting(E_ALL ^ E_DEPRECATED); include("DB.class.php"); $type = $_POST["type"]; switch($type) { case 0: $uid = $_POST["uid"]; $sql = "select juese_id from qx_user_juese where user_id='{$uid}'"; $data = $dao->getAll($sql); // $id_list="xx"; // foreach($data as $v) // { // $id_list =","+"$v[juese_id]"; // echo json_encode($id_list); // exit; // } // echo json_encode($data); echo json_encode($data); break; case 1: $uid = $_POST["uid"]; $juese = $_POST["juese"]; $sdel = "delete from qx_user_juese where user_id='{$uid}'"; $dao->exec($sdel); $arr = explode("|",$juese); foreach($arr as $v) { // echo $v; $sql = "insert into qx_user_juese values('{$uid}','{$v}')"; $dao->exec($sql); } echo "OK"; break; }
難點是guanli頁面的ajax請求。
js解析二維數組
(完)