SpringMVC+thymeleaf

这个也是配置了好久，对Spring也是似懂非懂，虽然可以简单的搭建出来项目，但是很多东西确实还是不太理解

但是最近公司的项目上是利用的SpringBoot这个框架，都是Spring啊，所以我自己练习的时候感觉Spring是否也是使用thymeleaf这个模板

比如在修改页面，之前我们需要做的事情是，从后台查询出来每一个字段，然后里面js给每一个控件进行赋值，讲数据回显到页面上，那么我们能不能在加载该页面的时候，一些变量自然的显示到页面上，如何实现这样的功能，这个就是需要我们用到的模板

1.模板的使用----pom.xml 中引入相关的jar

 <dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring4</artifactId><version>3.0.11.RELEASE</version></dependency>

2.配置Spring视图利用thymeleaf实现返回视图的解析 SpringMVC-servlet.xml的配置

<!--  <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="prefix" value="/WEB-INF/pages/" /><property name="suffix" value=".html" /></bean> --><bean id="viewResolver" class="org.thymeleaf.spring4.view.ThymeleafViewResolver"><property name="order" value="1"/><property name="characterEncoding" value="UTF-8"/><property name="templateEngine" ref="templateEngine"/></bean><bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine"><property name="templateResolver" ref="templateResolver" /></bean><bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver"><property name="prefix" value="/WEB-INF/pages/"/><property name="suffix" value=".html"/><property name="templateMode" value="HTML5"/><property name="characterEncoding"  value="UTF-8" /></bean>

这个里面有注释的部分，注释的部分是之前的视图解析用到的bean，这个bean仅仅是将后台返回的字符串映射到对应的html文件

没有实现数据渲染的效果

3.调用后台controller返回页面地址和要需要渲染的数据

 @RequestMapping(value = "/useredit_init")public String useredit_init(String rowguid,Model model) {UserInfo user = userService.getUserByGuid(rowguid);model.addAttribute("user", user);return "userinfo/useredit";}

4.改变html标签，实现数据的渲染功能

     <div class="col-xs-6"><label for="exampleInputPassword1">地址</label> <input type="text" class="form-control" placeholder="地址" id="address"required="true" th:value=${user.address}></div>

th:value=${user.address}

最后实现的效果就是我们一开始的那张图一样了

希望对你有所帮助

SpringMVC+thymeleaf相关推荐

SpringMVC+Thymeleaf +HTML的简单框架
SpringMVC+Thymeleaf +HTML的简单框架一.问题项目中需要公众号开发,移动端使用的是H5,但是如果不用前端框架的话,只能考虑JS前端用ajax解析JSON字符串了.今天我们就简 ...
eclipse springmvc+Thymeleaf
修改pom.xml引入Thymeleaf相关包: <project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi=&q ...
SpringMVC+Thymeleaf如何处理URL中的动态查询参数
1.使用一个Map<String, String>接收数据 When you request a Map annotated with @RequestParam Spring creat ...
SpringMVC集成Thymeleaf
一.项目配置以前在SpringBoot中使用过Thymeleaf,感觉非常好用,可是现在准备做一个ssm的项目,里面需要集成一个前端模版引擎.为什么选择Thymeleaf,他有以下好处 Thymel ...
Spring MVC + Thymeleaf
参考网址: https://www.cnblogs.com/litblank/p/7988689.html 一.简介 1.Thymeleaf 在有网络和无网络的环境下皆可运行,而且完全不需启动WEB应 ...
JAVA入门[22]—thymeleaf
一.thymeleaf官网官网:https://www.thymeleaf.org/index.html doc:https://www.thymeleaf.org/documentation.ht ...
thymeleaf 学习笔记-基础篇(中文教程)
转自: http://www.cnblogs.com/vinphy/p/4674247.html (一)Thymeleaf 是个什么? 简单说, Thymeleaf 是一个跟 Velocity.Fre ...
前端js获取SpringMvc后台model中传值
也许你迷茫,但是我想说,在你迷茫的同时,保持本心,过好今天就好. 使用 SpringBoot +SpringMVC +thymeleaf 组合实现的功能,期望在 thymeleaf 中的html中的j ...
Thymeleaf 是个什么？
thymeleaf 空值的处理: 一)Thymeleaf 是个什么? 简单说, T ...

SpringMVC+thymeleaf

SpringMVC+thymeleaf相关推荐

最新文章

热门文章