Thymeleaf
学习总结
W_Meng_H
希望是本无所谓有,无所谓无的!
这正如地上的路,其实地上本没有路,走的人多了,也便成了路!
展开
-
Thymeleaf-Input Date
Input Date属性,可以直接生成日期表,代码如下:<div class="col-md-6"> <div class="form-group"> <label class="col-sm-4 control-label">开始时间:</label> &原创 2018-07-17 16:56:15 · 2048 阅读 · 0 评论 -
Autocomplete-自动补全(Ajax)
效果图:第一步: 添加脚本支持<link rel="stylesheet" href="/plugins/Autocomplete/css/jquery-ui.min.css"><script th:src="@{/plugins/Autocomplete/js/jquery.min.js}"></script><script th...原创 2019-04-19 14:24:06 · 1212 阅读 · 0 评论 -
Springboot-文件上传(后端)
配置文件://服务器路径#file.uploadFolder=/root/uploadFiles///本地路径file.uploadFolder=d://uploadFiles///上传文件大小和总量限制spring.servlet.multipart.max-file-size=50Mbspring.servlet.multipart.max-request-size=50M...原创 2018-10-24 10:31:36 · 1170 阅读 · 6 评论 -
Springboot-文件下载(后端)
配置文件://服务器路径#file.uploadFolder=/root/uploadFiles///本地路径file.uploadFolder=d://uploadFiles/ //上传文件大小和总量限制spring.servlet.multipart.max-file-size=50Mbspring.servlet.multipart.max-request-size=50...原创 2018-10-25 16:46:50 · 16708 阅读 · 7 评论 -
Springboot-文件上传(前端)
工具:bootstrap-fileinput 、bootstrap-table 、模态框一、配置bootstrap-fileinput1、下载插件,导入项目中:2、html页面<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.th...原创 2018-10-18 16:58:02 · 2081 阅读 · 0 评论 -
SpringBoot-Excel文件批量上传导入数据库
Spring boot + Spring data jpa + Thymeleaf批量插入 + POI读取 + 文件上传pom.xml:<!-- https://mvnrepository.com/artifact/org.apache.poi/poi --><dependency> <groupId>org.apache.poi<...原创 2018-10-06 21:39:33 · 5512 阅读 · 7 评论 -
Springboot-自定义错误页面(4xx/5xx)
此方法适用于项目打jar包的方式!!! 1、在config包下创建ErrorConfiguration类:import org.springframework.boot.web.server.ErrorPage;import org.springframework.boot.web.server.ErrorPageRegistrar;import org.springframew...原创 2018-10-11 13:20:43 · 1260 阅读 · 0 评论 -
Thymleaf-解决IE浏览器表单重复提交
火狐浏览器、谷歌浏览器不会出现这个问题,但是IE浏览器会出现这个问题,在方法中加入return false即可。 <script> //保存 function save() { document.forms.thisForm.action="/console/milestone/savedata/add"; document.thi...原创 2018-10-11 13:07:40 · 913 阅读 · 1 评论 -
Thymleaf-多个按钮提交一个表单
问题:保存和提交相同的form表单 解决方案:<script> //保存 function save() { document.forms.thisForm.action="/console/milestone/savedata/1"; document.forms.thisForm.submit(); ...原创 2018-09-26 15:52:39 · 1761 阅读 · 0 评论 -
Thymleaf-回显富文本(html标签、CKeditor等)
输入方式: 回显方式:代码: <div th:utext ="${thisMilestone.description}">description</div>用th:text不会解析html,用th:utext会解析html,在页面中显示相应的样式。 两者区别:https://blog.csdn.net/rongxiang11...原创 2018-08-20 16:54:48 · 3648 阅读 · 0 评论 -
SpringBoot-打Jar包 问题总结
打Jar包流程:https://www.cnblogs.com/gynbk/p/7954100.html 问题1:RSA premaster secret error: SunTls12RsaPremasterSecret KeyGenerator not availablehttps://blog.csdn.net/daydayuptiantian/article/details...原创 2018-08-20 16:23:17 · 503 阅读 · 0 评论 -
SpringBoot-项目打成Jar包,出现页面无法跳转
thymeleaf在开发环境正常,但用jar运行时报错 Error resolving template template might not exist or might not be accessible Error resolving template "login", template might not exist or might not be accessible by any ...原创 2018-08-20 16:18:00 · 1814 阅读 · 0 评论 -
JavaWeb-前端获取ckeditor的textarea的值
前端获取ckeditor的值:HTML:<div class="form-group"> <label for="description" class="col-sm-2 control-label">描述:</label> <div class="col-sm-9 col-md-9"> &l原创 2018-08-03 15:04:18 · 713 阅读 · 0 评论 -
SpringBoot-Missing URI template variable 'id' for method parameter of type String
原因:就是spring的controller上的@RequestMapping的实参和方法里面的形参名字不一致前端:<a class="btn btn-app" th:href="@{/console/milestone/allsee(id=${projectId})}"> <i class="fa fa-eye"></i> 查看&am原创 2018-08-02 16:49:37 · 21663 阅读 · 2 评论 -
Thymeleaf-时间轴页面(List遍历)
因业务需要,需时间轴的形式展现任务简报,其中使用了Thymeleaf的遍历,前端对日期进行格式化等。代码:<div class="cd-timeline-block" th:each="milestones,stat:${thisMilestone}"> <span th:if="${milestones['approval_status']} eq '0'...原创 2018-07-27 15:29:01 · 1519 阅读 · 0 评论 -
Thymeleaf-如何获取model中的值
后台的实现:@RequestMapping("/adds")public String ProtaskAdd(Model model){ model.addAttribute("name","测试用例" ); return "protask/adds";} 前端值的获取:1、将model中的值赋给hidden,然后Js获取隐藏域的值。/...原创 2018-07-17 17:03:45 · 28187 阅读 · 0 评论 -
Autocomplete-Select(自动填充)
效果图:Autocomplete官网:https://api.jqueryui.com/autocomplete/#event-selectAutocomplete基本使用方式:https://blog.csdn.net/W_Meng_H/article/details/89399270Select(自动填充):$("#chineseName").a...原创 2019-08-16 14:23:36 · 2833 阅读 · 0 评论