springboot2.0系列二(Web开发)

静态资源访问

在我们开发Web应用的时候,需要引用大量的js、css、图片等静态资源。

默认配置

Spring Boot静态资源目录名需符合如下规则:

/static

/public

/resources        

/META-INF/resources

举例:我们可以在src/main/resources/目录下创建static,在该位置放置一个图片文件。启动程序后,尝试访问http://localhost:8080/D.jpg。如能显示图片,配置成功。

渲染Web页面

 

渲染Web页面

在之前的示例中,我们都是通过@RestController来处理请求,所以返回的内容为json对象。那么如果需要渲染html页面的时候,要如何实现呢?

模板引擎

在动态HTML实现上Spring Boot依然可以完美胜任,并且提供了多种模板引擎的默认配置支持,所以在推荐的模板引擎下,我们可以很快的上手开发动态网站。

Spring Boot提供了默认配置的模板引擎主要有以下几种:

  • Thymeleaf
  • FreeMarker
  • Velocity
  • Groovy
  • Mustache

Spring Boot建议使用这些模板引擎,避免使用JSP,若一定要使用JSP将无法实现Spring Boot的多种特性,具体可见后文:支持JSP的配置

当你使用上述模板引擎中的任何一个,它们默认的模板配置路径为:src/main/resources/templates。当然也可以修改这个路径,具体如何修改,可在后续各模板引擎的配置属性中查询并修改。

使用Freemarker模板引擎渲染web视图

pom文件引入:

<!-- 引入freeMarker的依赖包. -->

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-freemarker</artifactId>

</dependency>

后台代码

 

package com.example.demo.controller;

  

  import org.springframework.stereotype.Controller;

  import org.springframework.web.bind.annotation.RequestMapping;

  

  import java.util.ArrayList;

  import java.util.List;

  import java.util.Map;

  

  @Controller

  public class IndexController {

  

    @RequestMapping("/freemarkerIndex")

    public String index(Map<String, Object> result) {

        result.put("name", "lph");

        result.put("sex", "1");

        List<String> listResult = new ArrayList<String>();

        listResult.add("上海");

        listResult.add("松江");

  

        result.put("listResult", listResult);

        return "index";

    }

  

}

 

 

前台代码

在src/main/resources/创建一个templates文件夹,创建个后缀为*.ftl的文件,这里我创建的index.ftl

<!DOCTYPE html>

  <html>

  <head lang="en">

    <meta charset="UTF-8" />

    <title>首页</title>

  </head>

  <body>

  ${name}

  

<#if sex=="1">

    男

  <#elseif sex=="2">

    女

  <#else>

    其他

  

  </#if>

<#list listResult as detail>

    ${detail}

</#list>

  </body>

  </html>

 

Freemarker配置

修改application.properties文件

########################################################

###FREEMARKER (FreeMarkerAutoConfiguration)

########################################################

spring.freemarker.allow-request-override=false

spring.freemarker.cache=true

spring.freemarker.check-template-location=true

spring.freemarker.charset=UTF-8

spring.freemarker.content-type=text/html

spring.freemarker.expose-request-attributes=false

spring.freemarker.expose-session-attributes=false

spring.freemarker.expose-spring-macro-helpers=false

#spring.freemarker.prefix=

#spring.freemarker.request-context-attribute=

#spring.freemarker.settings.*=

spring.freemarker.suffix=.ftl

spring.freemarker.template-loader-path=classpath:/templates/

#comma-separated list

#spring.freemarker.view-names= # whitelist of view names that can be resolved

 

使用JSP渲染Web视图

pom文件引入以下依赖

      <parent>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-parent</artifactId>

            <version>2.0.0.RELEASE</version>

      </parent>

      <dependencies>

            <!-- SpringBoot web 核心组件 -->

            <dependency>

                  <groupId>org.springframework.boot</groupId>

                  <artifactId>spring-boot-starter-web</artifactId>

            </dependency>

            <dependency>

                  <groupId>org.springframework.boot</groupId>

                  <artifactId>spring-boot-starter-tomcat</artifactId>

            </dependency>

      <!-- SpringBoot 外部tomcat支持 --> 

<dependency>

                  <groupId>org.apache.tomcat.embed</groupId>

                  <artifactId>tomcat-embed-jasper</artifactId>

            </dependency>

      </dependencies>

 

在application.properties创建以下配置

spring.mvc.view.prefix=/WEB-INF/jsp/

spring.mvc.view.suffix=.jsp

 

后台代码

@Controller

public class IndexController {

      @RequestMapping("/index")

      public String index() {

            return "index";

      }

}

 

 

 

 

注意:创建SpringBoot整合JSP,一定要为war类型,否则会找不到页面.

不要把JSP页面存放在resources// jsp 不能被访问到

 

猜你喜欢

转载自blog.csdn.net/wota5037/article/details/111406825