使用VSCode建立Vue+Spring项目（二）：后端项目的开发

洛洛的编程录

已于 2022-03-27 11:53:56 修改

阅读量3.8k

点赞数 6

分类专栏：前端与后端文章标签： visual studio code spring 后端前端

于 2022-03-26 15:06:50 首次发布

本文链接：https://blog.csdn.net/weixin_44351303/article/details/123751576

版权

系列文章目录

使用VSCode建立Vue+Spring项目（一）：相关软件的安装
 使用VSCode建立Vue+Spring项目（二）：后端项目的开发
 使用VSCode建立Vue+Spring项目（三）：前后端结合（实现登录页面的跳转）

前言

本章介绍如何构建后端spring项目、测试能否成功返回JSON数据，以及前后端如何实现跨域资源共享。

一、构建后端spring项目

1.在VSCode中新建后端项目

输入Ctrl + Shift + P 打开命令面板，输入Spring，选择maven类型工程。选择spring boot版本：2.6.5

选择工程的语言：java ，版本8
java
设置Group Id为com.example
com
设置Artifact Id为demo
demo
选择packaging类型为jar
jar
选择java版本为8

选择依赖支持Thymeleaf,Spring Boot DevTools,Spring Web,Lombok,MySQL Driver

选择构建项目的本地存储地址：D:\StudyCode
将项目添加到VSCode工作区：
add
项目结构如图所示：

2.配置application.properties文件

server.port=8443
server.error.path=/error

server.port配置了web容器的端口号。
error.path配置了当项目出错时跳转去的页面。

注意：项目内置有tomcat。

在src\main\resources\static文件夹下新建文件夹error，新建4xx.html，5xx.html，500.html。
error
4xx.html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>404</h1>
</body>
</html>

5xx.html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>500</h1>
</body>
</html>

500.html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>500-html</h1>

最低0.47元/天解锁文章