上一篇介绍的是管理员页面，能完成对用户的角色修改和保存，这里来说一下用户界面，用户通过登录，显示出其对应功能界面。
1.登录页面（用的ajax，也可以用php表单提交方式）
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <script type="text/javascript" src="../jquery-1.11.12.min.js"></script> 6 <title>登陆界面</title> 7 </head> 8 9 <body> 10 <div>用户名:<input type="text" name="uid" id="uid"/></div> 11 <div>密码:<input type="password" name="pwd" id="pwd" /></div> 12 <button id="login">登陆</button> 13 </body> 14 <script> 15 $("#login").click(function(){ 16 var uid=$("#uid").val(); 17 var pwd=$("#pwd").val(); 18 $.ajax({ 19 url:"login.php", 20 data:{ids:uid,password:pwd}, 21 type:"POST", 22 dataType:"TEXT", 23 success: function(data){ 24 if(data.trim()=="OK"){ 25 alert("登陆成功"); 26 window.location.href="zhuyemian.php"; 27 } 28 else{ 29 30 alert("账号或者密码错误"); 31 } 32 33 } 34 35 36 37 }) 38 39 40 41 }) 42 43 44 </script> 45 </html>
登录处理页面（用session存一下用户）
<?php session_start(); $uid=$_POST["ids"]; $pwd=$_POST["password"]; require "../DataBase.class.php"; $db=new DataBase(); $sql="select pwd from users where uid='{$uid}'"; $arr=$db->Query($sql); if($arr[0][0]==$pwd &&!empty($pwd)){ echo "OK"; $_SESSION["uid"]=$uid; } else{ echo "NO"; } ?>
主页面代码
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>主页面</title> 6 <style> 7 .list{ width:100px; 8 height:30px; 9 border:1px #0000CC solid; 10 background-color:#36C;} 11 12 13 </style> 14 </head> 15 <?php 16 session_start(); //开启session 17 $uid=""; 18 if(empty($_SESSION["uid"])) //判断一下session是否存在 19 { header("location:denglu.php"); //不存在就跳转到登陆页面 20 } 21 else{ 22 $uid=$_SESSION["uid"]; //存在就交给$uid变量 23 } 24 require "../DataBase.class.php"; 25 $db=new DataBase(); 26 $sql="select * from rules where code in (select distinct ruleid from juesewithrules where jueseid in(select jueseid from userinjuese where userid='{$uid}') )";//子查询啊，根据session用户名和表之间的关系找到相对应功能 27 $arr=$db->Query($sql); 28 foreach($arr as $v) 29 { 30 echo "<div code='{$v[0]}' class='list'>$v[1]</div>";//遍历输入div元素显示功能 31 32 } 33 34 35 36 ?> 37 38 <body> 39 </body> 40 </html>
看看效果
对应的主页面 
对应的主页面