![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 72
# Html-JS-JQ-Vue-React-Layui
慕白Lee
业精于勤荒于嬉,行成于思毁于随。 学业由于勤奋而专精,由于玩乐而荒废;德行由于独立思考而有所成就,由于因循随俗而败坏。 ——出自(唐)韩愈《进学解》
展开
-
HTML实用总结(VIP典藏版)
标签分类:块状元素、行级元素块状元素:一般都是新起一行,可以容纳行内元素和其他块级元素;行级元素:一般都是语义级别的基本元素,一般只能容纳文本或者其他行内元素。块状元素和行内元素的区别:1 、 块级元素会独占一行,其宽度自动填满其父元素宽度;行内元素会排列到同一行里,其宽度随元素的内容变化而变化。2 、块级元素可以设置宽高;行内元素设置宽高无效。3 、块级元素可以设置 margin , padding 属性;原创 2022-05-26 11:33:47 · 1068 阅读 · 0 评论 -
Layui上传文件提示org.apache.tomcat.util.http.fileupload.FileUploadBase$FileSizeLimitExceededException: The
springboot项目在上传较大文件时报错:org.apache.tomcat.util.http.fileupload.FileUploadBase$FileSizeLimitExceededException: The field file exceeds its maximum permitted size of 1048576 bytes.报错的原因是:springBoot项目自带的tomcat对上传的文件大小有默认1M限制,SpringBoot官方文档中展示:每个文件的配置原创 2021-11-11 17:04:45 · 32757 阅读 · 1 评论 -
Echarts超实用10篇解决方案图文细节
官网:https://www.echartsjs.com/index.htmlEcharts踩坑历程实录柱状图:饼图:散点图:k线图:关系图:路径图:树图:漏斗图:数据集:富文本:酷炫展示:待写。。。有用请点赞,备忘请收藏,交流请留言!...原创 2019-08-25 18:28:51 · 457 阅读 · 0 评论 -
【VSCode】npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
没有使用管理员打开vscode,使用管理员打开vscode就可以了,本人是这种情况...全局安装目录没有加入系统环境变量Path中,如果不指定npm默认安装目录,那就是安装到。3)如果想更新到指定版本,运行指令。全局安装后,配置环境变量后重启即可。一般有一下几种情况,欢迎补充~2)如果不是最新版本,运行指令。1)查看npm当前版本。原创 2020-08-13 21:20:30 · 75706 阅读 · 9 评论 -
Layui列表隔行换色
Layui常用总结 https://blog.csdn.net/libusi001/article/details/100065911 一、加入参数//“方法级渲染”配置方式table.render({ //其它参数在此省略 skin: 'line' //行边框风格 ,even: true //开启隔行背景 ,size: 'sm' //小尺寸的表格}); 二、效果有用请点赞,养成良好习惯!疑问、交流、鼓励请留言!...原创 2021-01-17 20:23:17 · 33219 阅读 · 0 评论 -
Layui重置按钮局部不好使
将外层div改成如下两行格式<form class="layui-form" action=""> <div class="layui-form-item"> <div></div> <div></div> </div></div>原创 2020-08-17 10:18:12 · 6586 阅读 · 0 评论 -
Spring Boot上传文件后台报错:MissingServletRequestPartException:Required request part ‘File‘ is not present
一、报错信息上传文件时报错:[org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part ‘File’ is not present。二、正确代码layui.upload.render({ elem: "#impo...原创 2020-04-09 21:38:20 · 38153 阅读 · 7 评论 -
layui图标无法正常显示(乱码())
方案1:项目初建的情况,忘记引入font文件夹方案2:js和css/font不在同一个文件夹下方案3:使用layui-icon时出现了默认图标问题(网路截图)方案4:原因:经过maven的filter,会破坏font文件的二进制文件格式,导致前台解析出错。...原创 2020-03-29 23:50:38 · 10933 阅读 · 2 评论 -
Springboot+Layui+Thymeleaf
在学习SpringBoot Web应用开发之前,我们都是通过@RestController 来处理请求,所返回的内容为json对象。如果返回html页面,则用@Controller直接请求,匹配请求为@RequestMapping("/")@Controllerpublic class HelloController { @ResponseBody @Req...原创 2020-01-03 16:31:20 · 795 阅读 · 1 评论 -
Layui后台时间格式数据接收
Layui超实用20篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、前端 <div class="layui-form-item"> <label class="layui-form-...原创 2019-12-16 10:19:42 · 34750 阅读 · 0 评论 -
array instantiation can be simplified
array instantiation can be simplified数组的实例化可以简化原创 2019-12-12 10:57:29 · 1452 阅读 · 0 评论 -
Layui文件单个上传、批量上传、多条件上传
Layui超实用技术解决方案一、文件上传前端<div> <div class="layui-upload" align="left"> ...原创 2019-10-31 17:15:36 · 46124 阅读 · 37 评论 -
Layui数据表格分页参数详解
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~参数释义:table.render({ elem: '#test' , url: ctxPath + 'jarI...原创 2019-10-23 18:22:05 · 38740 阅读 · 0 评论 -
Layui富文本layedit赋值、取值
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、Layui富文本框layedit<form class="layui-form" action="" lay-filter="example">...原创 2019-09-11 10:20:23 · 13706 阅读 · 2 评论 -
Layui富文本layedit使用:创建,回显,异步提交
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、html代码<form class="layui-form" action="" lay-filter="example"> <...原创 2019-09-11 09:38:43 · 8665 阅读 · 2 评论 -
Layui下拉框之select模糊搜索查询功能
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、HTML代码<form class="layui-form" action=""> <label class="l...原创 2019-09-10 22:43:09 · 42351 阅读 · 4 评论 -
Layui导出Excel数据
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、前端代码(多条件筛选导出数据)<form class="layui-form" th:action="@{/exam/exportExcel}">...原创 2019-09-10 15:33:03 · 8097 阅读 · 0 评论 -
Layui按钮动态展示
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、列表页barDemolayui.use('table', function () { var table = layui.table; ...原创 2019-09-10 15:16:07 · 8501 阅读 · 2 评论 -
Layui导入Excel数据到数据库
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、前端页面1、内容主题区域<script type="text/html" id="toolbarDemo"> <...原创 2019-09-10 10:00:52 · 14640 阅读 · 12 评论 -
Layui文件下载(VIP典藏版)
Layui文件下载(VIP典藏版)原创 2020-07-04 17:22:59 · 71320 阅读 · 29 评论 -
Layui实现二级联动及多级联动
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、筛选框代码 <form class="layui-form" action=""> <label c...原创 2019-09-10 09:16:05 · 36051 阅读 · 2 评论 -
Layui下拉框之select动态数据Ajax
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、下拉框代码 <div class="layui-form-item"> <label class="layui-form-...原创 2019-09-10 09:07:35 · 35332 阅读 · 0 评论 -
Layui常用总结50篇(VIP典藏版)
一、常用技术解决方案:Layui模糊查询 https://blog.csdn.net/libusi001/article/details/94363725 Layui后台时间格式数据接收 https://blog.csdn.net/libusi001/article/details/103557928 Layui下拉框之select动态数据Ajax https://b...原创 2019-08-25 18:22:01 · 40531 阅读 · 3 评论 -
Layui重载reload使用后加载不了页面
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、问题Layui重载reload使用后加载不了页面二、问题分析1、重载reload选项有一个需要从数据查询数据展示,是在加了这个功能后才出现的情况,...原创 2019-08-21 10:36:01 · 9518 阅读 · 0 评论 -
Layui模糊查询(VIP典藏版)
Layui超实用10篇技术解决方案一、模糊查询条件<form class="layui-form" action=""> <label class="layui...原创 2019-06-30 23:58:38 · 45701 阅读 · 4 评论 -
Layui时间格式化
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、Layui时间格式化方法:layui.util.toDateString(date,‘yyyy-MM-dd HH:mm:ss’) , {field: '...原创 2019-06-30 23:53:34 · 13731 阅读 · 0 评论 -
Layui导航栏加载不出
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、直接官网找对应示例代码官网:https://www.layui.com/二、看到导航栏相关代码...原创 2019-06-20 09:53:31 · 7772 阅读 · 0 评论 -
Select下拉框显示数据且无法改变值
原创 2019-06-19 17:55:03 · 853 阅读 · 0 评论 -
Layui多层Json数据查询
Layui超实用10篇技术解决方案:https://blog.csdn.net/libusi001/article/details/100065911~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、查看方法返回值结构F12-网络-方法-响应二、补充对应层级关系,templet:'<div>{{d.sfUser.name}}<...原创 2019-06-19 17:33:44 · 7412 阅读 · 1 评论 -
uglifyjs压缩JS
目录一、安装Node.js二、安装uglifyjs三、参数四、压缩代码很多js都有.min版本,一般分为开发版和发布版两种.发布版一般都要走压缩混淆的流程.目的是为了减小文件的大小, 尽量减少网络开销,其次是增加破解难度一、安装Node.jshttps://blog.csdn.net/libusi001/article/details/107980213二、安装uglifyjsnpm install uglify-js -g三、参数https:/.原创 2020-09-05 12:30:33 · 347 阅读 · 0 评论 -
模板解析过程中发生错误:An error happened during template parsing (template: "class path resource
An error happened during template parsing (template: "class path resource待原创 2020-04-19 23:20:56 · 57485 阅读 · 10 评论 -
一个DIV 完全覆盖另一个DIV
div默认的是后面一个div根据前一个div来定位. 是相对定位;而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面.<style>.parentDiv{position:relative;}.div1{position:absolute;z-index:1;}.div2{position:...原创 2019-08-09 09:50:16 · 2281 阅读 · 1 评论 -
JS判断两个数字的大小
JSJQ使用总结及常见问题(更新于202001):https://blog.csdn.net/libusi001/article/details/103824113~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、前言JS中的var定义的变量默认是字符串,如果单纯的比较字符串的话,会出现错误,需要先转化为int类型再做比较。二、备注1...原创 2020-01-03 17:29:52 · 1085 阅读 · 0 评论 -
JSJQ使用总结及常见问题(更新于202001)
一、JS使用总结二、JS常见实用解决方案三、JS常见问题总结 JS判断两个数字的大小 https://blog.csdn.net/libusi001/article/details/103823947原创 2020-01-03 17:27:40 · 345 阅读 · 0 评论 -
一个DIV 完全覆盖另一个DIV
div默认的是后面一个div根据前一个div来定位. 是相对定位;而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面.<style>.parentDiv{position:relative;}.div1{position:absolute;z-index:1;}.div2{position:...原创 2019-08-09 09:50:16 · 2281 阅读 · 1 评论 -
JS实用总结(VIP典藏版)
JS简单总结(VIP典藏版)一、概念二、JS事件三、JS 函数四、JS的组成部分原创 2019-07-21 15:08:03 · 777 阅读 · 0 评论 -
SpringCloud:一文搞懂分布式微服务架构(VIP典藏版)
是以开发一组小型服务的方式来开发一个独立的应用系统,每个微服务都运行在自己独立的进程里,微服务之间通过一些轻量级的通信机制进行通讯。原创 2019-08-26 11:20:59 · 360 阅读 · 0 评论 -
一文搞懂Nacos(VIP典藏版)
上图中比较简单的几个角色eureka:服务的注册中心,主要是保存服务的信息,可以进行搭建集群来提高注册中心的高可用提供者:将自己的服务信息注册到eureka上面供消费者消费,同时也将获取注册表信息到本地消费者:在eureka上面拉取服务,然后通过httpclient进行调用服务,同时也将自己的信息注册到eureka上面定义:简单的说zookepper=文件系统+监听通知机制。.........原创 2019-08-29 17:31:56 · 1238 阅读 · 0 评论