精华内容
下载资源
问答
  • 简介: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;本群致力于一同进步的小伙伴们,大家一起交流探讨,在陌生的城市感受温暖;

     

     

     

     

     

     

    展开全文
  • 这是一套前端layui框架,有利于帮助后台人员进行高效率开发,我觉得界面挺漂亮的,你值得拥有!
  • 本期给大家推荐我自己写一个开源项目:springboot-mini,本着减少大量重复开发工作的原则,使得在项目中...前端框架使用 layui-mini(https://gitee.com/zhongshaofa/layuimini) 2、项目地址 https://gitee.com/asu

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

    1、前言

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

    2、项目地址

    https://gitee.com/asurplus/springboot-mini.git
    

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

    3、项目介绍

    项目简介

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

    项目演示

    1. 地址:http://sbootmini.qyzxsm.com/asurplus/login
    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. Autopoi,导出 Excel 文件,使用说明:https://blog.csdn.net/qq_40065776/article/details/107824221
    14. Quartz,定时任务,使用说明:https://blog.csdn.net/qq_40065776/article/details/107489728
    15. Thymeleaf,模板引擎,使用说明:https://blog.csdn.net/qq_40065776/article/details/105566038
    16. LayUI,前端框架,官方文档:https://www.layui.com/doc/
    17. layui-mini,前框模板项目,项目地址:https://gitee.com/zhongshaofa/layuimini

    安装教程

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

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

    使用说明

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

    内置功能

    1. 用户登录:用户输入账户密码登录系统
    2. 用户管理:该用户主要针对系统用户,为该系统的管理者
    3. 角色管理:不同的角色代表着不同的权限
    4. 权限管理:不同的权限代表着可以看到不同的页面,及拥有不同的操作权限
    5. 数据字典:对一些固定数值进行翻译成文本的操作
    6. 数据库管理:可以查看数据库表格信息,及字段信息,对数据进行备份和还原
    7. 定时任务:定时执行一些约定好的任务
    8. 登录日志:对每个用户的登录信息进行监控,获取用户的 IP,地理位置等信息
    9. 开发日志:主要针对开发者,对现阶段的完成情况进行记录
    10. 接口文档:使用自动生成接口文档,快速对接
    11. Redis监控:充当 Redis 客户端,可以及时掌握数据情况
    12. 自动生成代码:自动生成 controller、service、mapper、xml、entity等文件代码
    13. 文件上传:使用 MinIO 做文件服务器,文件单独存放

    页面展示

    捐赠

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

    微信扫一扫 支付宝扫一扫

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

    展开全文
  • SpringBoot+Layui后台管理系统

    千次阅读 热门讨论 2018-12-05 19:02:06
    这是一个SpringBoot+Layui后台管理系统(可前后分离,有空就写一个),使用shiro安全框架,加入访问权限,对不同角色有不同的访问权限,其他管理可以依据情况添加上去。 技术栈 后端: SpringBoot 2.1.0 tk.mybatis...

    这是一个SpringBoot+Layui后台管理系统(可前后分离,有空就写一个),使用shiro安全框架,加入访问权限,对不同角色有不同的访问权限,其他管理可以依据情况添加上去。

    技术栈

    后端:

    • SpringBoot 2.1.0
    • tk.mybatis 2.0.2
    • Shiro 1.3.1
    • Lombok 1.18.4

    前端:

    • Layui 2.4.5
    • JQuery 3.3.1

    渲染模板

    • Thymeleaf

    Gitthub项目地址:https://github.com/Radom7/springboot-layui

    登陆账号密码:admin – admin alice–123456

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • contentManagerSystem后台管理系统简介contentManagerSystem,后台管理系统,采用SpringBoot构建整个项目框架,apacheShiro权限验证,mybatis+druid数据持久化动作,前端采用layui(http://www.layui.com/)展示,整个项目...

    contentManagerSystem后台管理系统

    简介

    contentManagerSystem,后台管理系统,采用SpringBoot构建整个项目框架,apacheShiro权限验证,mybatis+druid数据持久化动作,前端采用layui(http://www.layui.com/)展示,整个项目全部通过注解方式进行配置,具体大家可以下载代码自行查看.

    PS:由于此项目完全是在业余时间写的,部分功能和代码可能会有缺陷或者不足,但核心代码都已写完,大家可以下载下来在此基础上继续扩展,我也会一直维护,有问题我们可以一起交流.

    功能说明

    用户管理:简单实现用户新增,编辑,添加角色等功能.

    角色管理:简单实现角色新增,编辑,角色赋权等功能

    菜单管理:简单实现菜单新增,编辑等功能

    PS:后续会继续增加功能.

    使用说明

    导入项目根目录下:contentmanagersystem_db.sql文件到mysql数据库

    导入项目到Eclipse或Idea.

    修改数据库配置文件jdbc.properties中的账号密码.

    配置maven命令:spring-boot:run启动项目,访问链接:http://localhost:8080/login.do

    redis配置请参考https://blog.csdn.net/jinwufeiyang/article/details/52156817

    License:

    contentManagerSystem是一个自由软件,您可以自由分发、修改其中的源代码或者重新发布它,新的任何修改后的重新发布版必须同样在遵守GPL3或更后续的版本协议下发布. 关于GPL协议的细则请参考COPYING文件,您可以在contentManagerSystem的相关目录中获得GPL协议的副本, 如果没有找到,请连接到 http://www.gnu.org/licenses/ 查看。

    平台目录结构说明

    ├─main

    │ │

    │ ├──conf---------------项目环境配置文件

    │ │ ├─beta ------测试环境配置文件

    │ │ ├─prd -------生产环境配置文件

    │ │

    │ ├──java

    │ │ │

    │ │ └─com.yxb.cms----------------项目主代码

    │ │ │

    │ │ ├─architect----------------项目装配目录

    │ │ │ │

    │ │ │ ├─conf----------------项目配置路径

    │ │ │ │

    │ │ │ ├─constant------------项目常量枚举路径

    │ │ │ │

    │ │ │ ├─filter--------------项目过滤器路径

    │ │ │ │

    │ │ │ ├─interceptor---------项目拦截器路径

    │ │ │ │

    │ │ │ ├─properties----------项目属性文件读取路径

    │ │ │ │

    │ │ │ ├─realm---------------自定义shiroRealm路径

    │ │ │ │

    │ │ │ ├─utils----------------项目帮助类路径

    │ │ │

    │ │ ├─controller----------------项目controller路径

    │ │ │

    │ │ ├─dao-----------------------项目dao层路径

    │ │ │

    │ │ ├─domain--------------------项目domain层路径

    │ │ │

    │ │ ├─service-------------------项目service层路径

    │ │ │

    │ │ └─Application ------springBoot 启动类

    │ │

    │ ├─resources----------------项目资源文件

    │ │ │

    │ │ ├─mapper----------------mybatis映射文件路径

    │ │ │

    │ │ ├─application.properties-----springBoot核心配置

    │ │ │

    │ │ ├─ehcache-shiro.xml----shiro缓存配置

    │ │ │

    │ │ ├─log4j.properties------log4j配置

    │ │ │

    │ │ ├─mybatis-config.xml-------mybatis配置

    │ │

    │ │

    │ └─webapp----------------web页面和静态资源存放的目录

    │ │

    │ └─WEB-INF

    │ │

    │ ├─comm----------------静态资源公共目录

    │ │

    │ ├─static----------------静态资源目录

    │ │

    │ └─WEB-INF

    │ │

    │ ├─views----------------视图文件目录

    项目截图演示

    获取方式转发文章 + 关注,私信回复【CMS】,即可免费获得下载地址

    展开全文
  • 目录下载框架修改代码HBuilder X代码分析 下载框架 1 进入 https://www.layui.com,下载: 文件层次: 2 在线实例:https://www.layui.com/demo/ ...3 新建你的项目 前端 文件架: 左图:刚从 layui 官网下
  • WeAdmin基于LayUI的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。
  • 一、LayUI介绍layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API...
  • 一、LayUI介绍layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API...
  • layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。2.table 数据表格在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。table数据表格是layui最核心...
  • 本博文教大家如何使用原生JSP集合LayUi开发一套属于自己的后台管理系统,主要讲解开发思路,具体技术细节不做讲解。 一、说在前面的话  为什么我会选择使用原生JSP作为主要开发语言?  不管你是学生还是即将...
  • layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。 2.table 数据表格 在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。 (网址:...
  • layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。2.table 数据表格在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。table数据表格是layui最核心...
  • 模板是在layui2.5.6开源版基础上设计的,详细介绍请点击: 作者:uimaker QQ:32534386 http://www.uimaker.com/uimakerdown/bstemplate/137303.html 模板效果浏览器截图
  • 简介contentManagerSystem,后台管理系统,采用SpringBoot构建整个项目框架,apacheShiro权限验证,mybatis+druid数据持久化动作,前端采用layui展示。PS:由于此项目完全是在业余时间写的,部分功能和代码可能会有缺陷...
  • layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。2.table 数据表格在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。(网址:https://github...
  • 项目简介本项目本着避免重复造轮子的原则,建立一套快速开发JavaWEB项目(springboot-mini),能满足大部分后台管理系统基础...前端框架使用 layui-mini(https://gitee.com/zhongshaofa/layuimini)项目演示地址:ht...
  • layui前端框架的使用

    2018-07-16 22:54:59
    layui前端框架有一个专门的后台管理的例子,对于制作网页后台界面非常的便利。
  • layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。2.table 数据表格在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。(网址:https://github...
  • contentManagerSystem后台管理系统简介contentManagerSystem,后台管理系统,采用SpringBoot构建整个项目框架,apacheShiro权限验证,mybatis+druid数据持久化动作,前端采用layui(http://www.layui.com/)展示,整个项目...
  • 本期给大家推荐我自己写一个开源项目:springboot-mini,本着减少大量重复开发工作的原则,使得在项目中...前端框架使用 layui-mini(https://gitee.com/zhongshaofa/layuimini) 2、项目地址 https://gitee.com/asu
  • 后台管理系统使用ThinkPHP3.2框架开发,使用LayUI前端框架设计,该后台管理系统功能完善,包含通用后台管理系统的所有功能,包括权限管理、系统设置、用户管理、会员管理、操作记录、充值记录、文章管理、论坛管理...
  • X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的。"X-admin基于layui的轻量级前端后台管理框架,简单...
  • X-admin简介X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的。#X-admin从诞生以来一直秉承简洁实用的...
  • 基于layui后台管理模版,纯前端实现,无数据库,关闭浏览器或者清除缓存后,所有操作无效重点中的重点近日很多朋友反馈说页面中的一些内容无法显示,并且加载速度过慢,这是由于框架中存在json文件,直接打开造成...
  • 使用layui框架迅速搭建后台管理页面

    千次阅读 2018-09-01 08:52:26
    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。 其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处...
  • 本系统是一个用SpringBoot做后台开发框架,Shiro做权限管理框架,Spring Data Jpa 做持久层框架,LayuiLayui mini做为前端框架的前后端分离的项目。 即拿即用,上手即会,可以方便你快速的开发一套属于自己的系统...
  • 最简洁、清爽、易用的layui后台框架模板。 项目会不定时进行更新,建议star和fork一份。 技术交流QQ群:763822524 加群请备注来源:如gitee、github、官网等。 代码仓库 在线预览地址:http://layuimini.99ph...
  • 本项目使用 Spring Boot 搭建, 用于加深对 Spring Boot 与 ...前端框架: Layui 后台模板: Z-Admin 后端 SpringBoot 2.2.3.RELEASE Shiro 1.4.0 Mybatis-Plus3.1.2 Druid 1.1.10 PageHelper 1.2.9 Shiro-Redis 3.2.3

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 258
精华内容 103
关键字:

layui后台管理前端框架