美文网首页
spring学习之创建第一个html请求

spring学习之创建第一个html请求

作者: 辰_cc | 来源:发表于2021-05-06 14:21 被阅读0次

    1.首先,新增一个class类,代码如下:

    package com.example.demo.com;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    class CommonController {
        @RequestMapping("/index")
        public String index(Model model) {
            model.addAttribute("name","你是谁?");
            return "index";
        }
    }
    

    注:这里index()方法返回的index字符串,后面我们新增一个html页面在templates底下要命名为index.html,才可以显示出来,如果放在templates文件夹的pages目录底下,就要返回pages/index
    2、由于Spring Boot加载页面需要第三方库thymeleaf来加载,所以需要进行下面两个的配置
    (1)、由于使用了第三方库thymeleaf,因此需要在pom.xml加上这个库的相关依赖,加上下面这段代码即可:

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

    (2)、再pom.xml文件底下右键菜单选择maven,Reimport,把thymeleaf依赖库加到项目底下,如下图所示:


    image.png

    (3)、打开项目底下的application.properties配置文件,修改如下:

    spring.thymeleaf.prefix=classpath:/templates/
    spring.thymeleaf.suffix=.html
    

    3、接着,在resources目录底下的emplates目录底下新增一个index.html文件,目录结构,及相关代码如下:


    image.png
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8" />
        <title></title>
    </head>
    <body>
    <h2>欢迎来到我的世界!</h2>
    <h2 th:text="${name}"></h2>
    </body>
    </html>
    

    4.接着运行项目

    image.png
    之后地址栏输入http://localhost:8080/index即可

    相关文章

      网友评论

          本文标题:spring学习之创建第一个html请求

          本文链接:https://www.haomeiwen.com/subject/adnnrltx.html