博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SpringMVC+Thymeleaf +HTML的简单框架
阅读量:4678 次
发布时间:2019-06-09

本文共 3861 字,大约阅读时间需要 12 分钟。

一、问题

项目中需要公众号开发,移动端使用的是H5,但是如果不用前端框架的话,只能考虑JS前端用ajax解析JSON字符串了。今天我们就简单的说下前端框架Thymeleaf如何解决这个问题的;

二、开始实战

2.1:配置pom.xml

org.thymeleaf
thymeleaf-spring4
3.0.9.RELEASE
org.thymeleaf
thymeleaf
3.0.9.RELEASE

2.2:配置Spring mvc的主配置文件(spring-mvc.xml)

View Code

需要注意的是:下面的是关键配置

<mvc:resources mapping="/img/**" location="/img/" />

<mvc:resources mapping="/js/**" location="/js/" />
<mvc:resources mapping="/css/**" location="/css/" />
<mvc:resources mapping="/html/**" location="/html/" />
<mvc:resources mapping="/tinymce/**" location="/tinymce/" />
<mvc:resources mapping="/upload/**" location="/upload/" />
<mvc:resources mapping="/assset/**" location="/assset/" />
<!-- 定义跳转的文件的前后缀 ,视图模式配置-->
<!--采用前端模板工具thymeleaf-->
<bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">
<property name="prefix" value="/html/" />
<property name="suffix" value=".html" />
<property name="templateMode" value="HTML5" />
<property name="cacheable" value="false" />
<property name="characterEncoding" value="UTF-8"/>
</bean>

2.3:Controller配置

@RequestMapping(value = "/QueryUserbyOpenId", method = RequestMethod.GET)    public String QueryUserbyOpenId(String openid,HttpServletRequest res,ModelMap model)    {        System.out.println("来了");        User user=new User();        user=userService.findByOpenId(openid);        if(user!=null)        {            model.addAttribute("user_name", user.getUser_name());            model.addAttribute("user_sex",user.getUser_sex());            model.addAttribute("user_age", user.getUser_age());            model.addAttribute("user_address", user.getUser_address());            model.addAttribute("user_mobile", user.getUser_mobile());        }        System.out.println("------------------:"+user.getUser_id());        return "userInfo";

return 返回的就是html视图的名称,具体是html还是jsp是在spring mvc中配置,需要在方法中生命ModelMap 来存放对象

2.4:HTML取值

    
个人中心
修改个人信息
20元
金额
0个
U点
0张
优惠券
| 基本信息
性别:
年龄:
地址:
手机:

导入命名空间 <html lang="en" xmlns:th="http://www.thymeleaf.org">,用th:text标签取值

posted on
2018-06-10 21:24 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/wxjnew/p/9164469.html

你可能感兴趣的文章
xBIM 实战02 在浏览器中加载IFC模型文件并设置特效
查看>>
【中国剩余定理】【容斥原理】【快速乘法】【数论】HDU 5768 Lucky7
查看>>
Session变量不能传送到下一页.解决: session.use_trans_sid = 1
查看>>
现代Java Web开发框架分析
查看>>
markdown的使用说明
查看>>
【8086汇编基础】04--中断
查看>>
Mvc不等于三层架构
查看>>
EnableViewState
查看>>
间接赋值从0级指针到1级指针
查看>>
C# socket通讯使用域名的方法
查看>>
yii2 默认访问的控制器
查看>>
iOS7 CookBook精彩瞬间(三)UIActivityViewController的基本使用及自定义Activity
查看>>
DOM--1 遵循最佳实践
查看>>
[HNOI2013]游走
查看>>
车林通购车之家--购车计算器模块--车型弹窗
查看>>
sizzle源码分析 (2)ID 类 tag querySelectorAll 快速匹配
查看>>
python学习笔记-day9-2【面向对象】
查看>>
使用 form 和 iframe 实现图片上传回显
查看>>
数组常见算法题
查看>>
php抓取网页内容的方法
查看>>