赞
踩
权限管理可以想做vip的功能,普通用户和vip用户的功能是不一样的,大致会用到五张表:用户表、角色表、功能表,还有他们之间互相关联的表:用户与角色表、角色与功能表
我用到的五张表如下:
一.首先写的是管理员页面
1.用下拉列表显示用户名:
- <div>
- <select id= "user" >
- <?php
- require "../DBDA.class.php" ;
- $db = new DBDA();
- $sql = "select * from users" ;
- $arr = $db ->query( $sql ,1);
- foreach ( $arr as $v )
- {
- echo "<option value='{$v[0]}'>{$v[2]}</option>" ;
- }
- ?>
- </select>
- </div>
2.因为上面已经造了新对象,所以在显示角色名时直接从SQL语句开始写:
- <div>请选择角色:
- <?php
- $sql = "select * from juese" ;
- $arr = $db ->query( $sql ,1);
- foreach ( $arr as $v )
- {
- echo "<input type='checkbox' class='ck' value='{$v[0]}'/>{$v[1]}" ;
- }
- ?>
- </div>
- <br/>
3.为了修改权限加一个确认保存按钮:
<input type= "button" value= "保存" id= "baocun" />
4.这样,再考虑怎么让数据库中用户本有的角色显示出来,那就是要用到下拉列表和复选框的值了
可以把它写入方法里,然后调用这个方法:
- function Xuan()
- {
- var uid = $( "#user" ).val();
- $.ajax({
- url: "chuli.php" ,
- data:{uid:uid},
- type: "POST" ,
- dataType: "TEXT" ,
- success: function (data){
- var js = data.trim().split( "|" );
- var ck = $( ".ck" );
- ck.prop( "checked" ,false);
- for ( var i=0;i<ck.length;i++)
- {
- var v = ck.eq(i).val();
- if (js.indexOf(v)>=0)
- {
- ck.eq(i).prop( "checked" ,true);
- }
- }
- }
- })
- }
5.各项值的处理页面:
- <?php
- require "../DBDA.class.php" ;
-
- $db = new DBDA();
- $uid = $_POST [ "uid" ];
- $sql = "select jueseid from userinjuese where userid='{$uid}'" ;
- echo $db ->strquery( $sql );
效果如下:
6.最后就是保存修改后的值了,可以直接用全部删除在重新写入的方法来进行值的选择;对保存按钮添加单击事件:
- Xuan();
-
- $( "#user" ).change( function (){
- Xuan();
- })
- $( "#baocun" ).click( function (){
- var uid = $( "#user" ).val();
- var str = "" ;
- var ck = $( ".ck" );
- for ( var i=0;i<ck.length;i++)
- {
- if (ck.eq(i).prop( "checked" ))
- {
- str = str + ck.eq(i).val()+ "," ;
- }
- }
-
- str = str. substr (0,str.length-1);
-
- $.ajax({
- url: "add.php" ,
- data:{uid:uid,js:str},
- type: "POST" ,
- dataType: "TEXT" ,
- success: function (data){
- alert( "保存成功!" );
- }
- })
- })
7.保存的处理页面:
- <?php
- require "../DBDA.class.php" ;
-
- $db = new DBDA();
- $uid = $_POST [ "uid" ];
- $js = $_POST [ "js" ];
-
- // 清空原有角色
- $sql = "delete from userinjuese where userid='{$uid}'" ;
- $db ->query( $sql );
-
- // 添加选中的角色
- $ajs = explode ( "," , $js );
-
- foreach ( $ajs as $v )
- {
- $sql = "insert into userinjuese values('','{$uid}','{$v}')" ;
- $db ->query( $sql );
- }
效果如下:
下面代码用来copy用,注意AJAX需要引用Jquery
1.guanli.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>
- <script src= "../jquery-3.2.0.min.js" ></script>
- </head>
- <body>
- <h1>用户角色对应</h1>
- <div>
- <select id= "user" >
- <?php
- require "../DBDA.class.php" ;
- $db = new DBDA();
- $sql = "select * from users" ;
- $arr = $db ->query( $sql ,1);
- foreach ( $arr as $v )
- {
- echo "<option value='{$v[0]}'>{$v[2]}</option>" ;
- }
- ?>
- </select>
- </div>
-
- <br/>
-
- <div>请选择角色:
- <?php
- $sql = "select * from juese" ;
- $arr = $db ->query( $sql ,1);
- foreach ( $arr as $v )
- {
- echo "<input type='checkbox' class='ck' value='{$v[0]}'/>{$v[1]}" ;
- }
- ?>
- </div>
-
- <br/>
-
- <input type= "button" value= "保存" id= "baocun" />
-
- </body>
-
- <script type= "text/javascript" >
-
- Xuan();
-
- $( "#user" ).change( function (){
- Xuan();
- })
-
- $( "#baocun" ).click( function (){
- var uid = $( "#user" ).val();
- var str = "" ;
- var ck = $( ".ck" );
- for ( var i=0;i<ck.length;i++)
- {
- if (ck.eq(i).prop( "checked" ))
- {
- str = str + ck.eq(i).val()+ "," ;
- }
- }
-
- str = str. substr (0,str.length-1);
- $.ajax({
- url: "add.php" ,
- data:{uid:uid,js:str},
- type: "POST" ,
- dataType: "TEXT" ,
- success: function (data){
- alert( "保存成功!" );
- }
- })
- })
-
- function Xuan()
- {
- var uid = $( "#user" ).val();
- $.ajax({
- url: "chuli.php" ,
- data:{uid:uid},
- type: "POST" ,
- dataType: "TEXT" ,
- success: function (data){
- var js = data.trim().split( "|" );
- var ck = $( ".ck" );
- ck.prop( "checked" ,false);
- for ( var i=0;i<ck.length;i++)
- {
- var v = ck.eq(i).val();
- if (js.indexOf(v)>=0)
- {
- ck.eq(i).prop( "checked" ,true);
- }
- }
- }
- })
- }
- </script>
-
- </html>
2.chuli.php
- <?php
-
- require "../DBDA.class.php" ;
-
- $db = new DBDA();
- $uid = $_POST [ "uid" ];
- $sql = "select jueseid from userinjuese where userid='{$uid}'" ;
- echo $db ->strquery( $sql );
3.保存的处理页面 add.php
- <?php
-
- require "../DBDA.class.php" ;
-
- $db = new DBDA();
- $uid = $_POST [ "uid" ];
- $js = $_POST [ "js" ];
-
- // 清空原有角色
- $sql = "delete from userinjuese where userid='{$uid}'" ;
- $db ->query( $sql );
-
-
- // 添加选中的角色
- $ajs = explode ( "," , $js );
-
- foreach ( $ajs as $v )
- {
- $sql = "insert into userinjuese values('','{$uid}','{$v}')" ;
- $db ->query( $sql );
- }
二.完成管理员页面后,下面就是登录页面
1.登录基本页面 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= "dlchuli.php" method= "post" >
- <div>用户名:<input type= "text" name= "uid" /></div>
- <div>密码: <input type= "password" name= "pwd" /></div>
- <input type= "submit" value= "登录" />
- </form>
-
- </body>
- </html>
2.登录处理的页面 dlchuli.php
- <?php
-
- session_start();
-
- require "../DBDA.class.php" ;
-
- $db = new DBDA();
- $uid = $_POST [ "uid" ];
- $pwd = $_POST [ "pwd" ];
- $sql = "select pwd from users where uid='{$uid}'" ;
- $mm = $db ->strquery( $sql );
-
- if ( $mm == $pwd && ! empty ( $pwd ))
- {
- $_SESSION [ "uid" ] = $uid ;
- header( "location:main.php" );
- } else {
- echo "输入的用户名或密码有误!" ;
- }
3.主页面 main.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>
-
- <style type= "text/css" >
- .list {
- width:100px;
- height:35px;
- border:1px solid #36F;
- margin:0px 2px 0px 2px;
- text-align:center;
- vertical-align:middle;
- line-height:35px;
- }
- </style>
-
- </head>
-
- <body>
-
- <h1>主页面</h1>
-
- <?php
- session_start();
- $uid = "" ;
- if ( empty ( $_SESSION [ "uid" ]))<code class = "php comments" > //判断session是否为空</code>
- {
- header( "location:login.php" );<code class = "php comments" > //空的话就返回登录页面</code>
- exit ;
- }
- $uid = $_SESSION [ "uid" ];
- require "../DBDA.class.php" ;
- $db = new DBDA();
- $sql = "select * from rules where code in(select distinct ruleid from juesewithrules where jueseid in(select jueseid from userinjuese where userid='{$uid}'))" ;
- $arr = $db ->query( $sql ,1);
- foreach ( $arr as $v )
- {
- echo "<div code='{$v[0]}' class='list'>{$v[1]}</div>" ;
- }
- ?>
-
- </body>
-
- </html>
选择登陆张三显示他的权限,效果如下:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。