SpringBoot第一個界面
一 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)