springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker

引言
在传统的web开发中通常使用jsp页面,首先需要在pom文件中引入springmvc相关的包,然后写springmvc的配置文件(包括访问资源的路径解析),之后还需再web.xml中配置访问路由。这无疑太麻烦了,每次开发前都需要编写大量的配置文件。
springboot为此提供了高效便捷的解决方案,只需再pom.xml中添加web开发的依赖,便可进行web开发,省去了繁琐的配置步骤。
下面为web开发引入的依赖

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

正文
那么在springboot中如果需要使用页面该怎么做呢?springboot不推荐使用jsp,因为jsp在springboot中有诸多限制,具体限制这里就不展开说了,大家感兴趣可以去网上查阅。springboot中推荐使用thymeleaf模板,使用html作为页面展示。那么如何通过Controller来访问来访问html页面呢?

1.在pom.xml文件中添加thymeleaf依赖

 <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
    </dependencies>

2.在application.yml中添加访问请求配置

##thymeleaf页面模板配置
spring:
  mvc:
    view:
      prefix: /
      suffix: .html

springboot中默认resources中static文件夹存放静态资源,如js文件、css文件、图片等等。templates文件夹中存放html页面。

如果一开始创建项目的时候没有导入依赖,那么这个templates文件夹可能就没有自动创建,这个时候我们手动创建就行了,一样滴
springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第1张图片

3.在templates文件夹中创建hello.html

注意:不要使用@RestController注解,@RestController注解是@ResponseBody和@Controller的集合体,使用@RestController注解会默认返回数据,而不会请求到页面。

访问对应的url就可以通过ModelView访问到对应的文件了

springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第2张图片

静态页面的return默认是跳转到/static/目录下,当在pom.xml中引入了thymeleaf组件,动态跳转会覆盖默认的静态跳转,默认就会跳转到/templates/下,注意看两者return代码也有区别,动态没有html后缀。

一开始hello1.html直接在static下面,hello2.html在templates文件夹下面
springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第3张图片
springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第4张图片

静态跳转
springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第5张图片

在引用了spring-boot-starter-thymeleaf之后就是动态跳转了,返回的后缀没有.html

springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第6张图片

其实就是用了spring-boot-starter-thymeleaf之后跳转到页面的路径变了,变成了templates文件夹下面了.当前也可以用ModelAndView返回.比如
springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第7张图片

在使用动态跳转之后,利用ModelAndView传递参数过去

省略点字数,如图所示

springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第8张图片

当然可以传递对象了,不然有啥用(手动滑稽)

springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第9张图片

假如需要显示一个list的数据

springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第10张图片

有时候要搭建一个菜单页,那么左边有边栏右边是主体,2者分布在不同的ftl文件中,我们可以include引入

springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第11张图片

这个引入挺方便的,只要胆子大,html中的head我也要引一下,当然是有多个页面使用了一样的heade才引用的

springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第12张图片
springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker_第13张图片

有时候在ModelAndView返回页面时有些属性可能为空可能有值

在这里插入图片描述

<label>名称</label><input type="text" class="form-control" name="${(productInfo.productName)!''}" />

因为这里的productInfo是个对象,所以外面要加个(),如果是字段直接productName!’'就行,其实类似java语法的三段式表达

如果要在if里直接判断对象是否存在,可以用??

<#if productInfo??>
<img id="productIcon" src="${productInfo.productIcon}" alt=""/>
<#else>
<input type="file" name="productIcon" />
</#if>

你可能感兴趣的:(JAVA)