上一篇介绍的是管理员页面，能完成对用户的角色修改和保存，这里来说一下用户界面，用户通过登录，显示出其对应功能界面。
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>