前端layui
文章平均质量分 62
小小鱼34309335
这个作者很懒,什么都没留下…
展开
-
javascript返回语句的正确用法
当在方法里面使用js函数时,碰到不符合要求需要返回时,直接使用return就可以了,例如以下截图但如果是在主程序中,碰到不符合条件,需要提醒用户采取某种操作,并不再继续执行接下来的代码时,应该使用return false,如下图所示:此处如果只写return是,会继续执行下面的ajax操作...原创 2021-11-29 11:09:50 · 810 阅读 · 0 评论 -
asp.net mvc整合layui实现文件上传操作
最近研究了一下如何利用asp.net mvc实现文件上传操作,经过一番摸索,现在将代码贴出来。本次功能只有单纯实现文件上传,不包括对上传的文件进行读操作,或者返回到前端页面显示的功能前端代码<input type="file" id="btn_file" style="display:none"><!--隐藏起来-->如果需要显示上传按钮的,可以去掉样式stylejs代码部分layui.use(['table', 'laydate', 'layer', 'form原创 2021-08-11 10:55:01 · 766 阅读 · 0 评论 -
layui tree整合jquery-smartMenu组件实现右键点击节点操作
最近在研究layui的tree组件,并结合jquery-smart实现右键点击功能,现在贴出代码,前端(核心部分)<script type="text/javascript" src="~/Scripts/jquery-smartMenu.js"></script><div id="test1" class="demo-tree demo-tree-box" style="width: 500px; height: 1000px; overflow: scroll;原创 2021-08-10 16:49:06 · 706 阅读 · 0 评论 -
layui表单提交时间参数到springboot后端对象无法识别的解决办法
前端为layui实现的表单,有一个时间选项,提交到后台时,发现对象的时间字段一直为Null,现在给出解决办法。我的前端页面是这样的:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>添加上岗证信息</title> <link rel="stylesheet" href="/layui/css/layui...原创 2020-07-30 17:58:43 · 1059 阅读 · 0 评论 -
打开页面后使得动态加载的下拉列表框显示上一次用户选择的结果的实现办法
如果你的后台网站页面不是以选项卡的形式展现的,而是打开a页面,再打开b页面时,a页面已经被覆盖的情况,那么当你再打开a页面时,之前在a页面上选择或者输入的信息全部丢失了,以下将介绍一种实现办法。例如,当打开页面时,有一个下拉列表框是动态加载的,所以这里只占一个位置<div class="layui-col-xs6 layui-sm-4 layui-md-4 layui-lg-4" style="padding: 10px"> <div...原创 2020-05-09 09:13:19 · 513 阅读 · 0 评论 -
angular7整合layui框架,实现laypage的功能
这一篇是对之前写的实现layer的改进。采用webstorm2018开发angular7项目第一步,到layui官网下载layui源码包,然后粘贴到assets目录下,如图第二步,创建一个保存全局变量的文件,typings.d.ts,其中,ts是typescript文件后缀名。保存以下变量第三步,在需要使用layui分页的组件中的ts文件中定义laypage,注意不要以<...原创 2019-04-19 09:17:41 · 1720 阅读 · 0 评论 -
angular7整合layui框架,实现layer功能的解决办法
最近在做angular项目开发,需要使用到弹出窗口功能,发现还是layui的layer比较好用,经过一些弯路之后,总算把问题解决了,现在将办法提出来。首先,我是直接导入layui,不是单独只导入layer,因为我其他的页面也需要用到layui的css样式。网上的办法有的是在angular.json导入相应的js和css,这种办法比较适合单独导入layer的情况。我的做法是这样的。...原创 2019-04-18 09:19:28 · 3785 阅读 · 0 评论 -
基于highcharts的带数据标签的折线图实现
最近的项目需要实现折线图和圆饼图,研究了highcharts一段时间后,成功的实现了这两个图的显示方法。本文只讨论折线图的实现方式。前端采用layui,jquery,html5等技术,后端采用ssm框架。本次只是演示,故后端只在controller层中添加假数据,并没有访问mybatis层。现在开始贴代码:<head> <meta charset="UTF-8"&...原创 2018-08-19 11:59:18 · 1565 阅读 · 0 评论 -
layui下tab鼠标右键点击关闭其他tab的实现
本文是在之前看到的一篇博客的基础上改进的,去掉了关闭当前功能,修改为关闭其他tab。现在将代码关键部分实现代码贴出来:首先是样式 <style> .rightmenu { position: absolute; width: 80px; z-index: 9999; display: none; background-color: #fff; padding: 2...原创 2018-08-14 15:44:34 · 5013 阅读 · 0 评论 -
使用layui上传txt文件到springmvc不保存到服务端直接读取
最近做项目碰到需要上传txt文件,并且需要读取txt文件的内容到mysql数据库,但是服务端并不需要上传的txt文件的情况。 现在将代码贴出,首先是前端layui的上传模块部分,需要先导入layui的相应js文件。这个是必须要导入的 之后是上传部分的代码: 然后是后端的springmvc的接收代码部分:箭头指向的地方就是接下来需要实现的业务逻辑代码,比如读...原创 2018-07-26 10:03:54 · 2016 阅读 · 0 评论 -
layui的reload:function()后面中文参数传到后端出现乱码的问题
最近将一个.net项目迁移到java时,在前端使用Layui,jquery,h5框架,后端采用ssm框架,编辑平台为idea,所有的编码格式都设置为UTF-8,但是当我在前端查询一个中文名字时,如下如所示:传到后端的控制层后,打印出来的中文就是乱码,比如?????这样的显示。解决办法:将表格的自动渲染里面假如一个method=post,如下图所示:参照layui文档,并没有提到method方法,经...原创 2018-07-06 17:37:49 · 7360 阅读 · 0 评论 -
jquery的ajax需要传json数据到controller层带request和response参数的方法解决办法
最近碰到需要在controller层方法上带有request和response的情况,经过几天的摸索,现在把解决办法贴上。下面直接上代码:前端jquery的ajax核心部分:本实例主要是在Layui框架下,将时间参数传到后方,data域为传过去的起始时间和开始时间,注意contentType后面写法,如果是传输普通的json数据情况,则是按照我注释的办法写。 后端controller...原创 2018-06-11 19:46:55 · 3505 阅读 · 2 评论 -
基于ssm框架下的layui分页实现
今天完成了基于ssm框架下,layui的分页操作,现在把核心内容分享一下:1.前端页面的关键代码,基于html5<!--自动渲染--><table class="layui-table" lay-data="{cellMinWidth:100, height:'full-500', url:'meter/query', page:true, id:'idTest'}" lay-...原创 2018-06-04 19:54:25 · 5181 阅读 · 3 评论 -
layui前端框架下,jquery的ajax提交表单数据到springmvc控制层的参数配置
最近一段时间开始自学layui前端框架下,表单提交数据到后端的方法。前端采用h5,layui,jquery,后端采用ssm框架,现在直接上代码前端表单页面代码(核心部分):<body> <section class="layui-larry-box"> <div class="larry-personal"> <header...原创 2018-04-22 13:03:19 · 13128 阅读 · 1 评论