从0搭建一个Springboot+vue前后端分离项目(五)创建后台Springboot工程

前往Springboot官网

https://start.spring.io/

选择版本和依赖

SpringWeb: 可以实现接口的开发;
MysqlDriver:连接数据库;
Lombok简化java开发的一个插件

点击GENERATE生成文件夹

新建Maven工程子项目

把src 文件夹与 pom.xml 替换成刚刚生成的压缩包里面的相应内容即可

下载包依赖的时候这里出现了报错,加上版本即可

把之前的前端Vue工程整理到新建的vue文件夹中

项目分层更加清晰了些
把之前的启动路径改一下

在application.properties配置项目的端口,与数据库链接

因为前端的默认端口是8080,后台也是8080,需要修改一下

server.port=9090

把后台端口设置为9090即可;

数据库的链接与驱动配置

新建一个数据库和表

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

server.port=9090
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/springboot?useUnicode=true&useSSL=false&characterEncoding=utf-8&allowMultiQueries=true&serverTimezone=GMT%2b8
spring.datasource.username=sa
spring.datasource.password=abc123321

启动一下

之后要开始写一下和前端相关的接口

从0搭建一个Springboot+vue前后端分离项目(五)创建后台Springboot工程相关推荐

从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目
从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installati ...
阿里服务器部署springboot+vue前后端分离项目
服务器部署springboot+vue前后端分离项目最近刚刚在实习熟悉公司的业务,所有尝试着自己将项目部署到服务器上.本次部署的项目是Spring Boot+Vue前后端分离项目,后端使用的技术有M ...
Springboot Vue前后端分离实现基础的后台管理系统
最近在利用空闲的时间学习springboot+Vue前后端分离相关知识,然后动手写了个后台管理系统,实现登录验证.学生模块.英雄联盟模块.数据可视化(暂未开发,准备使用echarts进行):这边先以英 ...
SpringBoot+Vue前后端分离项目的搭建及简单开发（这次保证看明白~）
文章目录概述一.搭建SpringBoot后端 1.sql脚本 2.新建SpringBoot项目 3.MP代码生成 4.编写Controller 二.搭建Vue前端 1.IDEA安装Vue.js插件 ...
大屏监控系统实战（4）-如何将SpringBoot+Vue前后端分离项目一次打包为一个Jar包运行？
玩过最新版Dubbo管控台的都知道,人家是个前后端分离的项目,可是一条打包命令能让两个项目整合在一起,生成一个jar包,这样的好处显而易见,部署的时候服务器不需要安装node环境单独部署前端项目,或者 ...
SSM项目/SpringBoot项目/SpringBoot+Vue前后端分离项目图片上传并查看功能实现汇总
SSM项目下的图片上传: 1.前端Js代码:用户点击"上传头像"按钮后,会执行uploadPhoto()的方法. <button type="button" ...
从0搭建一个Springboot+vue前后端分离项目(四)利用Element框架搭建页面主体部分表格与侧边栏
https://element-plus.gitee.io/zh-CN/component/menu.html 导航栏部分选定menu菜单,选择竖型样式的复制一下 <el-menudefau ...
从0搭建一个Springboot+vue前后端分离项目(七)完善前台与后台的联系,完善功能接口
将之前前端写的表格内容,与数据库新建的表进行对应启动项目把写死的TableDa数据删掉.因为最终要从后台读取完善新增接口 <el-button type="primary&quo ...
从0搭建一个Springboot+vue前后端分离项目(三)使用idea进行页面搭建+Element框架
因为搭建一个后台管理系统,如果要手写CSS样式很繁琐,这里使用ELement框架安装Element npm install element-plus --save 引入Element import ...

从0搭建一个Springboot+vue前后端分离项目(五)创建后台Springboot工程

新建Maven工程子项目

把之前的前端Vue工程整理到新建的vue文件夹中

在application.properties配置项目的端口,与数据库链接

从0搭建一个Springboot+vue前后端分离项目(五)创建后台Springboot工程相关推荐

最新文章

热门文章