vscode開發springboot入門

1. vscode創建springboot項目

使用快捷鍵(Ctrl+Shift+P)命令窗口，輸入 Spring 選擇創建 Maven 項目

中間涉及到版本(jdk版本可以選擇8，能運行)，語言，包名等，按需選擇即可

選擇依賴這塊要特別注意

依賴包功能簡介：

Spring Boot DevTools:   支持代碼修改熱更新，無需重啟
Spring Web:   集成Tomcat SpringMVC
Lombok:   智能生成 setter getter toString等
Thymeleaf:  模板引擎

2. vscode的java相關配置

maven配置使用/Users/用戶名/.m2/settings.xml，沒有.m2文件夾，則新建，沒有settings.xml文件，可參考 maven中沒找到settings.xml文件怎么辦

"java.home": "/Library/Java/JavaVirtualMachines/jdk-17.0.1.jdk/Contents/Home",
"java.configuration.runtimes": [
    {
        "name": "JavaSE-1.8",
        "path": "/Library/Java/JavaVirtualMachines/jdk1.8.0_261.jdk/Contents/Home",
        "default": true
    },
    {
        "name": "JavaSE-11",
        "path": "/Library/Java/JavaVirtualMachines/jdk-17.0.1.jdk/Contents/Home"
    }
],
"java.configuration.maven.userSettings": "/Users/mengff/.m2/settings.xml",
"maven.executable.path": "/usr/local/maven/bin/mvn",
"maven.terminal.useJavaHome": true,
"maven.terminal.customEnv": [
    {
        "environmentVariable": "JAVA_HOME",
        "value": "/Library/Java/JavaVirtualMachines/jdk1.8.0_261.jdk/Contents/Home"
    }
],
"maven.executable.preferMavenWrapper": false,
"java.maven.downloadSources": true,
"java.maven.updateSnapshots": true,
"maven.excludedFolders": [
    "**/.*",
    "**/node_modules",
    "**/target",
    "**/bin"
],
"files.exclude": {
    "**/.classpath": true,
    "**/.project": true,
    "**/.settings": true,
    "**/.factorypath": true
}

3. vscode切換maven鏡像

切換maven鏡像為阿里雲，否則很難安裝依賴成功，項目起不來

<mirror>
    <id>alimaven</id>
    <mirrorOf>central</mirrorOf>
    <name>aliyun maven</name>
    <url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
</mirror>
<mirror>
    <id>nexus-aliyun</id>
    <mirrorOf>*</mirrorOf>
    <name>Nexus aliyun</name>
    <url>http://maven.aliyun.com/nexus/content/groups/public</url>
</mirror>
<!-- 中央倉庫1 -->
<mirror>
    <id>repo1</id>
    <mirrorOf>central</mirrorOf>
    <name>Human Readable Name for this Mirror.</name>
    <url>http://repo1.maven.org/maven2/</url>
</mirror>  
<!-- 中央倉庫2 -->
<mirror>
    <id>repo2</id>
    <mirrorOf>central</mirrorOf>
    <name>Human Readable Name for this Mirror.</name>
    <url>http://repo2.maven.org/maven2/</url>
</mirror>
</mirrors>

4. 在Springboot啟動項同級添加controller

5. controller添加代碼

package com.example.demo.controller;

import java.util.HashMap;

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

@Controller
public class HomeController{
 
    @RequestMapping("/hello")
    public String getPage(HashMap<String, String> map){
        map.put("title", "歡迎來到Spring Boot!");
        return "/index";
    }
}

package com.example.demo.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

@RestController
public class TestController{
 
    @RequestMapping("/test")
    public String testRest(){
        return "歡迎使用VS Code 和 Spring Boot";
    }

    @RequestMapping("/page")
    public ModelAndView page(){
        ModelAndView mvAndView = new ModelAndView("index");
        return mvAndView;
    }
}

6. 啟動項目

在默認地址 

http://localhost:8080/test    查看接口

http://localhost:8080/hello   查看頁面

http://localhost:8080/page   查看頁面

7. 頁面路由404問題

springboot項目啟動后，可能會出現 非頁面接口 訪問正常，頁面接口 404 問題。

解決方法：

1. 必要配置

pom文件

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

全局配置文件application.properties

#視圖層控制
spring.mvc.view.prefix=classpath:/templates/
spring.mvc.view.suffix=.html
spring.mvc.static-path-pattern=/static/**

2. 重啟vscode

可能是vscode某些依賴安裝不成功，或者vscode的java插件bug，導致某些東西沒有刷新過來，重啟之后，vscode會自動安裝依賴，自動裝載一些東西，就可用了

 

 

 

詳細步驟可參考：VsCode搭建springboot 並配置maven環境