
layui
Moshow郑锴
Powered by Core iMoshow
-
原创 css中a标签不显示下划线怎么设置(通过text-decoration:none样式)
前言有时候我们需要设置一些隐藏的入口,例如后台管理页面,内部人员可以轻松的从某处文字点击进入,而外部其他人没有研究网页或者不熟悉的话是不知道的。大系统来讲是不合理的,小系统来讲还挺不错的。而a标签自带的下划线会暴露这是一个链接,设置a标签没有下划线的样式则是本文的重点。解决方案设置 style="text-decoration:none;" ,text-decoration是文字装饰的样式,相当于不要任何的文本样式。<p> <a href="${request.context2020-10-19 19:45:48903
0
-
原创 layui数据表格自动换行解决办法
问题背景不是所有的列表都是一行就搞定,如果遇到layui.table需要支持自动换行的情况,这个时候就需要改造layui的数据表格,支持自动换行。想要实现的效果如下:(原图找不到了,用另外一个做demo把)单行 => 多行自动换行改造完成效果(自动换行):解决方案核心代码/改造要点如下:修改css样式,支持换行(*必须)。<style> .layui-table-cell { line-height: 20px !important;2020-08-02 23:02:521144
0
-
原创 layui之layer根据分辨率调整全屏(js判断分辨率)
问题背景使用layer作为后台CRUD UI体系的时候,大多数 添加/编辑 功能我是使用了layer.open来打开一个模态页面框。该方案在高分辨率的时候十分友好,但是在低分辨率特别是笔记本上显示效果堪忧,建议全面。所以我们的解决思路是: 利用js判断分辨率,width横向分辨率 大于 1366则layer默认小窗口,如果横向低于或者等于1366分辨率则直接layer全屏。大屏的范围一般是从width大于1366开始,例如我这个2k屏编辑起来就超级无敌爽,width小于或者低于1366,例如那些破笔记2020-07-29 23:35:27765
0
-
原创 springboot+layui集成jwt改造知识要点
前言最近有个项目用到jwt,jwt相比session的好处就是无状态stateless化,简单的讲,掉线或者网络波动不会导致重新登录,只要JWT有效即可继续请求。#后端框架:SpringBoot+Freemarker+LayUI#开源项目:SpringBootCMS(https://github.com/moshowgame/SpringBootCMS)#SpringBoot+SpringSecurity+JWT搭建手册:SpringBoot2+SpringSecurity整合JWT,前后端分离的2020-06-03 22:15:513230
2
-
原创 layui下拉框联动查询效果
前言之前有这么一个功能,需要设计一个联动效果来联动几个选择框,假设这里是院系-专业-班级,又或者省-市-县,又或者一级部门-二级部门等等的,一个下拉框选择联动另一个下拉框,其实都是异曲同工之妙。解决方案*. 由于系统代码为保密,所以这里只摘录部分代码并对原有的变量等做了处理。HTML部分,两个select框。<label class="layui-form-label">...2020-04-13 23:42:321555
0
-
原创 layui获取复选框checked值
前言对于后台开发来讲,layui是一个很后台的前端框架,适合搭建管理后台,各方面都很好,唯独有个地方不好,就是checkbox多选方面,不能直接返回多选值,只能返回最后选的一个,这究竟是官方的bug还是有意为之我们也无从得知,原因是没有的,但是解决方案有。解决方案<div class="layui-form-item"> <label class="layui-fo...2020-04-13 00:30:301035
0