SpringBoot第一个界面

最新推荐文章于 2024-07-11 09:30:23 发布

我真的不是C罗

最新推荐文章于 2024-07-11 09:30:23 发布

阅读量317

点赞数

分类专栏：环境备份文章标签： springboot java

本文链接：https://blog.csdn.net/qq_25077777/article/details/106559376

版权

环境备份专栏收录该内容

7 篇文章 0 订阅

订阅专栏

SpringBoot第一个界面

一 yml
二 maven 坐标
三测试
四静态资源路径问题

一 yml

暂时用到这些，后面需要再添加

thymeleaf:
    prefix: classpath:/templates/
    suffix: .html
    cache: false

二 maven 坐标

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

三测试

3.1 测试类

重点注意下图标注，防止踩坑
在这里插入图片描述

package com.neusoft.player.hello.datasource;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;


@Controller
public class SoupDataSource {

    @RequestMapping("/du")
    public String soupContext(){
        return "soup";
    }

}

3.2 测试界面

在这里插入图片描述

代码
<div id="txt_soup" style="left: 200px; top: 138px;width: 500px; " class="doc">
    <a style="margin-left:5px;" href="#" target="_blank">
        <span style="color: #fff;padding:10px 20px;">一个姑娘的介绍：思想上的女流氓，生活中的好姑娘。 然而给我的感觉是：心思活络的丑逼。</span>
    </a>
</div>
<div id="next_soup" style="right: 300px; top: 138px;" class="doc">
    <a style="margin-left:5px;" href="#" target="_blank">
        <span style="color: #fff;padding:10px 20px;">下一碗</span>
    </a>
</div>

3.3 测试请求

在这里插入图片描述

四静态资源路径问题

一开始样式一直不生效，后面发现是路径问题，

<script src="../js/three-camv3m4.min.js"></script>
```![在这里插入图片描述](https://img-blog.csdnimg.cn/20200604220838988.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1MDc3Nzc3,size_16,color_FFFFFF,t_70)