springboot--01(新建springboot web项目,使用模板thymeleaf返回视图)

最新推荐文章于 2024-03-02 22:12:55 发布

时空恋旅人

最新推荐文章于 2024-03-02 22:12:55 发布

阅读量517

点赞数

分类专栏： springboot

本文链接：https://blog.csdn.net/weixin_37650458/article/details/84861593

版权

springboot 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1.创建springboot web项目

使用thymeleaf模板引擎

自动生成的pom文件：

<?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.1.1.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.wx</groupId>
    <artifactId>thymeleaf</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>war</packaging>
    <name>thymeleaf</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
        <!---->
    </properties>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <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>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>


</project>

添加配置文件返回视图解析器：

server.port=8090
#spring.jackson.serialization.fail-on-empty-beans=false
#thymeleaf模版前缀
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.cache=false
spring.thymeleaf.suffix=.html

创建一个index页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>



    <script type="text/javascript" src="hemi/js/funnelView.js"></script>
    <h3 class="page-title">
        Echarts 展示 <small>可视化图表</small>
    </h3>
    <script src="../static/js/echarts.common.min.js"></script>
    <script src="../static/js/showChart.js"></script>

</head>
<body>
<div class="row">
    <div class="col-lg-6 col-sm-12 col-xs-12 col-sm-12">
        <div id="showChart" style="width:100%;height:600px;margin-left:0px;margin-right:6px;margin-bottom:8px;float:left;overflow:hidden;"></div>
    </div>

    <div class="col-lg-6 col-sm-12 col-xs-12 col-sm-12">
        <div id="showFunnelChart" style="width:100%;height:600px;margin-left:0px;margin-right:6px;margin-bottom:8px;float:left;overflow:hidden;"></div>
    </div>
</div>
</body>
</html>

创建一个Controller:这里需要注意，如果返回视图解析器就需要@Controller 而不是使用合成注解@RestController

因为他包含了ResponseBody注解表示返回json字符串

@Controller
public class IndexController {
    @RequestMapping("/index")
    public String index()
    {
        return "index";
    }
}

结果：

如果想要返回String:

结果：

时空恋旅人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
springboot--01(新建springboot web项目,使用模板thymeleaf返回视图)

1.创建springboot web项目使用thymeleaf模板引擎自动生成的pom文件：&lt;?xml version="1.0" encoding="UTF-8"?&gt;&lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchem...
复制链接

扫一扫