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)



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章