Browse Source

菜单管理

Jonlin 6 years ago
parent
commit
07919b6e8f

+ 2 - 2
application/admin/controller/Base.php

@@ -11,8 +11,8 @@ class Base extends Controller
             $this->redirect('admin/login/index');
         }
         $admin = db('admins')->where('id',session('user_id'))->find();
-        $menu = db('menu')->alias('a')->join('admingrouppower b','a.id=b.menu_id')->field('a.id,a.name_cn,a.name_en,a.p_id,a.url,a.ico')->where('b.group_id',$admin['group_id'])->where('a.p_id',0)->select();
-        $menulist = db('menu')->alias('a')->join('admingrouppower b','a.id=b.menu_id')->field('a.id,a.name_cn,a.name_en,a.p_id,a.url,a.ico')->where('b.group_id',$admin['group_id'])->where('a.p_id','<>',0)->select();
+        $menu = db('menu')->alias('a')->join('admingrouppower b','a.id=b.menu_id')->field('a.id,a.name_cn,a.name_en,a.p_id,a.url,a.ico')->where('b.group_id',$admin['group_id'])->where('a.p_id',0)->order('sort','asc')->select();
+        $menulist = db('menu')->alias('a')->join('admingrouppower b','a.id=b.menu_id')->field('a.id,a.name_cn,a.name_en,a.p_id,a.url,a.ico')->where('b.group_id',$admin['group_id'])->where('a.p_id','<>',0)->order('sort','asc')->select();
         for($i=0;$i<count($menu);$i++){
             for($j=0;$j<count($menulist);$j++){
                 if($menu[$i]['id'] == $menulist[$j]['p_id']){

+ 174 - 0
application/admin/controller/Menu.php

@@ -0,0 +1,174 @@
+<?php
+/**
+ * User: nickbai
+ * Date: 2017/10/23 13:33
+ * Email: 1902822973@qq.com
+ */
+namespace app\admin\controller;
+
+class Menu extends Base
+{
+    // 菜单列表
+    public function index()
+    {
+//        $token = 'NzgyNTUwIyRAJSFeKi8xNTYxNTQwMzQzLzE=';
+//        $res = model('Admins')->checktoken($token);
+//        if($res == -1){
+//            return $res;
+//        }
+//        $admin_id = explode('/',base64_decode($token))['2'];
+//        $adminInfo = db('admins')->where('id', $admin_id)->find();
+
+        if (request()->isAjax()) {
+
+            $param = input('param.');
+
+            $limit = $param['pageSize'];
+            $offset = ($param['pageNumber'] - 1) * $limit;
+
+            $result = db('menu')->limit($offset, $limit)->select();
+            //一级菜单
+            $pmenu = db('menu')->where('p_id',0)->select();
+            foreach ($result as $key => $vo) {
+                //$vo['p_menu'] == '11';
+                for($i=0;$i<count($pmenu);$i++){
+                    if($result[$key]['p_id'] == $pmenu[$i]['id']){
+                        $result[$key]['p_menu'] = $pmenu[$i]['name_cn'];
+                    }
+                }
+                // 生成操作按钮
+                if (0 != $vo['id']) {
+                    $result[$key]['operate'] = $this->makeBtn($vo['id']);
+                }
+            }
+
+            $return['total'] = db('menu')->count();  //总数据
+            $return['rows'] = $result;
+
+            return json($return);
+
+        }
+        return $this->fetch();
+    }
+
+    // 添加菜单
+    public function add()
+    {
+        if (request()->isPost()) {
+
+            $param = input('post.');
+            $has = db('menu')->where('name_cn', $param['name'])->find();
+            if (!empty($has)) {
+                return json(['code' => -1, 'data' => '', 'msg' => '该菜单已经存在']);
+            }
+            if($param['p_id'] == -1){
+                return json(['code' => -2, 'data' => '', 'msg' => '请选择父级菜单']);
+            }
+            $info = array();
+            $info['name_cn'] = $param['name'];
+            $info['p_id'] = $param['p_id'];
+            $info['sort'] = $param['sort'];
+            if($param['p_id'] == 0){
+                $info['ico'] = $param['ico'];
+            }else{
+                $info['url'] = $param['url'];
+            }
+            try {
+                db('menu')->insert($info);
+            } catch (\Exception $e) {
+                return json(['code' => -3, 'data' => '', 'msg' => $e->getMessage()]);
+            }
+
+            return json(['code' => 1, 'data' => '', 'msg' => '添加菜单成功']);
+        }
+
+        $pmenu = db('menu')->where('p_id',0)->select();
+
+        $this->assign([
+            'pmenu' => $pmenu,
+            'status' => config('kf_status')
+        ]);
+
+        return $this->fetch();
+    }
+
+    // 编辑菜单
+    public function edit()
+    {
+        // 菜单id
+        $id = input('param.id/d');
+        if (request()->isAjax()) {
+            $param = input('post.');
+            $param['name_cn'] = $param['name'];
+            $info = array();
+            $info['name_cn'] = $param['name'];
+            if(!empty($param['p_id'])){
+                $info['p_id'] = $param['p_id'];
+            }
+            if(!empty($param['url'])){
+                $info['url'] = $param['url'];
+            }
+            if(!empty($param['ico'])){
+                $info['ico'] = $param['ico'];
+            }
+            $info['sort'] = $param['sort'];
+            try {
+                db('menu')->where('id', $param['id'])->update($info);
+            } catch (\Exception $e) {
+                return json(['code' => -2, 'data' => '', 'msg' => $e->getMessage()]);
+            }
+            return json(['code' => 1, 'data' => '', 'msg' => '编辑菜单成功']);
+        }
+        $menu = db('menu')->where('id',$id)->find();
+        $pmenu = db('menu')->where('p_id',0)->select();
+
+        $this->assign([
+            'menu' => $menu,
+            'pmenu' => $pmenu,
+            'id' => $id,
+            'status' => config('kf_status')
+        ]);
+        return $this->fetch();
+    }
+
+    // 删除菜单
+    public function delMenu()
+    {
+        if (request()->isAjax()) {
+            //菜单id
+            $id = input('param.id/d');
+            $menu = db('menu')->where('id', $id)->find();
+
+            try {
+                if($menu['p_id'] == 0){
+                    //父级菜单下的子集菜单id
+                    $menus = db('menu')->where('p_id', $id)->select();
+                    for($i=0;$i<count($menus);$i++){
+                        $ids[] = $menus[$i]['id'];
+                    }
+                    $ids = implode(",",$ids) ;
+                    //删除父级菜单下的子集菜单
+                    db('menu')->where('p_id', $id)->delete();
+                    db('admingrouppower')->where('menu_id', $ids)->delete();
+                }
+                db('menu')->where('id', $id)->delete();
+                db('admingrouppower')->where('menu_id', $id)->delete();
+            } catch (\Exception $e) {
+                return json(['code' => -1, 'data' => '', 'msg' => $e->getMessage()]);
+            }
+            return json(['code' => 1, 'data' => '', 'msg' => '删除菜单成功']);
+        }
+    }
+
+    // 生成菜单操作按钮
+    private function makeBtn($id)
+    {
+        $operate = '<a href="' . url('menu/edit', ['id' => $id]) . '">';
+        $operate .= '<button type="button" class="btn btn-primary btn-sm"><i class="fa fa-paste"></i> 编辑</button></a> ';
+
+        $operate .= '<a href="javascript:menuDel(' . $id . ')"><button type="button" class="btn btn-danger btn-sm">';
+        $operate .= '<i class="fa fa-trash-o"></i> 删除</button></a> ';
+
+        return $operate;
+    }
+}

+ 147 - 0
application/admin/view/menu/add.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>添加菜单</title>
+    <link rel="shortcut icon" href="favicon.ico">
+    <link href="__CSS__/bootstrap.min.css?v=3.3.6" rel="stylesheet">
+    <link href="__CSS__/font-awesome.min.css?v=4.4.0" rel="stylesheet">
+    <link href="__CSS__/animate.min.css" rel="stylesheet">
+    <link href="__JS__/layui/css/layui.css" rel="stylesheet">
+    <link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
+</head>
+<body class="gray-bg">
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="row">
+        <div class="col-sm-8">
+            <div class="ibox float-e-margins">
+                <div class="ibox-title">
+                    <h5>添加菜单</h5>
+                </div>
+                <div class="ibox-content">
+                    <form class="form-horizontal m-t layui-form" id="commentForm" method="post" action="{:url('menu/add')}">
+
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">菜单名称:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="name" type="text" class="form-control" name="name" required="" aria-required="true">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">菜单链接地址:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="url" type="text" class="form-control" name="url" aria-required="true">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">菜单图标:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="ico" type="text" class="form-control" name="ico" aria-required="true">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">选择父级菜单:</label>
+                            <input type="hidden" id="p_id" name="p_id" value="-1"/>
+                            <div class="input-group col-sm-4 layui-form">
+                                <select lay-verify="required" lay-filter="menu">
+                                    <option value="-1">请选择父级菜单</option>
+                                    <option value="0">无</option>
+                                    {if !empty($pmenu)}
+                                    {foreach name="pmenu" item="vo"}
+                                    <option value="{$vo['id']}">{$vo['name_cn']}</option>
+                                    {/foreach}
+                                    {/if}
+                                </select>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">排序:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="sort" type="text" class="form-control" name="sort" required="" aria-required="true">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <div class="col-sm-4 col-sm-offset-6">
+                                <a class="layui-btn layui-btn-sm lay-btn-diy" href="javascript:history.go(-1)" style="background-color:#1E9FFF;margin-bottom: 5px;height: 35px;line-height: 35px;">返回</a>
+                                <button class="btn btn-primary" type="submit">提交</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+<script src="__JS__/jquery.min.js?v=2.1.4"></script>
+<script src="__JS__/bootstrap.min.js?v=3.3.6"></script>
+<script src="__JS__/content.min.js?v=1.0.0"></script>
+<script src="__JS__/plugins/validate/jquery.validate.min.js"></script>
+<script src="__JS__/plugins/validate/messages_zh.min.js"></script>
+<script src="__JS__/plugins/layer/layer.min.js"></script>
+<script src="__JS__/layui/layui.js"></script>
+<script src="__JS__/jquery.form.js"></script>
+<script type="text/javascript">
+
+    layui.use(['form', 'upload'], function(){
+        var form = layui.form;
+        form.on('select(menu)', function(value){
+            $("#p_id").val(value.value);
+        });
+    });
+
+    var index = '';
+    function showStart(){
+        index = layer.load(0, {shade: false});
+        return true;
+    }
+
+    function showSuccess(res){
+
+        layer.ready(function(){
+            layer.close(index);
+            if(1 == res.code){
+               layer.alert(res.msg, {title: '友情提示', icon: 1, closeBtn: 0}, function(){
+                   window.location.href = res.data;
+               });
+            }else if(111 == res.code){
+                window.location.reload();
+            }else{
+                layer.msg(res.msg, {anim: 6});
+            }
+        });
+    }
+
+    $(document).ready(function(){
+        // 添加菜单
+        var options = {
+            beforeSubmit:showStart,
+            success:showSuccess
+        };
+
+        $('#commentForm').submit(function(){
+            $(this).ajaxSubmit(options);
+            return false;
+        });
+    });
+
+    // 表单验证
+    $.validator.setDefaults({
+        highlight: function(e) {
+            $(e).closest(".form-group").removeClass("has-success").addClass("has-error")
+        },
+        success: function(e) {
+            e.closest(".form-group").removeClass("has-error").addClass("has-success")
+        },
+        errorElement: "span",
+        errorPlacement: function(e, r) {
+            e.appendTo(r.is(":radio") || r.is(":checkbox") ? r.parent().parent().parent() : r.parent())
+        },
+        errorClass: "help-block m-b-none",
+        validClass: "help-block m-b-none"
+    });
+
+</script>
+</body>
+</html>

+ 152 - 0
application/admin/view/menu/edit.html

@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>编辑菜单</title>
+    <link rel="shortcut icon" href="favicon.ico">
+    <link href="__CSS__/bootstrap.min.css?v=3.3.6" rel="stylesheet">
+    <link href="__CSS__/font-awesome.min.css?v=4.4.0" rel="stylesheet">
+    <link href="__CSS__/animate.min.css" rel="stylesheet">
+    <link href="__JS__/layui/css/layui.css" rel="stylesheet">
+    <link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
+</head>
+<body class="gray-bg">
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="row">
+        <div class="col-sm-8">
+            <div class="ibox float-e-margins">
+                <div class="ibox-title">
+                    <h5>编辑菜单</h5>
+                </div>
+                <div class="ibox-content">
+                    <form class="form-horizontal m-t layui-form" id="commentForm" method="post" action="{:url('menu/edit')}">
+                        <input type="hidden" value="{$id}" name="id"/>
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">菜单名称:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="name" type="text" class="form-control" name="name" required="" aria-required="true" value="{$menu['name_cn']}">
+                            </div>
+                        </div>
+                        {if $menu['p_id']!=0}
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">菜单链接地址:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="url" type="text" class="form-control" name="url" required="" aria-required="true" value="{$menu['url']}">
+                            </div>
+                        </div>
+                        {/if}
+                        {if $menu['p_id']==0}
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">菜单图标:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="ico" type="text" class="form-control" name="ico" required="" aria-required="true" value="{$menu['ico']}">
+                            </div>
+                        </div>
+                        {/if}
+                        {if $menu['p_id']!=0}
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">选择父级菜单:</label>
+                            <input type="hidden" id="p_id" name="p_id" value="{$menu['p_id']}"/>
+                            <div class="input-group col-sm-4 layui-form">
+                                <select lay-verify="required" lay-filter="menu">
+                                    <option value="">请选择父级菜单</option>
+                                    {if !empty($pmenu)}
+                                    {foreach name="pmenu" item="vo"}
+                                    <option value="{$vo['id']}" {if $vo['id'] eq $menu['p_id']}selected{/if}>{$vo['name_cn']}</option>
+                                    {/foreach}
+                                    {/if}
+                                </select>
+                            </div>
+                        </div>
+                        {/if}
+                        <div class="form-group">
+                            <label class="col-sm-3 control-label">排序:</label>
+                            <div class="input-group col-sm-4">
+                                <input id="sort" type="text" class="form-control" name="sort" required="" aria-required="true" value="{$menu['sort']}">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <div class="col-sm-4 col-sm-offset-6">
+                                <a class="layui-btn layui-btn-sm lay-btn-diy" href="javascript:history.go(-1)" style="background-color:#1E9FFF;margin-bottom: 5px;height: 35px;line-height: 35px;">返回</a>
+                                <button class="btn btn-primary" type="submit">提交</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+<script src="__JS__/jquery.min.js?v=2.1.4"></script>
+<script src="__JS__/bootstrap.min.js?v=3.3.6"></script>
+<script src="__JS__/content.min.js?v=1.0.0"></script>
+<script src="__JS__/plugins/validate/jquery.validate.min.js"></script>
+<script src="__JS__/plugins/validate/messages_zh.min.js"></script>
+<script src="__JS__/plugins/layer/layer.min.js"></script>
+<script src="__JS__/layui/layui.js"></script>
+<script src="__JS__/jquery.form.js"></script>
+<script type="text/javascript">
+
+    layui.use(['form', 'upload'], function(){
+        var form = layui.form;
+        form.on('select(menu)', function(value){
+            $("#p_id").val(value.value);
+        });
+    });
+
+    var index = '';
+    function showStart(){
+        index = layer.load(0, {shade: false});
+        return true;
+    }
+
+    function showSuccess(res){
+
+        layer.ready(function(){
+            layer.close(index);
+            if(1 == res.code){
+                layer.alert(res.msg, {title: '友情提示', icon: 1, closeBtn: 0}, function(){
+                    window.location.href = res.data;
+                });
+            }else if(111 == res.code){
+                window.location.reload();
+            }else{
+                layer.msg(res.msg, {anim: 6});
+            }
+        });
+    }
+
+    $(document).ready(function(){
+        // 添加管理员
+        var options = {
+            beforeSubmit:showStart,
+            success:showSuccess
+        };
+
+        $('#commentForm').submit(function(){
+            $(this).ajaxSubmit(options);
+            return false;
+        });
+    });
+
+    // 表单验证
+    $.validator.setDefaults({
+        highlight: function(e) {
+            $(e).closest(".form-group").removeClass("has-success").addClass("has-error")
+        },
+        success: function(e) {
+            e.closest(".form-group").removeClass("has-error").addClass("has-success")
+        },
+        errorElement: "span",
+        errorPlacement: function(e, r) {
+            e.appendTo(r.is(":radio") || r.is(":checkbox") ? r.parent().parent().parent() : r.parent())
+        },
+        errorClass: "help-block m-b-none",
+        validClass: "help-block m-b-none"
+    });
+
+</script>
+</body>
+</html>

+ 115 - 0
application/admin/view/menu/index.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>菜单列表</title>
+    <link rel="shortcut icon" href="favicon.ico">
+    <link href="__CSS__/bootstrap.min.css?v=3.3.6" rel="stylesheet">
+    <link href="__CSS__/font-awesome.min.css?v=4.4.0" rel="stylesheet">
+    <link href="__CSS__/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
+    <link href="__CSS__/animate.min.css" rel="stylesheet">
+    <link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
+</head>
+<body class="gray-bg">
+<div class="wrapper wrapper-content animated fadeInRight">
+    <!-- Panel Other -->
+    <div class="ibox float-e-margins">
+        <div class="ibox-title">
+            <h5>菜单列表</h5>
+        </div>
+        <div class="ibox-content">
+            <div class="example-wrap">
+                <div class="example">
+                    <table id="cusTable">
+                        <thead>
+                        <th data-field="id">菜单ID</th>
+                        <th data-field="name_cn">菜单名称</th>
+                        <th data-field="url">链接地址</th>
+                        <th data-field="p_menu">父级菜单</th>
+                        <th data-field="sort">排序</th>
+                        <th data-field="operate">操作</th>
+                        </thead>
+                    </table>
+                </div>
+            </div>
+            <!-- End Example Pagination -->
+        </div>
+    </div>
+</div>
+<!-- End Panel Other -->
+<script src="__JS__/jquery.min.js?v=2.1.4"></script>
+<script src="__JS__/bootstrap.min.js?v=3.3.6"></script>
+<script src="__JS__/content.min.js?v=1.0.0"></script>
+<script src="__JS__/plugins/bootstrap-table/bootstrap-table.min.js"></script>
+<script src="__JS__/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
+<script src="__JS__/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
+<script src="__JS__/plugins/layer/layer.min.js"></script>
+<script type="text/javascript">
+    function initTable() {
+        //先销毁表格
+        $('#cusTable').bootstrapTable('destroy');
+        //初始化表格,动态从服务器加载数据
+        $("#cusTable").bootstrapTable({
+            method: "get",  //使用get请求到服务器获取数据
+            url: "{:url('menu/index')}", //获取数据的地址
+            striped: true,  //表格显示条纹
+            pagination: true, //启动分页
+            pageSize: 10,  //每页显示的记录数
+            pageNumber:1, //当前第几页
+            pageList: [5, 10, 15, 20, 25],  //记录数可选列表
+            sidePagination: "server", //表示服务端请求
+            paginationFirstText: "首页",
+            paginationPreText: "上一页",
+            paginationNextText: "下一页",
+            paginationLastText: "尾页",
+            queryParamsType : "undefined",
+            queryParams: function queryParams(params) {   //设置查询参数
+                var param = {
+                    pageNumber: params.pageNumber,
+                    pageSize: params.pageSize,
+                    searchText:$('#username').val()
+                };
+                return param;
+            },
+            onLoadSuccess: function(res){  //加载成功时执行
+                if(111 == res.code){
+                    window.location.reload();
+                }
+                layer.msg("加载成功", {time : 1000});
+            },
+            onLoadError: function(){  //加载失败时执行
+                layer.msg("加载数据失败");
+            }
+        });
+    }
+
+    $(document).ready(function () {
+        //调用函数,初始化表格
+        initTable();
+
+        //当点击查询按钮的时候执行
+        $("#search").bind("click", initTable);
+    });
+
+    function menuDel(id) {
+        layer.confirm('确认删除菜单?', {icon: 3, title: '提示'}, function (index) {
+            //do something
+            $.getJSON("{:url('menu/delMenu')}", {'id': id}, function (res) {
+                if (1 == res.code) {
+                    layer.alert(res.msg, {title: '友情提示', icon: 1, closeBtn: 0}, function () {
+                        initTable();
+                    });
+                } else if (111 == res.code) {
+                    window.location.reload();
+                } else {
+                    layer.alert(res.msg, {title: '友情提示', icon: 2});
+                }
+            });
+
+            layer.close(index);
+        })
+    }
+</script>
+</body>
+</html>