layui

layui之layer打开table后分页无效的解决方法 参考文章： （1）layui之layer打开table后分页无效的解决方法 （2）https://www.cnblogs.com/g177w/p/10286511.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4437884/blog/4703567

1、根据表格数据动态显示操作列按钮 <script type="text/html" id="barDemo"> {{# if (d.event_level ==4){}} <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="known"><i class="layui-icon">စ</i>已知</a> {{# } else if(d.event_level ==2){ }} {{# if(d.event_type_state ==0){ }} <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="known"><i class="layui-icon">စ</i>已知</a> {{# } else if(d.event_type_state ==1) { }} <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="process"><i class="layui-icon"></i>处理</a> {{# } }} {{# } else if(d.event_level ==1) { }} <a class="layui-btn layui-btn-xs layui-btn

html: <div class="layui-col-md12"> <div class="layui-card"> <div class="layui-card-header" style="background-color: #e6e6e6">资料清单</div> <div class="layui-card-body" style="height: 200px;"> <table class="layui-hide" id="serviceMaterialListTable" lay-filter="serviceMaterialListTable"></table> <script type="text/html" id="serviceMaterialListTable-toolbar"> <div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" data-type="addMaterial">添加</button> </div> </script> <script type="text/html" id="serviceMaterialListTable-bar"> <%--<a class="layui-btn layui-btn-xs" lay-event=

来源：cnblogs.com/huanzi-qch/p/11534203.html 作者：huanzi-qch 前言 这是一套简单通用的后台管理系统，主要功能有：权限管理、菜单管理、用户管理，系统设置、实时日志，实时监控，API加密，以及登录用户修改密码、配置个性菜单等。 技术栈 前端：layui java后端：SpringBoot + Thymeleaf + WebSocket + Spring Security + SpringData-Jpa + MySql 工程结构说明 java部分、html、js、css部分都是大目录下面按单表一个子目录存放 运行预览 效果先睹为快，具体介绍在下方，按功能点进行详情介绍 功能演示 登录 （为了方便演示，密码输入框的类型改成text）配置文件分支选择，dev环境无需输入验证码。 同时支持多种登录限制。 允许/禁止账号多人在线。 软删除 限制登录IP地址 账号过期 更多登录限制，还可以继续扩展。 系统设置 一下简单的系统属性设置，想支持更多的配置可自行扩展（比如这里的：用户管理初始、重置密码）。 系统设置新增部分功能，详见文末“补充更新” 菜单管理 菜单管理是一棵layui的Tree 权限管理 增删改查 动态权限加载 权限的加载并不是写死在代码，而是动态从数据库读取，每次调用save方法时更新权限集合。 1、妲己是ROLE_USER权限

layui报错 "Layui hint: 模块名 xxx 已被占用" 的问题解决方案 参考文章： （1）layui报错 "Layui hint: 模块名 xxx 已被占用" 的问题解决方案 （2）https://www.cnblogs.com/imyjy/p/10189385.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/4673167

使用layui遇到的一些问题及解决方案 参考文章： （1）使用layui遇到的一些问题及解决方案 （2）https://www.cnblogs.com/creazybeauty/p/9104512.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/stackoom/blog/4670217

项目语言：java 项目环境：JDK1.8 Web服务器Nginx+tomcat 数据库mysql 前端技术bootstrap+layui+jquery+ajax 后端技术maven+springboot+shiro+jpa+druid+log4j 1、 敏感信息泄露 a) 漏洞描述：敏感信息泄露漏洞，是一种通过提交错误请求，使系统出现异常处理并报错，并且将系统程序、配置、路径、类、方法 等敏感信息泄露出来的漏洞。 b) 解决方案：创建统一错误页面，在后端将异常进行拦截处理，将错误信息存储到日志中，并返回对应的错误描述或状态码。 2、 用户密码未加密传输 a) 漏洞描述：用户登录时，密码进行明码传输，导致请求被拦截获取账号信息。 b) 解决方案：使用不可逆的加密算法，采取salt（盐）+用户名+密码进行加密的方式，由前端加密后传输到后端进行身份认证。 3、 SQL注入 a) 漏洞描述：通过在string（字符串）类型的字段中，输入敏感SQL语句，进行免密登录或越权操作。 b) 解决方案：对输入信息进行敏感字符拦截，并在后端开发中使用对象SQL注入方式进行数据库访问，避免使用SQL拼接的形式进行数据库访问。 4、 越权敏感信息修改 a) 漏洞描述：修改信息时，仅根据id参数进行操作，存在越权修改任意数据问题。 b) 解决方案：后端使用session机制

treeTable 模块下载： https://gitee.com/whvse/treetable-lay/tree/master/2.x 下载后，treeTable.js、treeTable.css 的放置目录分别为： layuiadmin/modules/treeTable.js layuiadmin/modules/treeTable/treeTable.css 页面元素： <div style="width: 100%;overflow-x: auto;"> <table class="layui-hide" id="businessConfigListTable" lay-filter="businessConfigListTable"></table> </div> 定义： layui.config({ base: '${ctxLayui}/layuiadmin/' }).extend({ index: 'lib/index' }).use(['index', 'table','dict','laydate','util','treeTable'], function(){ var $ = layui.$,table = layui.table,form = layui.form; var dict = layui.dict; var laydate = layui

table.on('toolbar(currentTableFilter)', function(obj){ var tableData = layui.table.cache['currentTableId']; //表格数据 switch(obj.event){ case 'LAYTABLE_EXPORT': obj.config.title = "文件名"; //更改默认文件名 table.exportFile(obj.config.id, tableData,'xls'); // 参数依次：表格ID，数据，文件类型 break; }; }); 其实还有更简单的方法: table.render({ title:'文件名', .... }) 惊不惊喜。。。 来源： oschina 链接： https://my.oschina.net/u/3917458/blog/4320202

在我的客户页面，调整到 我的合同页面： <div>请去【<a style="color:green" class="toPage" data-type="toPage" >合同管理—我的合同</a>】页面提交审核！</div> js: var active = { toPage:function () { top.layui.index.openTabsPage("order/myOrdersList.jsp", '我的合同'); } } $("body").on('click','.toPage', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); 打开另一页面(页签) 的关键代码： top.layui.index.openTabsPage("order/myOrdersList.jsp", '我的合同'); 来源： oschina 链接： https://my.oschina.net/u/4396805/blog/4300361