
Layui
文章平均质量分 72
Android_la
Java入门到进阶级别
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ssm使用layui使用ajax没有执行success
一. 问题背景后台:使用ssm框架,在Controller的方法已经加了@ResonseBody注释,返回的对象是User前端:jsp页面,ajax写了dataType:'json',点击‘编辑’按钮,点击‘提交’表单后,ajax没有执行success里面的代码不能执行success里面的代码的原因: 在ajax后面没有写return false;,导致提交按钮默认提交了。二. 解决方法...原创 2020-03-09 13:52:24 · 926 阅读 · 0 评论 -
给Layui数据表格的开关按钮绑定事件
一. 问题背景想要实现下面的效果二. 解决方案这里只给出最最最关键的代码,如下:(注意代码中的注释)table.render({ ... ,cols: [[ //表头 ... //使用自定义模板引入layui的开关 ,{field: 'isManager', title: '是否为管理员', align: 'center', templet: '#switchOnOff'} ]] ,... });原创 2020-07-28 14:26:43 · 3282 阅读 · 1 评论 -
Layui开关回显的问题
一. 问题背景数据表格点击“编辑”,将数据回显到Layui开关效果:二. 解决方案关键是使用prop而不是attr,如下:layer.open({ ... if(checkStatusData.isManager == 1){ body.find('input[name=isManager]').prop("checked", "checked"); }else{ body.find('input[name=isMan原创 2020-07-28 11:20:23 · 1255 阅读 · 1 评论 -
刷新Layui数据表格的当前页(刷新后仍是当前页,不是表格的第一页)
文章目录一. 问题背景二. 解决方案一. 问题背景后台:SpringBoot前端:Layui情况:自定义一个刷新按钮,点击后,使得表格刷新仍留在当前页参考自:Layui官方文档的数据表格重载二. 解决方案这里只给出一种解决方案,由于渲染数据表格的方式不同,解决方案都会略有不同,但是都是大同小异,最关键的部分是不变的。这里给出的解决方案是只重载数据,没有实现条件搜索的重载,也是大同小异,看懂下面的关键代码就可以去Layui官方文档的数据表格重载学习如何实现条件搜索的重载。最最最关键的代码,注原创 2020-07-25 16:16:15 · 5494 阅读 · 1 评论 -
将后台传来的数据回显到Layui开关中
文章目录一. 问题背景二. 解决方案一. 问题背景后台:SpringBoot前端:Layui情况:前端有一个数据表格,表格中的isManager列是一个开关。后台返回一个isManager数据,值为1或0,根据这个值是0还是1回显到layui的开关中的on或者off参考自:layui admin table表格中根据后台数据动态渲染switch开关二. 解决方案首先给表格的isManager列绑定一个自定义模板,用来显示开关,如下:table.render({ ...原创 2020-07-25 15:13:40 · 1612 阅读 · 0 评论 -
SSM+layui实现退出登录功能,退出后使用SpringMVC重定向页面
一. 问题背景后台:SSM框架前端:layui框架描述:在商城首页点击“退出登录”,浏览器发送请求到后台,controller方法进行处理退出功能,然后重定向页面回到商城首页二. 解决方案==最最最关键的是使用return "redirect:/xxx.html";@RequestMapping(value="/logout") public String logout(Http...原创 2020-03-30 16:29:49 · 2069 阅读 · 1 评论 -
Uncaught TypeError: Cannot create property ‘LAY_TABLE_INDEX‘ on number ‘2
一. 问题描述后台:SSM框架前端:layui框架描述:一个商城,登录普通用户,进入后台管理,查看当前用户的一些信息和操作。(因为当前登录的是普通用户,所以只能看到自己的信息,不能看到别人的信息)二. 报错原因layui的table数据返回接口是data:[{},{},…],所以如果后台的controller方法只返回一个user对象作为data,是会报错table.js?v=15855...原创 2020-03-30 15:10:09 · 9989 阅读 · 2 评论 -
SpringMVC ModelAndView跳转不成功报错Null ModelAndView returned to DispatcherServlet
一. 问题背景后台:使用SSM,controller方法使用返回值为ModelAndView进行前端页面跳转前端:发送ajax请求,交给controller处理,用ModelAndView进行跳转二. 解决方法如果是使用ajax提交请求,那么用ModelAndView.setViewName()是跳转不成功的。除非在controller处理好数据后,==在ajax的回调中使用window....原创 2020-03-24 22:56:21 · 4713 阅读 · 0 评论 -
使用layui实现从商品展示跳转到商品详情页,上一页html跳转到另外一页html,前端值在页面之间的传递
一. 问题背景点击商品展示页,能另外打开新标签跳转到商品详情页,效果如下:前台:使用到的页面全是html没有jsp,所以这里是在html之间传值,从商品展示页传递商品id到商品详情页二. 解决方案2.1 思路给<a>绑定onclick事件定义一个处理跳转的函数2.2 关键代码最最最最最关键的是window.open('xxxxxxxxxxxxx.htm...原创 2020-03-23 15:40:44 · 6010 阅读 · 0 评论 -
SSM使用layui实现商品展示并分页,类似淘宝那样
一. 问题背景1.1 效果图如下:1.2 本项目用到的技术后台:SSM前台:layui,全是html,没有jsp,所以在写路径时要记得加上/项目名商品展示:使用layui的laypage,用ajax 同步请求提交二. 解决方案首先定义一个容器div用来展示商品,定义一个容器div用来显示分页导航栏 <div style="margin-top:70px;" id...原创 2020-03-22 20:58:12 · 6667 阅读 · 42 评论 -
layui的table显示图片后,头部复选框变多了
一. 问题背景现象如下:二. 解决方法把复选框的fixed属性去掉即可,如下:效果如下:原创 2020-03-17 15:11:37 · 428 阅读 · 0 评论 -
使用layui的table显示图片
一. 问题背景项目:一个商城效果:如下二. 解决方案看了网上很多方法,但是99%是成功显示出来,但是按F12会看到有一个404报错。所以我们必须采用layui的tpl模板解决图片问题,才能完美显示并且不报错定义一个tpl模板,用来支持图片 (第三行代码imgPath换成你自己要显示图片的field值),如下:<script type="text/html" id="imgT...原创 2020-03-17 15:09:20 · 13277 阅读 · 12 评论 -
为什么layui的分页总数为0
一. 问题背景后台返回数据正常显示,但是layui的分页那里确实不正常的,总数也显示为0,如下二. 原因分析遇到上面的问题,99%都是后台那里没有返回layui需要的接口形式,layui的接口形式如下:返回数据的格式,必须为code,msg,count,data。如果将他们写错,那么你必须要在table.render()方法里面做parseDta处理。所以我们...原创 2020-03-17 13:49:49 · 2334 阅读 · 1 评论 -
SSM+layui+PageHelper实现分页查询
一. 问题背景需要实现的效果如下:点击每一页,就能查询到每一页的数据二. 解决方案首先需要导入PageHelper的jar包、还有它的依赖包JSqlparse的jar包。这两个jar包基本都在外网,所以这里上传到云盘,有需要的可下载。链接:https://pan.baidu.com/s/1LwkGh9l704-hDtRUa1glDA提取码:5jj8导入上面的两个jar包后,...原创 2020-03-15 21:26:14 · 1618 阅读 · 19 评论 -
layui点击提交后弹出成功信息并关闭layer层
一. 问题背景前端:jsp页面有一个’编辑信息‘的表单,点击’提交‘,使用ajax发送请求,后台处理请求后返回给ajax的success,并弹出处理的信息并关闭窗口二. 解决方法关键在倒数第6行代码,如下:form.on('submit(formDemo1)', function(arg){ console.info(arg.field); ...原创 2020-03-09 14:02:25 · 6117 阅读 · 3 评论 -
layui的iframe弹出层的表单数据回显
一. 问题背景父页面:list.jsp子页面:userEdit.jsp点击‘编辑’,将数据回显到表单,如下:二. 解决方案关键代码如下: layer.open({ type: 2, title: '编辑信息', area: ['750px', '755px'], ...原创 2020-03-07 19:38:31 · 3304 阅读 · 26 评论 -
用layui开启每一行的查看、编辑、删除工具栏
一. 问题背景开启如下效果:二. 步骤在col属性里面添加这一句代码 ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}效果如下:上图中红色圈内的toolbar属性值,是行工具栏的id值,如下:<script type="text/html" id="barDemo"> &...原创 2020-02-24 11:22:08 · 1208 阅读 · 0 评论 -
怎么使用ssm整合layui做前端界面
一. 问题背景当前项目是做一个用户后台管理功能。采用SSM搭建框架,前端使用layui搭建,前端显示所有用户信息。本文章的重点是怎么采用layui,把前端界面快速写好1.1 模块设计模块说明index.jsp写一个超链接,点击该链接,经过后台处理后,后台则将用户信息传到另一个页面并显示出来UserHandlerMVC模式的Controller层,即Servlet...原创 2020-02-23 17:49:41 · 2359 阅读 · 0 评论