zoukankan      html  css  js  c++  java
  • Springboot笔记(二)整合

    1.整合Freemarker

    一种模板引擎,前端渲染模板的,类似于EL,jsp,不过比前两个好用

    导入很简单   pom.xml

            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-freemarker</artifactId>
            </dependency>
    

     然后添加一下配置文件,上网搜,不贴

    前端模板:  .ftl  后缀名,渲染语法如下:   

    ${test}   直接输出变量
    
    <#if adress=="21">
    
      <#elseif sex=='"212">
    
      <#else>
    
    </#if>
    
    数组元素的遍历
    
    <#list lists as l>
    
      ${l.p}
    
    </#list>
    

     前端代码

    test.ftl

    测试测试
    ${name}
    <#list listResults as result>
        ${result}
    </#list>
    

     后端代码:

    @Controller
    public class TemplateController {
        @RequestMapping("testTemplate")
        public String test(Map<String, Object> map){
            map.put("name","测试名字");
            List<String> listResults = new ArrayList<String>();
            listResults.add("sda");
            listResults.add("222da");
            listResults.add("s22121da");
            map.put("listResults",listResults);
            return "test";
        }
    
    }
    

      注意两点就行:  return "test";  test就是   test.ftl   ,  test.ftl获取返回值时候,从map里面取得,所以后端直接把数据放在map里面。

    2.整合Thymeleaf 模板引擎

    优点:不需要启动整个项目,单独运行,可以单独启动,基本上替代了jsp,还有很多其他的,纯正的html,脱离了模板,前后端都可以直接运行

    语法比较多,简单说几个,用时候官网看吧,就是给前面加上th,代表使用了该模板引擎

    ${name}   th:text="${name}"      输出变量,注意一下所有的变量都放在th:text="${name}"其中即可

    @{/test}   相对于根路径           替换href  th:href="@{/test}"

    @{../test}   相对于当前路径

    注意一下两种controller的区别,RestController返回的字符串就是字符串,不能当做html模板解析,Controller可以根据字符串进行模板匹配

    简单来讲,后端传入一个Model对象,给里面加入属性,返回到templates目录下的某一个html页面,前端使用规定语法进行渲染。

     渲染方式用的时候直接查

    转载一篇博客,

    https://www.jianshu.com/p/a842e5b5012e

  • 相关阅读:
    spring boot☞Swagger2文档构建及单元测试
    Spring Boot☞ 配置文件详解:自定义属性、随机数、多环境配置等
    Spring Boot☞HelloWorld开篇
    vmware workstation 12 密钥
    Spring Boot之JdbcTemplate多数据源配置与使用
    xStream完美转换XML、JSON(转)
    JAXB和XStream比较
    @RestController注解下返回到jsp视图页面
    C++中继承 声明基类析构函数为虚函数作用,单继承和多继承关系的内存分布
    mov offset和lea的区别
  • 原文地址:https://www.cnblogs.com/eenio/p/12269219.html
Copyright © 2011-2022 走看看