springboot(4)访问html

最新推荐文章于 2024-04-28 21:14:56 发布

iimo

最新推荐文章于 2024-04-28 21:14:56 发布

阅读量172

点赞数

分类专栏： springboot 文章标签： springboot

本文链接：https://blog.csdn.net/qq_41569151/article/details/99606320

版权

springboot 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.想要令后端能跳转一个html页面，首先要在pom.xml中加入一个依赖

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

2.springboot项目目录

main-resources-static是放置css,js,image等文件的，

main-resources-templates是放置html文件的。

按照规则放置文件并加入thymeleaf依赖后，后端便可以去访问html文件

3.在controller层定义一个专门用来跳转网页的controller（.java），格式如下

@Controller//必需注解
public class MusicController {

    //访问localhost:8080/  时跳转hello.html
    @RequestMapping("/")//访问网页路径

    public String hello(){//名字没什么用

        return "hello";//跳转的html

    }    


    //访问localhost:8080/exit时跳转exit.html
    @RequestMapping("/exit")
    public String exit(){
        return "exit";
    }
}

4.访问访问localhost:8080/时就可以看到了

5.外接样式表路径写法

存放路径，要按上述规则存放到static中，链接会直接访问到static

html路径写法：

<html>
<head>
    <link href="css/hello.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
    这里是hello.html
</div>
</body>
</html>

css：

body{
    background-color:black;
}
div{
    background-color:blue;
}

效果：

iimo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录