JQuery EasyUI(53)

                          第三十九章： 後臺管理界面--管理員管理[1]

學習要點：

1. HTML部分
2. JQuery部分
3. PHP部分

---

//admin.php
<?php
 
   session_start();
 
   if(!isset($_SESSION['admin'])){
 
      header(location:login.php);
     } 
?>

//manager.php
<?php
   session_start();
   if(!isset($_SESSION['admin'])){
      header('location:login.php');
    }
?>

<table id="maneger"></table>
<div id="manager_tool" style="padding:5px;">
  <div style="margin-buttom:5px;">
     <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" οnclick="obj.add();">添加</a>
     <a href="#" class="easyui-linkbutton" iconCls="icon-deit" plain="true" οnclick="obj.edit();">修改</a>
     <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
οnclick="obj.remove();">刪除</a>
     <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"  id="save">保存</a>
     <a href="#" class="easyui-linkbutton" iconCls="icon-redo" plain="true"  id="redo">取消編輯</a>
  </div>
   <div style="padding:0 0 0 7px;color='#ccc'">
       查詢賬號：<input type="text" name="user" class="textbox" style="width:100px">
       創建時間從：<input type="text" name="date_from" class="easyui-datebox" 
 editable="false" style="width:100px"> 到：<input type="text" name="date_to" class="easyui-datebox" editable="false" style="width:100px">
       <a href="#" class="easyui-linkbutton" iconCls="icon-search" οnclick="obj.search();">查詢</a>
   </div>
 </div>


<script type="text/javascript" src="js/manager.js"></scrtpt>

//manager.js

$(function(){

  $('#manager').datagrid({
      url:'manager_data.php';
      fit:true;
      fitColumns:true;
      striped:true;
      rownumbers:true;
      border:false;
      pagination:true;
      pageSize:20;
      pageList:[10,20,30,40,50];
      pageNumber:1;
      sortName:'date';
      sortOrder:'desc';
      toolbar:'#manager_tool';
      columns:[[
         {
          field:'id';
          title:'自動編號';
          width:200px;
          checkbox:true;
         }
         {
          field:'manager';
          title:'管理員賬號';
          width:200px;
         }
         {
          field:'auth';
          title:'擁有權限';
          width:200px;
         }
         {
          field:'date';
          title:'創建日期';
          width:200px;
         }
        ]]
  });
});

//manager_data.php

<?php
   require 'config.php';

   $page = $_POST['page'];
   $pageSize = $_POST['rows'];
   $first = $pageSize * ($page - 1);

   $order = $_POST['order'];
   $sort = $_POST['sort'];

   $query = mysql_query("SELECT id,manager,auth,date FROM easyui_admin ORDER BY $order $sort LIMIT $first,$pageSize") or die('SQL 錯誤！');
   $total = mysql_num_rows(mysql_query("SELECT id,manager,auth,date FROM easyui_admin"));

   $json = '';
 
   while(!!$row = mysql_fetch_array($query,MYSQL_ASSOC)){
     $json .= json_encode($row).',';
  }
 
  $json = substr($json,0,-1);
  echo '{"total" : '.$total.',"rows" : ['.$json.']}';
  mysql_close();

?>

//user.php
<?php

   require 'config.php';

   $page = $_POST['page'];
   $pageSize = $_POST['rows'];
   $first = $pageSize * ($page - 1);

   $order = $_POST['order'];
   $sort = $_POST['sort'];

   $sql = '';
   $user = '';
   $date_from = '';
   $date_to = '';

   if(isset($_POST['user']) && !emtpy($_POST['user'])){
    $user = "user LIKE '%{$_POST['user']}%' AND";
    $sql .= $user;
   }

   if(isset($_POST['date_from']) && !emtpy($_POST['date_from'])){
    $date_from = "date >= '{$_POST['date_from']}' AND";
    $sql .= $date_from;
   }
   
   if(isset($_POST['date_to']) && !emtpy($_POST['date_to'])){
    $date_to = "date <= '{$_POST['date_to']}' AND";
    $sql .= $date_to;
   }

   if(!emtpy($sql){
    $sql = 'WHERE '.substr($sql, 0, -4);
   }

   $query = mysql_query("SELECT id,manager,date FROM easyui_admin ORDER BY $order $sort LIMIT $first,$pageSize") or die('SQL 錯誤！');
   $total = mysql_num_rows(mysql_query("SELECT id,manager,date FROM easyui_admin"));

   $json = '';
 
   while(!!$row = mysql_fetch_array($query,MYSQL_ASSOC)){
     $json .= json_encode($row).',';
  }
 
  $json = substr($json, 0, -1);
  echo '{"total" : '.$total.', "rows" : ['.$json.'], "footer" : [{"user" : "統計","emial" : "統計","date" : "統計"}]}';
  mysql_close();   
?>

 

作者：Roger_CoderLife

鏈接：https://blog.csdn.net/Roger_CoderLife/article/details/106054561

本文根據網易雲課堂JQuery EasyUI視頻教程翻譯成文檔，轉載請註明原文出處，歡迎轉載