代码拉取完成，页面将自动刷新
同步操作将从 鲲鹏/JavaWeb_Layui 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
感谢您的支持！gitJavaWeb是基于 SpringBoot2+Layui2.5.6+Thymeleaf++Shiro+MybatisPlus 研发的权限(RBAC)及内容管理系统，致力于做更简洁的后台管理框架，包含系统管理、代码生成、权限管理、站点、广告、布局、字段、配置等一系列常用的模块，整套系统一键生成所有模块（包括前端UI），一键实现CRUD，简化了传统手动抒写重复性代码的工作。 同时，框架提供长大量常规组件，如上传单图、上传多图、上传文件、下拉选择、复选框按钮、单选按钮，城市选择、富文本编辑器、权限颗粒度控制等高频使用的组件，代码简介，使用方便，节省了大量重复性的劳动，降低了开发成本，提高了整体开发效率，整体开发效率提交80%以上，JavaWeb框架专注于为中小企业提供最佳的行业基础后台框架解决方案，执行效率、扩展性、稳定性值得信赖，操作体验流畅，使用非常优化，欢迎大家使用及进行二次开发。
日志记录采用AOP切面的方式对所有包含@BussinessLog注解的方法进行aop切入，会完成的记录下当前用户所有的操作记录（即@BussinessLog value属性的内容）。
JavaWeb采用LGPL-3.0开源协议
| 版本名称 | 说明 | 地址 |
|---|---|---|
| JavaWeb 混编专业版 | 采用SpringBoot2+Thymeleaf+layui | https://gitee.com/javaweb520/JavaWeb |
| JavaWeb_Pro 混编旗舰版 | 采用SpringBoot2+Thymeleaf+layui | https://gitee.com/javaweb520/JavaWeb_Pro |
| JavaWeb_Vue专业版 | 前后端分离版，采用SpringBoot2+Vue+ElementUI | https://gitee.com/javaweb520/JavaWeb_Vue |
| JavaWeb_Vue_Pro旗舰版 | 采用SpringBoot2+Vue+ElementUI | https://gitee.com/javaweb520/JavaWeb_Vue_Pro |
| JavaWeb_Ant_Pro旗舰版 | 采用SpringBoot2+Vue+AntDesign | https://gitee.com/javaweb520/JavaWeb_Ant_Pro |
| JavaWeb_Cloud微服务专业版 | 采用SpringCloud+Vue+ElementUI | https://gitee.com/javaweb520/JavaWeb_Cloud |
| JavaWeb_Cloud_Pro微服务旗舰版 | 采用SpringCloud+Vue+ElementUI | https://gitee.com/javaweb520/JavaWeb_Cloud_Pro |
| JavaWeb_Cloud_Ant微服务旗舰版 | 采用SpringCloud+Vue+AntDesign | https://gitee.com/javaweb520/JavaWeb_Cloud_Ant |
例如，把主页拆分成三部分，每个部分单独一个页面，更加便于维护
<!DOCTYPE html>
<html>
<body>
<!-- 引入头部 -->
<header th:replace="./public/header :: header"></header>
<!-- 正文开始 -->
<div class="layui-fluid">
<div class="layui-card">
<!-- 内容区 -->
<div class="layui-card-body" layout:fragment="content">
内容区
</div>
</div>
</div>
<!-- 引入脚部 -->
<footer th:replace="./public/footer :: footer"></footer>
</body>
</html>
以上是对整个页面进行的拆分，把公共部分抽离出来，子页面只需继承当前页面专心处理业务UI即可
开发业务模块时使用如下
<html layout:decorator="public/layout" xmlns:miguo="http://www.w3.org/1999/html">
<div layout:fragment="content">
此处为子页面业务UI部分，此处使用Layout模板继承
</div>
</html>
业务模块列表页使用方法如下：
<html layout:decorator="public/layout" xmlns:miguo="http://www.w3.org/1999/html">
<div layout:fragment="content">
<!-- 表格工具栏 -->
<form class="layui-form toolbar">
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline">
<input type="text" name="name" placeholder="请输入职级名称" autocomplete="off" class="layui-input">
</div>
</div>
<!-- 状态下拉单选 -->
<div class="layui-inline">
<div class="layui-input-inline">
<!-- 下拉单选 -->
<widget:singleSelect name="status|0|状态|name|id" th:data="${LEVEL_STATUS_LIST}" value="0"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline" style="width: auto;">
<widget:btnQuery name="查询"/>
<widget:btnAdd name="添加职级"/>
<widget:btnDAll name="批量删除"/>
</div>
</div>
</div>
</form>
<!-- 数据表格 -->
<table class="layui-hide" id="tableList" lay-filter="tableList"></table>
<!-- 表格操作列 -->
<script type="text/html" id="toolBar">
<widget:btnEdit name="编辑"/>
<widget:btnDel name="删除"/>
</script>
<!-- 状态 -->
<script type="text/html" id="statusTpl">
<input type="checkbox" name="status" value="{{ d.id }}" lay-skin="switch" lay-text="正常|停用" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }} >
</script>
</div>
</html>
业务模块表单编辑页使用方法如下：
<html layout:decorator="public/form" xmlns:miguo="http://www.w3.org/1999/html">
<div layout:fragment="content">
<form class="layui-form model-form" action="">
<input name="id" type="hidden" th:value="${info['id']}?:0">
<div class="layui-form-item">
<label class="layui-form-label">职级名称：</label>
<div class="layui-input-block">
<input name="name" th:value="${info['name']}" lay-verify="required" autocomplete="off" placeholder="请输入职级名称" class="layui-input" type="text">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态：</label>
<div class="layui-input-block">
<widget:switchCheck name="status" data="正常|停用" th:value="${info['status']} ?: 1"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">显示顺序：</label>
<div class="layui-input-block">
<input name="sort" th:value="${info['sort']}" lay-verify="required|number" autocomplete="off" placeholder="请输入显示顺序" class="layui-input" type="text">
</div>
</div>
<widget:btnSubmit name="submit|立即保存,close|关闭"/>
</form>
</div>
</html>
业务模块JS部分
/**
* 职级
* @auth 鲲鹏
* @date 2020-04-20
*/
layui.use(['func'], function () {
//声明变量
var func = layui.func
, $ = layui.$;
if (A == 'index') {
//【TABLE列数组】
var cols = [
{type: 'checkbox', fixed: 'left'}
, {field: 'id', width: 80, title: 'ID', align: 'center', sort: true, fixed: 'left'}
, {field: 'name', width: 200, title: '职级名称', align: 'center'}
, {field: 'status', width: 100, title: '状态', align: 'center', templet: '#statusTpl'}
, {field: 'sort', width: 100, title: '显示顺序', align: 'center'}
, {field: 'createUserName', width: 100, title: '添加人', align: 'center'}
, {field: 'createTime', width: 180, title: '创建时间', align: 'center'}
, {field: 'updateUserName', width: 100, title: '更新人', align: 'center'}
, {field: 'updateTime', width: 180, title: '更新时间', align: 'center'}
, {fixed: 'right', width: 150, title: '功能操作', align: 'center', toolbar: '#toolBar'}
];
//【渲染TABLE】
func.tableIns(cols, "tableList");
//【设置弹框】
func.setWin("职级", 500, 300);
//【设置状态】
func.formSwitch('status', null, function (data, res) {
console.log("开关回调成功");
});
}
});
以上是Thymeleaf模板的拆分与集成，详细说明请参开官方文档。
1、上传图片图片及裁剪
<widget:uploadSingleImage name="avatar|头像|90x90|admin|建议上传尺寸450x450" th:value="${info['avatar']}"/>
2、下拉单选
<widget:singleSelect name="gender|1|性别|name|id" th:data="${USER_GENDER_LIST}" th:value="${info['gender']}?:3"/>
3、日期选择
<widget:dateSelect name="birthday|出生日期|date" th:value="${info['birthday']}"/>
4、分组下拉选择
<widget:complexSelect name="deptId|0|部门|name|id" sql="SELECT id,`name` FROM sys_dep WHERE pid=? AND mark=1 ORDER BY sort ASC;" th:value="${info['deptId']}?:0"/>
5、城市选择
<widget:citySingleSelect th:value="${info['districtId']} ?: 0" limit="3"/>
6、开关
<widget:switchCheck name="status" data="正常|禁用" th:value="${info['status']} ?: 1"/>
7、复选框选择(如：角色多选)
<widget:checkboxSingleSelect name="roleIds|name|id" sql="SELECT id,`name` FROM sys_role WHERE mark=1 ORDER BY sort ASC;" th:value="${info['roleIds']}?:[]"/>
8、下拉多选
<widget:xmSelect name="test|1|请选择角色|name|id|pid" sql="SELECT id, `name`, pid FROM sys_dep WHERE mark=1 ORDER BY sort ASC;" value="1,2"/>
如果你发现了一个安全漏洞或缺陷，请发送邮件到 1175401194@qq.com,所有的安全漏洞都将及时得到解决。
感谢MybatisPlus、JQuery、Layui等优秀开源项目。
JavaWeb商业版使用需授权，未授权禁止恶意传播和用于商业用途，否则将追究相关人的法律责任。
本项目包含的第三方源码和二进制文件之版权信息另行标注。
版权所有Copyright © 2017~2021 javaweb.vip (http://www.javaweb.vip)
All rights reserved。
更多细节参阅 LICENSE.txt
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。