SpringBoot--02.SpringBoot2.0搭建Web项目

爱被打了一巴掌 2022-04-13 03:50 273阅读 0赞

# 一、静态资源访问 #

**SpringBoot入门参考**：[https://blog.csdn.net/sswqzx/article/details/84560202][https_blog.csdn.net_sswqzx_article_details_84560202]

SpringBoot提供 了静态资源默认配置：

Spring Boot默认提供静态资源目录位置需置于classpath下，目录名需符合如下规则：
    /static
    /public
    /resources	
    /META-INF/resources

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 1][]

# 二、渲染Web页面 #

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

现在我们就使用模板引擎来实现

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

•	Thymeleaf
    •	FreeMarker
    •	Velocity
    •	Groovy
    •	Mustache

Spring Boot建议使用这些模板引擎，避免使用JSP，
    若一定要使用JSP将无法实现Spring Boot的多种特性，具体可见后文：支持JSP的配置,
    当你使用上述模板引擎中的任何一个，它们默认的模板配置路径为：src/main/resources/templates。当然也可以修改这个路径，
    具体如何修改，可在后续各模板引擎的配置属性中查询并修改。

# 三、使用Freemarker模板渲染web视图 #

### **1、创建工程、pom.xml引入依赖** ###

项目结构：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 2][]

pom.xml

<?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        
        <parent>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-parent</artifactId>
            <version>2.0.2.RELEASE</version>
        </parent>
    
    
        <groupId>com.day01springBoot</groupId>
        <artifactId>SpringBoot01</artifactId>
        <version>1.0-SNAPSHOT</version>
        <packaging>war</packaging>
    
        
        <properties>
            <java.version>1.8</java.version>
        </properties>
    
        
        <dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-freemarker</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-tomcat</artifactId>
            </dependency>
            <dependency>
                <groupId>org.apache.tomcat.embed</groupId>
                <artifactId>tomcat-embed-jasper</artifactId>
            </dependency>
    
        </dependencies>
    
    </project>

### **2、后台代码** ###

application.java

package com.springboot;
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    
    /**
     * @ Author     ：ShaoWei Sun.
     * @ Date       ：Created in 10:52 2018/11/27
     */
    
    @SpringBootApplication
    public class Application {
        public static void main(String[] args) {
            SpringApplication.run(Application.class,args);
        }
    }

HelloController.java

package com.springboot.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import java.util.ArrayList;
    import java.util.List;
    import java.util.Map;
    
    /**
     * @ Author     ：ShaoWei Sun.
     * @ Date       ：Created in 10:53 2018/11/27
     */
    @Controller
    public class HelloController {
    
        @RequestMapping("/index")
        public String testFreemarker(Map<String, Object> map){
            map.put("name","java程序员！");
            return "freemarker";
        }
    }

### **3、前台代码** ###

**\\src\\main\\resources\\templates\\freemarker.ftl(这个.ftl后缀名也可以改。在****Freemarker配置文件****application.properties里改)**

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8" />
        <title></title>
    </head>
    <body>
    ${name}
    </body>
    </html>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 3][]

### **4、Freemarker遍历集合** ###

HelloController.java

package com.springboot.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import java.util.ArrayList;
    import java.util.List;
    import java.util.Map;
    
    /**
     * @ Author     ：ShaoWei Sun.
     * @ Date       ：Created in 10:53 2018/11/27
     */
    @Controller
    public class HelloController {
    
        @RequestMapping("/freemarkerIndex")
        public String index(Map<String, Object> result) {
            result.put("name", "ssw");
            result.put("sex", "0");
            List<String> listResult = new ArrayList<String>();
            listResult.add("zhangsan");
            listResult.add("lisi");
            listResult.add("linux");
            result.put("listResult", listResult);
            return "other";
        }
    }

application.java

### other.ftl ###

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8" />
        <title>首页</title>
    </head>
    <body>
    ${name}
    <#if sex=="0">
                男
    <#elseif sex=="2">
                女
    <#else>
            其他
    
    </#if>
    	 <#list listResult as user>
             ${user}
         </#list>
    </body>
    </html>

### ![2018112719450372.png][] ###

### **5、Freemarker配置文件** ###

#############################################
    ###FREEMARKER (FreeMarkerAutoConfiguration)
    #############################################
    #Freemarker配置
    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.request-context-attribute=
    #spring.freemarker.settings.*=
    #spring.freemarker.prefix=
    #spring.freemarker.suffix=.ftl
    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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 4][]

# ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 5][] #

# 四、使用Jsp渲染web视图(不用) #

### **1、pom.xml引入依赖** ###

结构：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 6][]

pom.xml

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 7][]

### **2、配置Freemarker的配置文件application.properties** ###

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

### **3、后台代码** ###

application.java

HelloController.java

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 8][]

[https_blog.csdn.net_sswqzx_article_details_84560202]: https://blog.csdn.net/sswqzx/article/details/84560202
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70]: /images/20220413/0c2af2d617b7450fae748b87570eb145.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 1]: /images/20220413/7cc2d81b6c3143179ef8eb3c0ee554a3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 2]: /images/20220413/9a0af27117694d13b037ed1e9102dc7f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 3]: /images/20220413/fe3ed1c3881d42c8bced8cbbbd1ddc49.png
[2018112719450372.png]: /images/20220413/6fc34ffafe214f3d9d65d39a21d3f83b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 4]: /images/20220413/46e2ecca563b47ccbc854d1e700ccfdf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 5]: /images/20220413/ddbbafddc3754f5e89f75604b3c35670.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 6]: /images/20220413/1fb0acaa7c2947628d50ad546fbb1c36.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 7]: /images/20220413/11076737ba7c464d97356a3477b7f6e0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Nzd3F6eA_size_16_color_FFFFFF_t_70 8]: /images/20220413/6784b91a5b8d48fa9412ec75ff391cf9.png