为您找到搜索结果：166个
layui 后台分页
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>layui</title><metaname="renderer"content="webkit"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1"><linkrel="stylesheet"href="__STATIC__/add/layui/css/layui.css"media="all"><!--注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的--></head><body><tableclass="layui-hide"id="test"></table...
使用 layUI做一些简单的表单验证
使用layUI做一些简单的表单验证 <formmethod="post"class="layui-form"> <inputname="username"placeholder="用户名"type="text"lay-verify="required"class="layui-input"> <hrclass="hr15"> <inputname="password"lay-verify="required"placeholder="密码"type="password"class="layui-input"> <hrclass="hr15"> <inputvalue="登录"lay-submitlay-filter="login"style="width:100%;"type="submit"> <hrclass="hr20"></form><script>$(function(){layui.use('form',function(){varform=la...
springboot学习笔记：11.springboot+shiro+mysql+mybatis(通用mapper)+freemarker+ztree+layui实现通用的java后台管理系统(权限管理+用户管理+菜单管理)
经过前10篇文章，我们已经可以快速搭建一个springboot的web项目；今天，我们在上一节基础上继续集成shiro框架，实现一个可以通用的后台管理系统；包括用户管理，角色管理，菜单管理三大系统常用管理模块；要想实现用户管理+角色管理+菜单管理三大模块，基本上我们常用的解决方案就是如下五个表(sql脚本在最后)：1.添加pom依赖。<dependency><groupId>org.apache.shiro</groupId><artifactId>shiro-core</artifactId><version>1.4.0</version></dependency><dependency><groupId>org.apache.shiro</groupId><artifactId>shiro-spring</artifactId><version>1.4.0</version></dependency...
springboot学习笔记：8. springboot+druid+mysql+mybatis+通用mapper+pagehelper+mybatis-generator+freemarker+layui
开发环境：IDEA+jdk1.8+windows10目标：使用springboot整合druid数据源+mysql+mybatis+通用mapper插件+pagehelper插件+mybatis-generator+freemarker+layui使用springboot开发web项目，尤其是web后台管理类项目，推荐使用上面的组合；原因：首先，druid数据源提供了方便的sql监控视图，而且性能也很好；mysql开源且小巧强大，使用方便；mybatis可以手动定制sql，十分方便；通用mapper插件可以让你免去基础的单表增删改查等基础代码的编写工作；pagehelper使用拦截器智能分页；mybatis-generator配置后可以全面自动生成持久层大部分代码；freemarker模板效率较好，宏的使用十分方便；layui更是当前java后端程序员的福音；下面开始跟我一起整合，源代码在最后： 完整的pom.xml文件如下：<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apa...
springboot学习笔记：5.spring mvc(含FreeMarker+layui整合)
SpringWebMVC框架（通常简称为"SpringMVC"）是一个富"模型，视图，控制器"的web框架。SpringMVC允许你创建特定的@Controller或@RestControllerbeans来处理传入的HTTP请求。使用@RequestMapping注解可以将控制器中的方法映射到相应的HTTP请求。示例：@RestController@RequestMapping(value="/users")publicclassMyRestController{ @RequestMapping(value="/{user}",method=RequestMethod.GET) publicUsergetUser(@PathVariableLonguser){ //... } @RequestMapping(value="/{user}/customers",method=RequestMethod.GET) List<Customer>getUserCustomers(@PathVariableLonguser){ //... } @Reque...
spring boot + mybatis + layui + shiro后台权限管理系统
后续版本更新内容链接入口：springboot+shiro之登录人数限制、登录判断重定向、session时间设置：https://blog.51cto.com/wyait/2107423springboot+shiro动态更新用户信息：https://blog.51cto.com/wyait/2112200springboot+shiro权限注解、统一异常处理、请求乱码解决：https://blog.51cto.com/wyait/2125708shiro并发登陆人数控制（超出登录用户最大配置数量，清理用户）功能;解决父子页面判断用户未登录之后，重定向到页面中嵌套显示登录界面问题；解决ajax请求，判断用户未登录之后，重定向到登录页面问题；解决完成了功能1，导致的session有效时间冲突问题等。其他时间的版本更新，详见本文末尾或git项目更新日志！下期版本更新内容新建wyait-admin单数据源配置项目；redis版本，实现用户在线数量控制功能等；使用redis记录验证码；springboot+mybatis后台管理系统框架；layUI前端界面；shiro权限控制，ehCache缓...
layui弹窗 之 iframe关闭
就是在执行添加或修改的时候，需要将数据提交到后台进行处理，这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息，之前一直想实现这样，可一直没有成功，今天决定好好弄一弄，在仔细看过layer的帮助手册以及查阅资料之后，有了以下的解决办法：一、关闭弹出窗 这是layer官网给出的帮助手册，讲解的比较详细分成两种情况：1、弹出层不是新的页面的时候,直接获得该弹窗的索引，然后执行close方法layer.close();2、弹出窗是新的页面的时候varindex=parent.layer.getFrameIndex(window.name);parent.layer.close(index);二、关闭弹窗之后刷新父页面 例如：在增加用户的时候，增加会弹出一个新的弹窗页面，增加成功之后会有提示性的小的alert，在点击确定之后，弹窗页面关闭，并且刷新用户列表的页面数据。 只需要在关闭弹窗的时候加这个window.parent.location.reload();//刷新父页面 （1）关闭特定iframe//当在iframe页面关闭...
layUI实现列表查询
layUI可以直接使用本地的json文件进行列表数据渲染，但，我们会发现，官网ctr+cctr+v过来的代码在做查询时每次看起来都有列表刷新的动作，但实际操作无效，百度了一大圈也没找到具体的原因，无奈继续回去看官网，后面总结出只有一点，也是大家比较容易忽略的一点：官网说在查询时的url必须设置异步接口，so，如果我们不借助后台看起来这个效果好像是单靠前端是出不来，但，为了本地演示，这里写了一个很low的方法，单靠show（）hide（）方法来实现查询效果（效果演示可以单不建议实际开发中使用该方法）以下代码粘贴复制便可直接使用：<divclass="demoTable">搜索ID：<divclass="layui-inline"><inputclass="layui-input"name="id"id="demoReload"autocomplete="off"></div><buttonclass="layui-btn"data-type="reload">搜索</button></div><ta...
layui中的列表分页
页面效果：jsp：使用layui的方法将时间转换为年月日时分秒格式：将0,1状态转为文本：controller：（使用layui时，在点击下一页上一页发送请求时都会在请求链接后面带上两个参数：page（当前页）和limit（每页显示多少条数据），直接在形参中接收这两个参数即可）service:layui表格数据返回时需要包含四个属性：...
layui教程---table
layui.config({base:"${ctx}/static/js/"}).use(['form','layer','jquery','common','element','table','laytpl'],function(){$=layui.$;var$=layui.$,form=layui.form,common=layui.common,laydate=layui.laydate,element=layui.element,table=layui.table,laytpl=layui.laytpl,layer=layui.layer;varcontent='content';common.getOptionsByCode('PLATE','identifyVehicleColorId','','车牌颜色');varloading=layer.load(1,{shade:[0.9,'#fff']});/**重置*/$("#rev-btn").click(function(){$("input").val('');$('select').each(function(i,j){...
组件 layui 表单抓取数据四步走
layui中提交按钮是基于“监听”机制实现的。form.on()的调用需置于layui.use的回调函数中。末尾的'returnfalse'不可或缺，以确保不会触发页面刷新。注意必须是'returnfalse'，而不能简单写成'return'。禁用按钮。防止用户连续点击，需注意，在Ajax请求结束后（complete）再次显式启用按钮。整合表单数据。很多时候，除了要获取正式表单的数据，还需要额外追加一些数据。确定路径。有时候，同一个按钮可以表达多种操作，比如新增或修改。发起请求。发起Ajax请求，向服务器传递参数，并在回调函数中对返回值做处理。returnfalse。HTML声明<formclass="layui-form"><inputtype="hidden"name="id"/><buttonclass="layui-btnlayui-btn-sto"id="btnSave"lay-filter="btnSave"lay-submit>保存</button></form>如果仅需要监听...
layui的文件上传设置允许的文件格式
配置：exts即可，以|分割，设置多个文件后缀。layui.use('upload',function(){varupload=layui.upload;varuploadInst=upload.render({elem:'#downfile'//绑定元素,url:"{:url('vip/news/upload')}"//上传接口,exts:'xls|xlsx|csv|zip|pdf|doc|docx|png|jpeg|jpg|gif'//设置允许上传的格式,field:'downfile',auto:false//是否自动上传，这里是否,choose:function(obj){varfiles=obj.pushFile();obj.preview(function(index,file,result){//console.log(index,file,result);$("#fileinput").val(file.name);});}});}); ...