登录功能与及用token对uid的加密和管理员对数据的

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网
文件的展示：1.前台路由文件：index.js
  1. import { createRouter, createWebHistory } from 'vue-router'
  2. import Ad from '../views/kedaishu/ad.vue'
  3. import Index from '../views/Index.vue'
  4. import Login from '../views/Login.vue'
  5. import Course from '../views/kedaishu/course.vue'
  6. import AdminUser from '../views/admin/user.vue'
  7. const routes = [
  8.   {
  9.     path: '/',  // 路由地址配置，就是浏览器上的url
  10.     name: 'home', // 是页面的名称，自定义，但是不要重复
  11.     component: Index,  // 这个是页面文件的路径 
  12.   },
  13.   {
  14.     path: '/login',//创建登录页面的路由
  15.     name: 'login',
  16.     component: Login,
  17.   },
  18.   {
  19.     path: '/admin_user',  // 路由地址配置，就是浏览器上的url
  20.     name: 'AdminUser', // 是页面的名称，自定义，但是不要重复
  21.     component: AdminUser,  // 这个是页面文件的路径 
  22.   },
  23.   {
  24.     path: '/ad',  // 路由地址配置，就是浏览器上的url
  25.     name: 'ad', // 是页面的名称，自定义，但是不要重复
  26.     component: Ad,  // 这个是页面文件的路径 
  27.   },
  28.   {
  29.     path: '/course',  // 路由地址配置，就是浏览器上的url
  30.     name: 'course', // 是页面的名称，自定义，但是不要重复
  31.     component: Course,  // 这个是页面文件的路径 
  32.   }
  33. ]
  35. const router = createRouter({
  36.   history: createWebHistory(process.env.BASE_URL),
  37.   routes
  38. })
  40. export default router
2.前台登录文件：Login.vue
  1. <template>
  2.     <div class="container">
  3.         <div style="text-align: center">
  4.             <img src="@/assets/logo.png" alt="logo" />
  5.             <h3>phpAdmin后台管理</h3>
  6.         </div>
  7.         <div class="main">
  8.             <!-- label-width="auto" 导致ElementPlusError: [ElForm] unexpected width 0 -->
  9.             <el-form :model="state" size="large">
  10.                 <el-form-item prop="account">
  11.                     <el-input v-model="state.account" name="account" class="w-50 m-2" placeholder="请输入账号">
  12.                         <template #prefix>
  13.                             <el-icon class="el-input__icon" style="color: #1890ff"><Avatar /></el-icon>
  14.                         </template>
  15.                     </el-input>
  16.                 </el-form-item>
  17.                 <el-form-item prop="password">
  18.                     <el-input v-model="state.password" name="password" type="password" class="w-50 m-2" placeholder="请输入密码" show-password>
  19.                         <template #prefix>
  20.                             <el-icon class="el-input__icon" style="color: #1890ff"><Lock /></el-icon>
  21.                         </template>
  22.                     </el-input>
  23.                 </el-form-item>
  24.                 <el-form-item prop="remember">
  25.                     <el-checkbox v-model="state.remember" label="1" size="large">自动登录</el-checkbox>
  26.                 </el-form-item>
  27.                 <el-form-item>
  28.                     <el-button type="primary" style="width: 100%" @click="onSubmit()">登录</el-button>
  29.                 </el-form-item>
  30.             </el-form>
  31.         </div>
  32.     </div>
  33. </template>
  34. <script setup>
  35.     import {reactive} from 'vue';
  36.     import { useRouter } from 'vue-router';
  37.     import {Login} from '../network/index.js';
  38.     import { ElMessage } from 'element-plus'
  39.     //这是向服务器请求时所输入的数据，创建登录时的state,与本文11，18，25行相对应
  40.     const state = reactive({
  41.         account : "",
  42.         password : "",
  43.         remember : true
  44.     });
  45.     //定义路由器
  46.     const router = useRouter();
  47.     //从浏览器存储里获取用户登录时的数据；uid
  48.     //const uid=window.localStorage.getItem("uid");
  49.     const ticket=window.localStorage.getItem("ticket");
  50.     //如果有票据就跳转到首页
  51.     if(ticket){
  52.         ElMessage({ //增加这一条就不会跳转到登录页面了
  53.             message:'您已登录',
  54.             type:'success'
  55.         });
  56.         router.push("/");
  57.     }
  58.     //提交，onSubmit与28行相对应
  59.     const onSubmit=()=>{
  60.         console.log(state);//先打印一下数据
  61.         Login(state).then((e)=>{ //state是传值，e是返回值
  62.             console.log(e);
  63.             if(e.code==0){ //如果e的值为0时，则登录成功
  64.                 ElMessage({
  65.                     message:e.msg,
  66.                     type:'success'
  67.                 });
  68.                 //把登录时的数据保存到浏览器的存储中
  69.                 //window.localStorage.setItem('uid',e.data.uid);
  70.                 window.localStorage.setItem('ticket',e.data.ticket);
  71.                 window.localStorage.setItem('name',e.data.name);
  72.                 //路由器跳转到首页
  73.                 router.push("/");
  74.             }else{ //反之登录不成功
  75.                 ElMessage({
  76.                     message:e.msg,
  77.                     type:'error'
  78.                 });
  79.             }
  80.         })
  81.     }
  82.     // const router = useRouter();
  84.     // const ticket = window.localStorage.getItem("ticket");
  86.     // if(ticket){
  87.     //     ElMessage({
  88.     //         message: '您已登录',
  89.     //         type: 'success'
  90.     //     });
  91.     //     router.push("/");
  92.     // }
  94.     // const onSubmit = ()=>{
  95.     //     Login(state).then( (e)=>{
  96.     //         console.log(e.data);
  97.     //         if(e.code == 0){
  98.     //             ElMessage({
  99.     //                 message: e.msg,
  100.     //                 type: 'success'
  101.     //             });
  102.            // 登录完成以后
  103.     //             window.localStorage.setItem("ticket",e.data.ticket);
  104.     //             window.localStorage.setItem("name",e.data.name);
  106.     //             router.push("/");
  107.     //         }else{
  108.     //             ElMessage({
  109.     //                 message: e.msg,
  110.     //                 type: 'error'
  111.     //             });
  112.     //         }
  113.     //     } )
  114.     // }
  115. </script>
  117. <style>
  118. .container {
  119.     position: relative;
  120.     width: 100%;
  121.     min-height: 100%;
  122.     padding: 110px 0 144px;
  123.     background-repeat: no-repeat;
  124.     background-position: center 110px;
  125.     background-size: 100%;
  126. }
  127. .main {
  128.     width: 368px;
  129.     min-width: 260px;
  130.     margin: 50px auto;
  131. }
  132. .el-icon {
  133.     color: #359eff;
  134. }
  135. </style>
3.前台用户文件：user.vue
  1. <template>
  2.     <div style="margin:0 0 20px 0;">
  3.       <!-- 当添加按钮点击时调用add方法并传一个为0的值 -->
  4.       <el-button type="success" size="large" @click="add(0)">添加</el-button>
  5.     </div>
  6.     <el-form label-width="120px" :inline="true">
  7.       <el-form-item label="搜索项">
  8.          <el-select  placeholder="请选择您要搜索的项">
  9.            <el-option label="姓名" value="" />
  10.            <el-option label="手机" value="" />
  11.          </el-select>
  12.       </el-form-item>
  13.       <el-form-item>
  14.         <el-button type="primary">搜索</el-button>
  15.       </el-form-item>
  16.     </el-form>
  17.     <el-table :data="tableData.lists" border style="width: 100%" size="large">
  18.       <el-table-column prop="uid" label="ID" />
  19.       <el-table-column prop="account" label="账号" />
  20.       <el-table-column prop="name" label="姓名" />
  21.       <el-table-column prop="phone" label="手机号" />
  22.       <el-table-column prop="status" label="状态" />
  23.       <el-table-column prop="add_time" label="入职时间" />
  24.       <el-table-column prop="last_time" label="最后登录时间" />
  25.       <el-table-column label="操作">
  26.            <template #default="scope">
  27.               <el-button size="small" type="primary" @click="add(scope.row)">修改</el-button>
  28.               <!-- <el-button size="small" type="danger">删除</el-button> -->
  29.               <el-popconfirm title="确认删除吗？" @confirm="del(scope.row)">
  30.                     <template #reference>
  31.                         <el-button size="small" type="danger">删除</el-button>
  32.                     </template>
  33.               </el-popconfirm>
  34.             </template>
  35.         </el-table-column>
  36.     </el-table>
  37.     <!-- 弹出的对话框(弹窗) -->
  38.   <el-dialog v-model="data.is_form" :title="data.title" width="30%">
  39.     <!-- 弹窗中的表单 -->
  40.     <el-form :model="fromData" label-width="120px" size="small">
  41.       <el-form-item label="账号">
  42.         <el-input v-model="fromData.account"/>
  43.       </el-form-item>
  44.       <el-form-item label="密码">
  45.         <el-input v-model="fromData.password" type="password" show-password :placeholder="data.plac"/>
  46.       </el-form-item>
  47.       <el-form-item label="姓名">
  48.         <el-input v-model="fromData.name"/>
  49.       </el-form-item>
  50.       <el-form-item label="手机号">
  51.         <el-input v-model="fromData.phone"/>
  52.       </el-form-item>
  53.       <el-form-item label="状态">
  54.          <el-select v-model="fromData.status"  placeholder="请选择状态">
  55.            <el-option label="开启" :value="1" />
  56.            <el-option label="关闭" :value="0" />
  57.          </el-select>
  58.       </el-form-item>
  59.       <el-form-item label="入职时间">
  60.         <el-date-picker
  61.         v-model="fromData.add_time"
  62.         type="date"
  63.         placeholder="选一日期"
  64.         :size="size"
  65.       />
  66.       </el-form-item>
  67.       <el-form-item label="最后登录时间">
  68.         <el-date-picker
  69.         v-model="fromData.last_time"
  70.         type="date"
  71.         placeholder="选一日期"
  72.         :size="size"
  73.       />
  74.       </el-form-item>
  75.       <!-- '确定'按钮 -->
  76.       <el-button type="success" size="largr" @click="fun">确定</el-button>
  77.     </el-form>
  78.   </el-dialog>
  79. </template>
  80. <script setup>
  81.   //从vue中引入响应式数据reactive(数据改变后视图也会自动更新，就叫响应式数据)
  82.   import {reactive} from 'vue';
  83.   import axios from "axios";
  84.   //引入index.js文件中的UserLists,UserSave方法
  85.   import {UserLists,UserSave,UserDel} from "../../network/index.js"
  86.   // 引入element组件中的消息框
  87.   import { ElMessage } from 'element-plus';
  88.   // 引入element组件中的告示框
  89.   import { alertProps } from 'element-plus';
  90.   //运用票据(ticket),还要引入下面路由
  91.   import { useRouter } from 'vue-router';
  92.   //获取票据(ticket)
  93.   const ticket=window.localStorage.getItem('ticket');
  94.   const router=useRouter();
  95.   //增加下面这一条就不能随便打开用户文件了，要先登录才行
  96.   if(!ticket){
  97.      ElMessage({
  98.         message:'请先登录',
  99.         type:'error'
  100.      });
  101.      router.push("/login");
  102.   }
  103.   // reactive表示data下有多个值，如data.is_form,data.title
  104.   const data=reactive({
  105.     is_form:false,
  106.     title:"添加",
  107.     plac:"请输入密码",
  108.   });
  109.   const fromData=reactive({
  110.     uid : 0,
  111.     account:'',
  112.     password:'',
  113.     name:'',
  114.     phone:'',
  115.     add_time:'',
  116.     last_time:'',
  117.     status:1,
  118.   });
  119.   const tableData=reactive({
  120.     lists:[]
  121.   });
  122.   UserLists().then((e)=>{
  123.     tableData.lists=e;
  124.   })
  125.   // 添加和修改弹框
  126.   const add=(e)=>{ //e传一个0的值（看第4行）
  127.     console.log(e);
  128.     data.is_form=true;//
  129.     if(e!=0){
  130.       data.title="修改";
  131.       data.plac = "密码如果不修改，可以不填写"
  132.       fromData.account=e.account;
  133.       fromData.name=e.name;
  134.       fromData.phone=e.phone;
  135.       fromData.password="";
  136.       fromData.uid = e.uid;
  137.     }else{
  138.       data.title="添加";
  139.       data.plac = "请输入密码";
  140.       fromData.account="";
  141.       fromData.name="";
  142.       fromData.phone="";
  143.       fromData.add_time="";
  144.       fromData.last_time="";
  145.       fromData.password="";
  146.       fromData.uid = 0;
  147.     }
  148.   }
  149.   //'确定'按钮点击时调用以下fun方法
  150.   const fun=()=>{
  151.     console.log(fromData);
  152.     UserSave(fromData).then((e)=>{
  153.       //console.log(e);
  154.       // alert(e.msg);
  155.       // console.log(fromData.add_time);
  156.       // console.log(fromData.last_time);
  157.       data.is_form=false;//弹窗关闭
  158.     UserLists().then((e)=>{
  159.       tableData.lists=e;
  160.     })
  161.       if(e.code==0){
  162.           ElMessage({
  163.             message: e.msg,
  164.             type: 'success',
  165.           })
  166.       }else{
  167.         ElMessage({
  168.            message: e.msg,
  169.            type: 'error',
  170.         })
  171.       }
  172.     })
  173.     // data.is_form=false;//弹窗关闭
  174.     // UserLists().then((e)=>{
  175.     //   tableData.lists=e;
  176.     // })
  177.   }
  178.   const del=(e)=>{
  179.     console.log(e);
  180.     UserDel({uid:e.uid}).then((e)=>{
  181.       if(e.code==0){
  182.         ElMessage({
  183.           message:e.msg,
  184.           type:'success'
  185.         });
  186.       }else{
  187.         ElMessage({
  188.           message:e.msg,
  189.           type:'error'
  190.         });
  191.       }
  192.       UserLists().then((e)=>{
  193.          tableData.lists=e;
  194.       })
  195.     })
  196.   }
  197. </script>
4.前台的index文件：index.js
  1. import { request } from "../network/request.js";
  2. // export function index(){
  3. //     return request({
  4. //         url:"Api2/index",
  5. //         method:"get",
  6. //     })
  7. // }
  8. //查询用户列表接口
  9. export function UserLists(){
  10.     return request({
  11.         url:"Api2/UserLists",
  12.         method:"post",
  13.     })
  14. }
  15. // 添加用户数据接口
  16. export function UserSave(data){
  17.     //header("Access-Control-Allow-Origin:*");
  18.     return request({
  19.         url:"Api2/UserSave",
  20.         method:"post",
  21.        data:data
  22.     })
  23. }
  24. // 删除用户数据接口
  25. export function UserDel(data){
  26.     return request({
  27.         url:"Api2/UserDel",
  28.         method:"post",
  29.        data:data
  30.     })
  31. }
  32. //创建登录接口
  33. export function Login(data){
  34.     return request({
  35.         url:"Api2/Login",
  36.         method:"post",
  37.        data:data
  38.     })
  39. }
5.后台Api文件：Api2.php
  1. <?php
  2. namespace app\controller;
  3. use app\BaseController;
  4. use ouyangke\Ticket;
  5. // *要使用Db类必须使用门面方式（ think\facade\Db ）调用
  6. use think\facade\Db;
  7. // *引用门面方式的请求类
  8. use think\facade\Request;
  9. class Api2 extends BaseController{
  10.     //public function index(){
  11.         //header("Access-Control-Allow-Origin:*");
  12.         //------------------------------------
  13.         // echo 333;
  14.         //------------------------------------
  15.         // json格式，叫json字符串，在php中，不方便创建，先创建数组，用数组转成json格式
  16.         //------------------------------------
  17.         // $json = '{
  18.         //     ouyangke => "欧阳克"
  19.         // }';
  20.         // echo $json;
  21.         //------------------------------------
  22.         // 数组格式
  23.         // $arr = [
  24.         //     [
  25.         //         'uid' => 1,
  26.         //         'name' => '欧阳克'
  27.         //     ],
  28.         //     [
  29.         //         'uid' => 2,
  30.         //         'name' => '朱天蓬'
  31.         //     ]
  32.         // ];
  33.         //      print_r($arr);
  34.         //------------------------------------
  35.         // 把数组转换成json格式
  36.         // $arr = [
  38.         //     [
  39.         //         'uid' => 1,
  40.         //         'name' => '欧阳克'
  41.         //     ],
  42.         //     [
  43.         //         'uid' => 2,
  44.         //         'name' => '朱天蓬'
  45.         //     ]
  46.         // ];
  47.         // $json = json_encode($arr);
  48.         //  print_r($json);
  49.           // [{"uid":1,"name":"\u6b27\u9633\u514b"},{"uid":2,"name":"\u6731\u5929\u84ec"}]
  50.         //------------------------------------
  51.         // 使用var_dump判断json是一个字符串////------------------------------------//------------------------------------ // 打印json数据的类型，是字符串
  52.         // $arr = [
  54.         //     [
  55.         //         'uid' => 1,
  56.         //         'name' => '欧阳克'
  57.         //     ],
  58.         //     [
  59.         //         'uid' => 2,
  60.         //         'name' => '朱天蓬'
  61.         //     ]
  62.         // ];
  63.         // $json = json_encode($arr);
  64.         //  var_dump($json);
  65.         //  string(77) "[{"uid":1,"name":"\u6b27\u9633\u514b"},{"uid":2,"name":"\u6731\u5929\u84ec"}]" 
  66.         //------------------------------------
  67.         // 把json转换为数组的形式
  68.         // $json = '[{"uid":1,"name":"\u6b27\u9633\u514b"},{"uid":2,"name":"\u6731\u5929\u84ec"}]';
  69.         //  $array = json_decode($json,true);
  70.         //  print_r($array);
  71.         //------------------------------------
  72.         //  用户表转换为数组形式
  73.         //$arr_user = Db::table('bew_user')->select()->toArray();
  74.         //打印
  75.         // print_r($arr_user);
  76.         // if(!empty( $arr_user)){
  77.         //     foreach( $arr_user as &$user_v){
  78.         //         if($user_v['status'] == 1){
  79.         //             $user_v['status_s'] = '开启';
  80.         //         }else{
  81.         //             $user_v['status_s'] = '关闭';
  82.         //         }
  83.         //         //把时间的值由时间戳改为年月日
  84.         //         $user_v['add_time'] = date('Y-m-d',$user_v['add_time']);
  85.         //         $user_v['last_time'] = date('Y-m-d',$user_v['last_time']);
  86.         //     }
  87.         // }
  88.         // 用户表由数组形式转换为json形式
  89.         //$json_user = json_encode( $arr_user);
  90.         //输出
  91.         // echo $json_user;
  92.         //也可以打印的方法
  93.         // print_r($json_user);
  94.         //------------------------------------
  95.     //}
  96.     //从前台的查询用户列表接口转到后台这用户列表方法
  97.     public function UserLists(){
  98.         //header("Access-Control-Allow-Origin:*");
  99.         //  用户表转换为数组形式
  100.         $arr_user = Db::table('bew_user')->select()->toArray();
  102.         if (!empty($arr_user)) {
  103.             foreach ($arr_user as & $user_v) {
  104.                 if ($user_v['status'] == 1) {
  105.                     $user_v['status'] = '开启';
  106.                 } else {
  107.                     $user_v['status'] = '关闭';
  108.                 }
  109.                 //把时间的值由时间戳改为年月日
  110.                $user_v['add_time'] = date('Y-m-d', $user_v['add_time']);
  111.                 $user_v['last_time'] = date('Y-m-d', $user_v['last_time']);
  112.             }
  113.         }
  114.         // 用户表由数组形式转换为json形式
  115.         $json_user = json_encode($arr_user);
  116.         //输出
  117.         //   echo $json_user;
  118.         //也可以打印的方法
  119.         print_r($json_user);
  120.     }
  121.     //从前台的添加用户接口转到后台这添加用户方法
  122.     public function UserSave(){
  123.         //$post相当于前台的弹窗表单
  124.         $post=input('post.');
  125.         //print_r($post);
  126.         if ($post['uid']==0) {
  127.             $data=[  //以下$data就是要传的数据
  128.              'account' => $post['account'],//如'account'是$post下的'account'传过来的
  129.              'password'=>md5($post['password']),
  130.              'name' => $post['name'],
  131.              'phone' => $post['phone'],
  132.              'status' => $post['status'],
  133.             // 'add_time'=>time(),//time()表示当前日期
  134.             //strtotime表示获取某个时间的时间戳
  135.              'add_time'=>strtotime($post['add_time']),
  136.             // 'last_time'=>strtotime($post['last_time'])//数据库中如果对该字段(add_time)设为不可null,则该项就要加上去(即不能注释)
  137.              'last_time'=>strtotime($post['last_time']),
  138.             ];
  139.            //    print_r ($data);
  140.            $insert = Db::table('bew_user')->insert($data);
  141.             if (empty($insert)) {
  142.                $arr=[
  143.                 'code'=>1,//以上添加中的插入语句通常返回为code码，有0或1，0表示成功，1表示失败，这里用数组包括0及1
  144.                 'msg'=>'失败'
  145.                ];
  146.             } else {
  147.                $arr=[
  148.                 'code'=>0,
  149.                 'msg'=>'成功'
  150.                ];
  151.             }
  152.             echo json_encode($arr);// 由数组形式转换为json形式
  153.         }else{
  154.             $data=[  //以下$data就是要传的数据
  155.                 //'uid'=>$post['uid'],
  156.                 'account' => $post['account'],//如'account'是$post下的'account'传过来的
  157.                 //密码不修改
  158.                 // 'password'=>md5($post['password']),
  159.                 'name' => $post['name'],
  160.                 'phone' => $post['phone'],
  161.                 'status' => $post['status'],
  162.                 'add_time'=>strtotime($post['add_time']),
  163.                 'last_time'=>strtotime($post['last_time']),
  164.             ];
  165.             if(!empty($post['password'])){
  166.                 //当修改对象时不使其密码为空
  167.                $data['password']=md5($post['password']);
  168.             }
  169.             $user=Db::table('bew_user')->where('uid',$post['uid'])->update($data);
  170.             if (empty($user)) {
  171.                 $arr=[
  172.                  'code'=>1,//以上添加中的插入语句通常返回为code码，有0或1，0表示成功，1表示失败，这里用数组包括0及1
  173.                  'msg'=>'修改失败'
  174.                 ];
  175.             } else {
  176.                 $arr=[
  177.                  'code'=>0,
  178.                  'msg'=>'修改成功'
  179.                 ];
  180.              }
  181.              echo json_encode($arr);// 由数组形式转换为json形式
  182.         }
  183.     }
  184.     //从前台的删除用户接口转到后台这删除用户方法
  185.     public function UserDel(){
  186.         $uid=input('post.uid');
  187.         if(empty($uid)){
  188.             $arr=[
  189.                 'code'=>1,
  190.                 'msg'=>'请选择用户'
  191.             ];
  192.             echo json_encode($arr);
  193.             exit;
  194.         }
  195.         $del=Db::table('bew_user')->where('uid',$uid)->delete();
  196.         if(empty($del)){
  197.             $arr=[
  198.                 'code'=>1,
  199.                 'msg'=>'删除失败'
  200.             ];
  201.             echo json_encode($arr);
  202.             exit;
  203.         }else{
  204.             $arr=[
  205.                 'code'=>0,
  206.                 'msg'=>'删除成功'
  207.             ];
  208.             echo json_encode($arr);
  209.         }
  210.     }
  211.     //从前台的登录接口转到后台这登录方法
  212.     public function Login(){
  213.         $post=input('post.');//接收这post
  214.         if(empty($post['account'])){ //如果接收的post中的账号为空
  215.             $arr=[
  216.                 'code'=>1,
  217.                 'msg'=>'账户不能为空'
  218.             ];
  219.             echo json_encode($arr);
  220.             exit;
  221.         }
  222.         if(empty($post['password'])){  //如果接收的post中的密码为空
  223.             $arr=[
  224.                 'code'=>1,
  225.                 'msg'=>'密码不能为空'
  226.             ];
  227.             echo json_encode($arr);
  228.             exit;
  229.         }
  230.         //根据所接收的账号，查询bew_user表，并返回给变量$user
  231.         $user=Db::table('bew_user')->where('account',$post['account'])->find();
  232.         //print_r($user);//把它打印出来
  233.         if(empty($user)){ //判断变量$user是否为空
  234.             $arr=[
  235.                 'code'=>1,
  236.                 'msg'=>'未找到账户'
  237.             ];
  238.             echo json_encode($arr);
  239.             exit;
  240.         }
  241.         if($user['password']!=md5($post['password'])){
  242.             $arr=[
  243.                 'code'=>1,
  244.                 'msg'=>'密码错误'
  245.             ];
  246.             echo json_encode($arr);
  247.             exit;
  248.         }
  249.        // unset($user['password']);//登录时数据中不显示密码（暂时打开）
  250.         //票据调用创建(create())方法，把$user下面的uid传过来，关键词是phpcn,最后返回一个票据$ticket
  251.         $ticket=Ticket::create($user['uid'],'phpcn');
  252.        // print_r($ticket); //暂时打开
  253.         //echo Ticket::get($ticket,'phpcn');//把32位加密传回去，然后再输出出来（暂时打开）
  254.         $user['ticket'] = $ticket;
  255.         unset($user['password'],$user['uid']);//登录时数据中不显示密码与用户的uid
  256.         $arr = [
  257.             'code' => 0,
  258.             'msg' => '登录成功',
  259.             'data' => $user
  260.         ];
  261.         echo json_encode($arr);
  262.     }
  263. }
6.后台的Ticket文件：Ticket.php
  1. <?php
  2. namespace ouyangke;
  3. /**
  4.  * ticket
  5.  * @author ouyangke
  6.  */
  7. // Tickey(票据)其作用是考虑数据安全，这里是不直接显示uid，并对uid进行加密
  8. class Ticket {
  9.     /**
  10.      * 只允许静态调用
  11.      */
  12.     // final private function __construct() {
  13.     //     throw new ThinkException('只允许静态调用');
  14.     // }
  15.     /**
  16.      * 创建ticket(即门票的意思)
  17.      *
  18.      * @param integer $uid 用户id
  19.      * @param integer $bind 关键词
  20.      * @param number $time 有效期
  21.      * @param string $durable
  22.      * @return multitype:number string
  23.      */
  24.     //静态的创建方法(由于是静态，故可用'::'进行访问及调用，其中7*24*60*60表示7天有效期，$durable为判断)
  25.     // public static function create($uid, $bind="ouyangke",$time=7*24*60*60, $durable = false) {
  26.         public static function create($uid, $bind="ouyangke",$time=1*1*1*60, $durable = false) {
  27.         $expire = time() + $time;
  28.         //调用_genKey方法(即加密成一个key,现返回给$key)
  29.         $key = self::_genKey($uid, $bind, $expire);
  30.         // 然后把上面的$bind, $uid, $key, $expire, $durable传到以下这个生成门票的方法中
  31.         // 以下通过调用生成门票方法，然后就生成一个票据($ticket)
  32.         $ticket = self::_buildTicket($bind, $uid, $key, $expire, $durable);
  33.         return $ticket;
  34.     }
  35.     /**
  36.      * 获取ticket信息
  37.      *
  38.      * @param integer $ticket
  39.      * @param boolean $checked
  40.      * @return Ambigous <mixed, NULL, multitype:number >
  41.      */
  42.     // 静态获取票据方法(把票据传过来)
  43.     public static function get($ticket, $bind, $checked = false) {
  44.         $checked || self::checkFormat($ticket);
  45.         $uid        = 0;
  46.         $key        = 0;
  47.         $expire     = 0;
  48.         $durable    = false;
  49.         // 把以下这些数据进行解密
  50.         $info = self::_parseTicket($ticket, $bind, $uid, $key, $expire, $durable);
  52.         if (time() < $expire) {
  53.             $info = array();
  54.             $info['uid'] = $uid;
  55.             $info['expire'] = $expire;
  56.             return $uid; //最后返回uid
  57.         }
  58.         return false;
  59.     }
  60.     /**
  61.      * 生成ticket
  62.      * @param string  $bind
  63.      * @param integer $uid
  64.      * @param integer $key
  65.      * @param integer $expire
  66.      * @param boolean $durable
  67.      * @return string
  68.      */
  69.     //生成门票的方法
  70.     protected static function _buildTicket($bind, $uid, $key, $expire, $durable = false) {
  71.         $uBit = decbin($uid);
  72.         $uLen = strlen($uBit);
  73.         $eBit = sprintf('%032b', $expire);
  74.         $kBit = sprintf('%032b', $key);
  75.         $rBit = sprintf('%058s%05b%d', substr(base_convert(substr(md5(uniqid(mt_rand(), true)), mt_rand(0, 16), 16), 16, 2), 0, 58), $uLen % 32, $durable ? 1 : 0);
  76.         $cBit = sprintf('%032b', crc32($uBit . $eBit . $kBit . $rBit . $bind));
  77.         $uBit .= substr(sprintf('%032b', mt_rand()), $uLen - 32);
  79.         $bin = '';
  80.         for ($i = 0; $i < 32; $i++) {
  81.             $bin .= $rBit[$i * 2];
  82.             $bin .= $eBit[$i];
  83.             $bin .= $kBit[$i];
  84.             $bin .= $rBit[$i * 2 + 1];
  85.             $bin .= $uBit[$i];
  86.             $bin .= $cBit[$i];
  87.         }
  88.         // 然后再进行加密并返回
  89.         return strtr(base64_encode(implode('', array_map(function($item){ return chr(bindec($item)); }, str_split($bin, 8)))), '+/', '-_');
  90.     }
  91.     /**
  92.      * 解析Ticket
  93.      *
  94.      * @param string $ticket
  95.      * @param string  $bind
  96.      * @param integer $uid
  97.      * @param integer $key
  98.      * @param integer $expire
  99.      * @param boolean $durable
  100.      * @return boolean
  101.      */
  102.     protected static function _parseTicket($ticket, $bind, &$uid = NULL, &$key = NULL, &$expire = NULL, &$durable = NULL) {
  103.         $rBit = '';
  104.         $eBit = '';
  105.         $kBit = '';
  106.         $uBit = '';
  107.         $cBit = '';
  108.         $bin = implode('', array_map(function($item){ return sprintf('%08b', ord($item)); }, str_split(base64_decode(strtr($ticket, '-_', '+/')), 1)));
  109.         for ($i = 0; $i < 192; $i += 6) {
  110.             $rBit .= $bin[$i];
  111.             $eBit .= $bin[$i + 1];
  112.             $kBit .= $bin[$i + 2];
  113.             $rBit .= $bin[$i + 3];
  114.             $uBit .= $bin[$i + 4];
  115.             $cBit .= $bin[$i + 5];
  116.         }
  117.         $uLen = bindec(substr($rBit, 58, 5));
  118.         if ($uLen < 32) {
  119.             $uBit = substr($uBit, 0, $uLen);
  120.         }
  121.         if (sprintf('%u', crc32($uBit . $eBit . $kBit . $rBit . $bind)) == bindec($cBit)) {
  122.             $uid = bindec($uBit);
  123.             if ($uid > 0) {
  124.                 $expire     = bindec($eBit);
  125.                 $key        = bindec($kBit);
  126.                 $durable    = ($rBit[63] === '1');
  127.                 return true;
  128.             }
  129.         }
  130.         // throw new ThinkException('Ticket error');
  131.     }
  132.     /**
  133.      * 生成key
  134.      *
  135.      * @param integer $uid
  136.      * @param string $bind
  137.      * @param integer $expire
  138.      * @return integer
  139.      */
  140.     //_genKey方法其作用是加密成一个key(键)
  141.     // 先用'%d|%s|%d',替换掉$uid, $bind, $expire，然后用md5进行加密，最后使用32位数据进行处理并返回
  142.     protected static function _genKey($uid, $bind, $expire) {
  143.         return crc32(md5(sprintf('%d|%s|%d', $uid, $bind, $expire), true));
  144.     }
  145.     /**
  146.      * 发送ticket http头
  147.      *
  148.      * @param string $ticket
  149.      * @param integer $uid
  150.      * @param integer $ttl
  151.      */
  152.     // protected static function _headerTicket($ticket, $uid, $ttl) {
  153.     //     header(sprintf('Set-Ticket: %s; uid=%d; expires=%s; Max-Age=%d', $ticket, $uid, Request::httpDate(time() + $ttl), $ttl));
  154.     // }
  155.     /**
  156.      * 判断格式是否正确
  157.      *
  158.      * @param string $ticket
  159.      * @return boolean
  160.      */
  161.     protected static function _isTicket($ticket) {
  162.         return strlen($ticket) == 32 && strspn($ticket, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_') == 32;
  163.     }
  164.     /**
  165.      * 检查格式是否正确
  166.      *
  167.      * @param string $ticket
  168.      */
  169.     public static function checkFormat($ticket) {
  170.         if (!self::_isTicket($ticket)) {
  171.             return false;
  172.         }
  173.     }
  174. }
题目1：登录功能与及使用token对uid的加密

1

2

3

4

题目2：管理员对数据的修改

1

2

3

4

题目3：管理员对数据的删除

1

2

3

【转自：美国cn2服务器 http://www.558idc.com/mg.html欢迎留下您的宝贵建议】
更多阅读