精华内容
下载资源
问答
  • LAU 是一款基于layui后台前端框架,遵循layui的模块化开发,是一款简单易上手的后台前端框架
  • 闲的时候 自己写的一个python3后台管理系统,后台用的是最流行的django框架,前台用的jquery,lauyui,开发工具:pycharm 先展示: 登录页面 首页模块添加了历史记录,时间显示等模块 首页 菜单管理左侧树...

    如有好的建议可以评论后期添加维护

    闲的时候 自己写的一个python3后台管理系统,后台用的是最流行的django框架,前台用的jquery,lauyui,开发工具:pycharm
    先展示:

    登录页面


    首页模块添加了历史记录,时间显示等模块

     

    首页

    菜单管理左侧树可点击查询直属下级,可按名称搜索,可增删改查,删除有判断是否有子级条件,新增快捷选择父级菜单

     

    菜单管理

     

    菜单管理新增

     

    菜单管理新增父级树

     

    角色权限快捷配置,增删改查配置菜单用ztree实现

     

    角色(基础权限)

     

    角色按钮菜单等权限配置.png

    用户管理利用了layui的表格打印导出,新增时可以添加照片到系统,编辑时可以提取系统的照片url

     

    用户管理

     

    用户管理新增

     

    用户管理编辑

    代码简介美观有备注

     

    前端代码

     

    urls.py片段

     

    views.py片段

    (此框架适合快速学习,免费开源
    如有需要
    若大神可以一同升级优化

    嫌麻烦可以问我要有数据的库

    工具版本:

    mysql版本:

    码云地址:
     https://gitee.com/btdba/hRoot

    (mydevelop为最新)

    展开全文
  • 闲的时候 自己写的一个python3后台管理系统,此框架适合学习django基础使用,还有要升级的地方,后期待完善,希望兄弟们提出宝贵意见。后台用的是最流行的django框架,前台用的jquery,lauyui,开发工具:pycharm...

    闲的时候 自己写的一个python3后台管理系统,此框架适合学习django基础使用,还有要升级的地方,后期待完善,希望兄弟们提出宝贵意见。后台用的是最流行的django框架,前台用的jquery,lauyui,开发工具:pycharm

    数据库

    在static/data下就是我的数据库文件,到时候导入到自己生成的数据库(mysql)就可以了

    自己的数据库记得运行

    SET GLOBAL sql_mode = 'STRICT_TRANS_TABLES,NO_ENGINE_SUBSTITUTION';

    SET SESSION sql_mode = 'STRICT_TRANS_TABLES,NO_ENGINE_SUBSTITUTION';

    因为mysql有些版本默认规则是带only_group_by,和oracle类似,会影响系统历史记录模块的使用,实在不明白意思 ,look

    http://zhyoulun.com/post/disable-only-full-group-by-in-mysql-5-7

    展示

    首页模块添加了历史记录,时间显示等模块

    cdca61803f62

    首页

    菜单管理左侧树可点击查询直属下级,可按名称搜索,可增删改查,删除有判断是否有子级条件,新增快捷选择父级菜单

    cdca61803f62

    菜单管理

    cdca61803f62

    菜单管理新增

    cdca61803f62

    菜单管理新增父级树

    角色权限快捷配置,增删改查配置菜单用ztree实现

    cdca61803f62

    角色(基础权限)

    cdca61803f62

    角色按钮菜单等权限配置.png

    用户管理利用了layui的表格打印导出,新增时可以添加照片到系统,编辑时可以提取系统的照片url

    cdca61803f62

    用户管理

    cdca61803f62

    用户管理新增

    cdca61803f62

    用户管理编辑

    代码简介美观有备注

    cdca61803f62

    前端代码

    cdca61803f62

    urls.py片段

    cdca61803f62

    views.py片段

    cdca61803f62

    代码生成器.png

    (此框架适合快速学习,免费开源

    如有需要

    留言分享码云仓库!

    若大神可以一同升级优化

    展开全文
  • 简介:layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每...

    简介:layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

    官网下载js文档格式如下:

    下面是我搭建的后台管理:粘贴即用,用起来非常方便;特别说明:本文采用的是模块化,用到哪个模块需要加载哪个模块。

    <!DOCTYPE html>
    <html xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.thymeleaf.org">
    
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--每打开一个页面重新渲染,不缓存-->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=8">
        <meta http-equiv="Expires" content="0">
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Cache-control" content="no-cache">
        <meta http-equiv="Cache" content="no-cache">
    
        <link rel="stylesheet" type="text/css" href="/layui2.45/css/layui.css"/>
        <script type="text/javascript" src="/layui2.45/layui.js"></script>
        <style>
            .my_left_tree .magin_left20px {
                margin-left: 20px;
            }
    
            .my_left_tree .magin_left35px {
                margin-left: 35px;
            }
    
            .layui-layout-left .layui-nav-item:hover {
                background: #009F95;
                cursor: pointer;
            }
        </style>
    </head>
    
    <body class="layui-layout-body" style="height: 100%; width: 100%;">
    <div class="layui-layout layui-layout-admin my_layout">
        <!--
            作者:offline
            时间:2019-11-08
            描述:修改头部的背景色:  修改layui-header的div
        -->
        <div class="layui-header">
            <div class="layui-logo">
                xxxxx 管理平台
            </div>
            <div class="layui-nav layui-layout-left">
    
                <div id="changBig" class="layui-nav-item" style="width: 50px; text-align: center;">
                    <i class="layui-icon layui-icon-menu-fill" style="font-size: 20px;color: orange;"></i>
    
                </div>
    
                <div onclick="fullScreen()" class="layui-nav-item" style="width: 50px; text-align: center;">
                    <i class="layui-icon layui-icon-website" style="font-size: 20px;color: orangered;"></i>
    
                </div>
    
                <!--<button onclick="exitScreen()">现代浏览器退出</button>-->
                <div class="layui-nav-item" onclick="homeRefresh()" id="myRefresh" style="width: 50px; text-align: center;">
                    <i class="layui-icon layui-icon-refresh-3" style="font-size: 20px;color: orangered;"></i>
    
                </div>
            </div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <!--<img th:attr="src=${session.user.image}" style="height: 50px; width:50px;" />-->
                    <img src="/images/1.jpg" style="height: 50px; width:50px;">
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:void(0)">
                        欢迎管理员: <span th:text="${session.user.username}"></span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd id="001" class="layui-this">
                            <a href="javascript:;" data-id="001" data-title="基本资料"
                               data-url="/backstage/adminUser/adminUserMessage.html" class="site-demo-active"
                               data-type="tabAdd">
                                <span class="">基本资料</span>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="/admin/adminUser/loginOut">安全退出</a>
                </li>
            </ul>
    
        </div>
    
        <div class="myBoot">
            <div class="my_left_tree layui-side layui-bg-black myTreeLeft">
                <div class="layui-side-scroll">
                    <!-- 左侧垂直导航区域-->
                    <!--
                        作者:offline
                        时间:2019-11-08
                        描述:修改ul的css背景色样式即可
                    -->
                    <ul id="leftNavTree" class="layui-nav layui-nav-tree" lay-filter="test">
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-home"></i>
                                <span class="magin_left20px">主页</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="0" class="layui-this">
                                    <a href="javascript:;" data-id="0" data-title="city数据" id="homePage"
                                       data-url="/backstage/city/city.html" class="site-demo-active" data-type="tabAdd">
                                        <span class="magin_left35px">主页</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-auz"></i>
                                <span class="magin_left20px">权限</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="1">
                                    <a href="javascript:;" data-id="1" data-title="管理权限"
                                       data-url="/backstage/adminUser/adminUserList.html" class="site-demo-active"
                                       data-type="tabAdd">
                                        <span class="magin_left35px">管理权限</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
    
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-user"></i>
                                <span class="magin_left20px">用户</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="111">
                                    <a href="javascript:;" data-id="111" data-title="用户列表"
                                       data-url="/admin/clientUser/userList.html" class="site-demo-active"
                                       data-type="tabAdd">
                                        <span class="magin_left35px">用户列表</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-component"></i>
                                <span class="magin_left20px">试卷</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="3">
                                    <a href="javascript:;" data-id="3" data-title="试卷列表"
                                       data-url="/backstage/paper/paperList.html" class="site-demo-active"
                                       data-type="tabAdd">
                                        <span class="magin_left35px">试卷列表</span>
                                    </a>
                                </dd>
                                <dd id="4">
                                    <a href="javascript:;" data-id="4" data-title="添加试卷"
                                       data-url="/backstage/paper/addOrUpdatePaper.html" class="site-demo-active"
                                       data-type="tabAdd">
                                        <span class="magin_left35px">添加试卷</span>
                                    </a>
                                </dd>
    
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-survey"></i>
                                <span class="magin_left20px">测试</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="5">
                                    <a href="javascript:;" data-id="5" data-url="/backstage/fu.html"
                                       class="site-demo-active" data-title="富文本" data-type="tabAdd">
                                        <span class="magin_left35px">富文本</span>
                                    </a>
                                </dd>
                                <dd id="6">
                                    <a href="javascript:;" data-id="6" class="site-demo-active"
                                       data-url="/admin/active/active_preavis.html" data-title="活动预告" data-type="tabAdd">
                                        <span class="magin_left35px">活动预告</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-carousel"></i>
                                <span class="magin_left20px">轮播</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="8">
                                    <a href="javascript:;" data-id="8" class="site-demo-active"
                                       data-url="/admin/rolling/getAll" data-title="轮播图" data-type="tabAdd">
                                        <span class="magin_left35px">轮播管理</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-rmb"></i>
                                <span class="magin_left20px">商城</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="9">
                                    <a href="javascript:;" data-id="9" class="site-demo-active"
                                       data-url="/admin/integralMall/productList.html" data-title="积分商品" data-type="tabAdd">
                                        <span class="magin_left35px">积分商品</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="layui-nav-child">
                                <dd id="91">
                                    <a href="javascript:;" data-id="91" class="site-demo-active"
                                       data-url="/admin/luckDrawProduct/luckDrawProduct.html" data-title="抽奖商品"
                                       data-type="tabAdd">
                                        <span class="magin_left35px">抽奖商品</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-notice"></i>
                                <span class="magin_left20px">留言</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="11">
                                    <a href="javascript:;" data-id="11" class="site-demo-active"
                                       data-url="/admin/message/messageList.html" data-title="留言列表" data-type="tabAdd">
                                        <span class="magin_left35px">用户留言</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-set"></i>
                                <span class="magin_left20px">设置</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd id="12">
                                    <a href="javascript:;" data-id="12" data-url="/admin/aboutUs/aboutUs.html"
                                       class="site-demo-active" data-title="关于我们" data-type="tabAdd">
                                        <span class="magin_left35px">关于我们</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="layui-nav-child">
                                <dd id="13">
                                    <a href="javascript:;" data-url="/admin/patientExample/patientExampleList.html"
                                       data-id="13" class="site-demo-active" data-title="病例展示" data-type="tabAdd">
                                        <span class="magin_left35px">病例展示</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="layui-nav-child">
                                <dd id="14">
                                    <a href="javascript:;"
                                       data-url="/admin/systemIntegrationRules/systemIntegrationRules.html" data-id="14"
                                       class="site-demo-active" data-title="既定规则" data-type="tabAdd">
                                        <span class="magin_left35px">既定规则</span>
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">
                                <i class="layui-icon layui-icon-set"></i>
                                <span class="magin_left20px">一级菜单</span>
                            </a>
                            <dl class="layui-nav-child">
                                <a href="javascript:;">
                                    <i class="layui-icon layui-icon-set"></i>
                                    <span class="magin_left20px">二级菜单</span>
                                </a>
                                <dl class="layui-nav-child">
                                    <dd id="15">
                                        <a href="javascript:;"
                                           data-url="/admin/systemIntegrationRules/systemIntegrationRules.html" data-id="15"
                                           class="site-demo-active" data-title="菜单子项" data-type="tabAdd">
                                            <span class="magin_left35px">菜单子项3223242343242334234</span>
                                        </a>
                                    </dd>
                                </dl>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
    
            <!--tab标签-->
            <div class="layui-tab myTableRight" id="layui_tab_content" lay-filter="demo" lay-allowclose="true"
                 style="margin-left: 200px;">
                <ul class="layui-tab-title" style="width: 100%;">
                    <li class="layui-this" lay-id="0">
                        <i class="layui-icon layui-icon-home"></i>
                    </li>
                </ul>
                <div class="layui-tab-content" style="width: 100%;">
                    <div class="layui-tab-item layui-show">
                        <iframe name="ifrmname" class="layadmin-iframe" scrolling="auto" frameborder="0"
                                src="/backstage/city/city.html"
                                style="width: 98%; height: 100%; min-height: 764px;overflow: auto;"></iframe>
                    </div>
                </div>
            </div>
    
        </div>
    
    </div>
    <script>
        /**
         * 刷新
         * */
        function homeRefresh(url) {
            window.location.href = "http://localhost:8081/backstage/home.html";
        };
    
        //全屏
        function fullScreen() {
            var el = document.documentElement;
            var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
            if (typeof rfs != "undefined" && rfs) {
                rfs.call(el);
            }
            ;
            return;
        }
    
        //退出全屏
        function exitScreen() {
            if (document.exitFullscreen) {
                document.exitFullscreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
            if (typeof cfs != "undefined" && cfs) {
                cfs.call(el);
            }
        }
    
        /**
         * layui的使用
         */
        layui.use(['element', 'layer', 'jquery'], function () {
            var element = layui.element;
            var $ = layui.$;
    
            $("#changBig").click(function () {
                var ifShowTree = $('.my_left_tree').css('display');
                if (ifShowTree == 'none') {
                    $(".my_left_tree").css("display", "block");
                    $(".myTableRight").css("margin-left", "200px");
                } else {
                    $(".my_left_tree").css("display", "none");
                    $(".myTableRight").css("margin-left", "0px");
                }
    
            });
            /**刷新子页面
             * */
            $("#myRefresh").click(function () {
                var hash = location.hash;
                var url = hash.substring(1, hash.length);
    
                $("body .layui-show iframe").attr("src", url);
            })
    
            /**
             * 点击左边的菜单列表,对应的添加选项卡
             */
            // 配置tab实践在下面无法获取到菜单元素
            $('.site-demo-active').on('click', function () {
                var dataid = $(this);
                var url = dataid.attr("data-url");
                var id = dataid.attr("data-id");
                var title = dataid.attr("data-title");
                //这时会判断右侧.layui-tab-title属性下的有lay-id属性的li的数目,即已经打开的tab项数目
                addTableAndChangTable(url, id, title);
            });
            /**
             * 添加并且跳转到该选项卡
             **/
            window.addTableAndChangTable = function (url, id, title) {
                if ($(".layui-tab-title li[lay-id]").length <= 0) {
                    //如果比零小,则直接打开新的tab项
                    active.tabAdd(url, id, title);
                } else {
                    //否则判断该tab项是否以及存在
                    var isData = false; //初始化一个标志,为false说明未打开该tab项 为true则说明已有
                    $.each($(".layui-tab-title li[lay-id]"), function () {
                        //如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到,则说明该tab项已经打开
                        if ($(this).attr("lay-id") == id) {
                            isData = true;
                        }
                    })
                    if (isData == false) {
                        //标志为false 新增一个tab项
                        active.tabAdd(url, id, title);
                    }
                }
                //最后不管是否新增tab,最后都转到要打开的选项页面上
                active.tabChange(id);
            };
            /**
             * 写的是一个javascript对象,对应选项卡的增改删
             */
            var active = {
                //在这里给active绑定几项事件,后面可通过active调用这些事件
                tabAdd: function (url, id, name) {
                    //新增一个Tab项 传入三个参数,分别对应其标题,tab页面的地址,还有一个规定的id,是标签中data-id的属性值
                    //关于tabAdd的方法所传入的参数可看layui的开发文档中基础方法部分
                    element.tabAdd('demo', {
                        title: name,
                        content: '<iframe data-frameid="' + id + '" scrolling="auto" frameborder="0" src="' + url + '" style="width:98%;height:99%;"></iframe>',
                        id: id //规定好的id
                    })
                    FrameWH(); //计算ifram层的大小
                },
                tabChange: function (id) {
                    //切换到指定Tab项
                    element.tabChange('demo', id); //根据传入的id传入到指定的tab项
                },
                tabDelete: function (id) {
                    element.tabDelete("demo", id); //删除
                },
            };
    
            /**
             * 计算iframe高度
             */
            function FrameWH() {
                var h = $(window).height();
                $("iframe").css("height", h + "px");
            };
            /**
             * 监听事件当你点击选项卡,对应左边的树添加类
             */
            element.on('tab(demo)', function (data) {
                var lay_id = $(this).attr("lay-id");
                $(".layui-nav-child").find("dd").removeClass("layui-this");
                $("#" + lay_id).addClass("layui-this");
            });
        });
    </script>
    </body>
    
    </html>

    有啥不懂得小伙伴们加群交流啦:852665736;本群致力于一同进步的小伙伴们,大家一起交流探讨,在陌生的城市感受温暖;

    无偿免费分享源码以及技术和面试文档,更多优秀精致的源码技术栈分享请关注公众号:gh_817962068649

    展开全文
  • layui前端后台框架.zip

    2020-06-29 09:27:24
    一套基于layui前端后台框架,适用于各种版本后台系统,可以直接嵌套进代码中直接运用,只需简单的跟改下路径即可
  • layui后台管理系统.rar

    2020-07-09 16:20:28
    基于layui后台管理系统,admin(xianxin)版本(纯前端页面完整版),拿走不谢
  • layui开发框架,包含各种layui插件及使用
  • layui后台管理模板

    2019-04-11 09:53:09
    layui后台html模板,基本的功能界面,适合学习。
  • 本期给大家推荐我自己写一个开源项目:springboot-mini,本着减少大量重复开发工作的原则,使得在项目中...前端框架使用 layui-mini(https://gitee.com/zhongshaofa/layuimini) 2、项目地址 https://gitee.com/asu

    本期给大家推荐我自己写一个开源项目:Asurplus,本着减少大量重复开发工作的原则,使得在项目中能够实现快速开发

    1、前言

    本项目本着避免重复造轮子的原则,建立一套快速开发JavaWEB项目(Asurplus),能满足大部分后台管理系统基础开发功能,使得开发人员直接可从业务模块开始,减少大量的重复开发工作。前端框架使用 layui-mini(https://gitee.com/zhongshaofa/layuimini)

    2、项目地址

    https://gitee.com/asurplus/asurplus.git
    

    项目我已经上传至码云(gitee)平台,如果喜欢,希望可以给个 star

    3、项目介绍

    项目简介

    本项目本着避免重复造轮子的原则,建立一套快速开发JavaWEB项目(asurplus),能满足大部分后台管理系统基础开发功能,使得开发人员直接可从业务模块开始,减少大量的重复开发工作。前端框架使用 layui-mini:https://gitee.com/zhongshaofa/layuimini

    注:原有开源项目(springboot-mini)已停止更新,今后只更新该项目,以该项目为准

    项目演示

    1. 地址:http://qyzxsm.com/asurplus/
    2. 账户:13888888888
    3. 密码:123456

    软件架构

    1. SpringBoot 2.3.1.RELEASE,搭建第一个 SpringBoot 项目:https://blog.csdn.net/qq_40065776/article/details/98474699
    2. MyBatis-Plus 3.3.1,SpringBoot 中使用 MyBatis-Plus:https://blog.csdn.net/qq_40065776/article/details/107546643
    3. MyBatis-Plus-Generator,自动生成代码根据,使用说明:https://blog.csdn.net/qq_40065776/article/details/107546643
    4. MySQL 5.6,数据库
    5. Apache-Maven 3.6.0,版本控制工具
    6. Redis,Key-Value 数据库
    7. Apache-Shiro 1.2.4,权限控制框架,使用说明:https://blog.csdn.net/qq_40065776/article/details/107300987
    8. MiniIO,文件服务器,使用说明:https://blog.csdn.net/qq_40065776/category_9999932.html
    9. Ehcache,缓存框架,使用说明:https://blog.csdn.net/qq_40065776/article/details/107560607
    10. Kaptcha,登录验证码,使用说明:https://blog.csdn.net/qq_40065776/article/details/101481607
    11. Lombok,使用说明:https://blog.csdn.net/qq_40065776/article/details/105643530
    12. knife4j,接口文档,使用说明:https://blog.csdn.net/qq_40065776/article/details/107083757
    13. EasyPoi,导出 Excel 文件,使用说明:https://lizhou.blog.csdn.net/article/details/109537996
    14. Quartz,定时任务,使用说明:https://blog.csdn.net/qq_40065776/article/details/107489728
    15. Aspose,文档转化为PDF实现在线预览,使用说明:https://lizhou.blog.csdn.net/article/details/112095659
    16. Websocket,实现及时消息,使用说明:https://lizhou.blog.csdn.net/article/details/109962390
    17. JWT,实现前后端分离token验证,使用说明:https://lizhou.blog.csdn.net/article/details/114211876
    18. Thymeleaf,模板引擎,使用说明:https://blog.csdn.net/qq_40065776/article/details/105566038
    19. LayUI,前端框架,官方文档:https://www.layui.com/doc/
    20. layui-mini,前框模板项目,项目地址:https://gitee.com/zhongshaofa/layuimini

    目录结构

    目录结构

    安装教程

    1. 安装 JDK,1.8以上
    2. 安装 Maven,3.6.0 以上
    3. 安装 MySQL,5.6 版本
    4. 导入数据库文件到 MySQL,数据库文件放置:db 文件夹中
    5. 修改配置文件中数据库的连接信息,链接地址,用户名,密码等信息
    6. 修改配置文件中redis的连接信息等

    完成以上步骤,即可正常启动项目

    使用说明

    1. 数据字典功能,需要加上 @Dict(dictCode = “status”) 注解,方可有效,见 com.zyxx.sys.entity.SysUserInfo
    2. 文件上传,默认使用 MinIO 作为文件服务器,例子:com.zyxx.sys.controller.SysMinioController
    3. 导出 Excel 文件,采用 EasyPoi 导出,支持注解导出,可自定义注解规则,见com.asurplus.common.excelIExcelDictHandlerImpl 文件
    4. 系统设置及系统监控的代码放置:com.zyxx.sys 包下面,修改此处的代码需慎重
    5. com.zyxx.common 包下面放一些配置类及一些通用工具类
    6. 自动生成代码,需要配置数据库连接信息,以及模块名(MODULENAME)和开发人员(AUTHOR)

    内置功能

    • 基础信息
      该目录下主要为开发APP时用到的,如果不用可以直接删除

    • 系统管理

    1. 用户登录:用户输入账户密码登录系统
    2. 用户管理:该用户主要针对系统用户,为该系统的管理者
    3. 角色管理:不同的角色代表着不同的权限
    4. 菜单管理:不同的权限代表着可以看到不同的页面,及拥有不同的操作权限
    5. 部门管理:不同的用户属于不同的部门,所有的权限也不一样,还可以根据部门来做数据权限,可根据实际需求来完成
    6. 数据字典:对一些固定数值进行翻译成文本的操作,详见:https://blog.csdn.net/qq_40065776/article/details/107403576
    7. 附件管理:对上传至minio服务器的文件进行管理,例如:删除一些没用的文件等
    • 系统监控
    1. 定时任务:定时执行一些约定好的任务,详见:https://blog.csdn.net/qq_40065776/article/details/107489728
    2. 登录日志:对每个用户的登录信息进行监控,获取用户的 IP,地理位置等信息
    3. 操作日志:通过自定义注解,对用户的操作进行记录
    4. 服务监控:通过获取服务器端的信息,例如:jvm,内存等信息进行展示
    • 系统配置
    1. 参数配置:对系统中一些可变的参数进行管理,存放在redis,减少DB消耗
    2. 网页配置:对网页的一些信息进行设置,例如:网站标题、图标、备案号等
    • 邮件服务
    1. 邮件发送:邮件发送共有五种方式,文本、HTML、图片、附件、模板
    2. 邮件日志:主要记录了发送的日志
    • 微信公众号
    1. 主要集成了开发微信公众号,只是做了一些测试,暂未正式开发
    2. 关注日志:主要记录了微信公众号的一个关注记录
    • 开发者区
    1. WebSocket:集成了WebSocket,并实现即时通讯
    2. 图标列表:罗列了本项目中集成的图标,点击即可复制使用
    3. 开发日志:主要记录了该项目的一些更新情况和完成情况,由于偷懒,后面已经忘记写了
    4. 接口文档:点击打开新的页面,对项目中的一些开放API接口进行测试,也方便前端开发人员
    5. Redis监控:充当 Redis 客户端,可以及时掌握数据情况
    6. 数据库管理:可以查看数据库表格信息,及字段信息,对数据进行备份和还原
    • 组件专区
      主要介绍了该项目中集成的一些前端组件的用法,方便开发者快速掌握

    页面展示

    Asurplus

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4h2vj5dd-1614490190528)(https://gitee.com/asurplus/asurplus/widgets/widget_card.svg?colors=ffffff,1e252b,323d47,455059,d7deea,99a0ae)]

    捐赠

    如果觉得还不错,请作者喝杯咖啡吧 ☺

    微信扫一扫支付宝扫一扫

    QQ交流群

    群号:916226778
    微信公众号

    关注微信公众号

    欢迎关注我的微信公众号

    微信公众号

    如您在阅读中发现不足,欢迎留言!!!

    展开全文
  • 【录播】认识layui前端框架(10分钟) 免费试学 【录播】演示LayUI弹出框(14分钟) 免费试学 02容器与网页布局 【录播】认识容器(8分钟) 【录播】认识栅格系统(5分钟) 【录播】栅格的使用(13分钟) 【录播】后台模板的...
  • 这是一套前端layui框架,有利于帮助后台人员进行高效率开发,我觉得界面挺漂亮的,你值得拥有!
  • SpringBoot+Layui后台管理系统

    千次阅读 热门讨论 2018-12-05 19:02:06
    这是一个SpringBoot+Layui后台管理系统(可前后分离,有空就写一个),使用shiro安全框架,加入访问权限,对不同角色有不同的访问权限,其他管理可以依据情况添加上去。 技术栈 后端: SpringBoot 2.1.0 tk.mybatis...
  • 最近在准备找工作的事项,但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE,但是VUE还是存在一定的学习成本,所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手,后面会考虑使用VUE...
  • 后台管理前端框架

    2019-12-04 13:14:32
    Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,以下是我整理的一些UI框架模板,可以拿来稍加改造就能直接使用 ...
  • 1、LayUI介绍layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API ...
  • 目录下载框架修改代码HBuilder X代码分析 下载框架 1 进入 https://www.layui.com,下载: 文件层次: 2 在线实例:https://www.layui.com/demo/ ...3 新建你的项目 前端 文件架: 左图:刚从 layui 官网下
  • WeAdmin基于LayUI的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。
  • 基于TP5+layui 手工添加控制器,通过model方法指定模型。 手工添加模型。模型内方法: search --列表搜索栏自动生成参数 coll --模型自动生成参数,未指定直接以表注释或表字段生成。 batch --列表页顶部操作按钮 op ...
  • 本博文教大家如何使用原生JSP集合LayUi开发一套属于自己的后台管理系统,主要讲解开发思路,具体技术细节不做讲解。 一、说在前面的话  为什么我会选择使用原生JSP作为主要开发语言?  不管你是学生还是即将...
  • layui前端框架

    2021-02-05 20:41:51
    文章目录导入layui`官网下载``Django项目配置使用静态文件`后台布局颜色栅格系统面板按钮表单上传文件表格数据表格弹出层 导入layui 官网下载 官网地址:https://www.layui.com/ 下载后解压 Django项目配置使用...
  • 模板是在layui2.5.6开源版基础上设计的,详细介绍请点击: 作者:uimaker QQ:32534386 http://www.uimaker.com/uimakerdown/bstemplate/137303.html 模板效果浏览器截图
  • LayUi前端框架

    千次阅读 2018-07-12 13:22:59
    首先声明一下这是我第一次使用前端框架完成后台的配合工作,这在我工作中也是第一次遇见,因为公司有自己的前端开发工程师,不必要我们自己去实现前端的效果,虽然前端的东西并不是很难,但是重点就是繁琐,小零碎太...
  • lake-admin是一种基于ThinkPHP6 + Layui后台开发框架。 项目介绍 lake-admin基于ThinkPHP框架后台页面基于Layui 更新ThinkPHP版本到v6.0.7 更新Layui版本到v2.5.7 模块插件文档请查看docs/lake-admin-addon.md...
  • layui框架属于前端,是前端框架layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码...
  • 本文章创建于2021年10月8日,20时10分 ...今天是我刚接触layui,对于后台的开发人员来说,了解基本的前端编程还是很有必要的,虽然平时写的前端不多,但也是被繁琐的前端代码搞得很烦,于是为了.
  • layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。2.table 数据表格在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。(网址:https://github...
  • Layui 后台管理模板 【Y-Admin】

    千次阅读 2020-05-06 10:23:28
    Y-Admin是基于layui开发的一套兼容PC和手机的后台管理系统模板,开机箱即用,结构清晰。 希望此模板能帮助到大家快速构建自己的项目,提高效率,同时此模板也适合新手学习入门等! (如有侵权请联系删除,谢谢!~) ...
  • layui后台框架的搭建

    万次阅读 2018-03-11 19:35:35
    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处...
  • layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。 2.table 数据表格 在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。 (网址:...
  • JavaWeb专业版,企业级开发框架SpringBoot+Layui+Thymeleaf+MybatisPlus开发权限(RBAC)及内容管理框架框架中集成了权限管理、模块管理,数据库管理、富文本编辑器(已集成ueditor,kindeditor),后台支持多主题切换、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,380
精华内容 1,352
关键字:

layui后台管理前端框架