Spring Boot入门2 - web静态文件的使用

作者: Admin

时间: 2021-07-11

IDEA用Spring Initializr创建一个新的工程

创建如下目录和文件：

test.css

.my-style {color: #409EFF}

test.js

function sayHello() {
    alert('显示该弹窗因为引入了test.js')
}

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    主页
</body>
</html>

test.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <link rel="stylesheet" href="/css/test.css" type="text/css">
</head>
<body>
    <p class="my-style">这段文字颜色因引入test.css而改变</p>
    <p><button onclick="sayHello()">点击按钮</button></p>
    <p><img src="/image/win95.jpg" width="300px"></p>
    <script src="/js/test.js"></script>
</body>
</html>

运行项目，访问127.0.0.1:8080