Spring Boot+Vue

vue

下载nodejs

安装配置

个人没进行配置。。。

创建vue-springboot-demo

本地localhost:8080就可以打开初始界面

IDEA打开进行编写

启动：npm->serve

项目结构

public：界面

src下：核心代码

assets：静态资源，图片

components：组件，helloworld组件

router：写路由的地方。将路径和页面进行映射

store：用于定义一些页面的变量，如用户信息或者页面跳转携带的一些变量

views：视图的存放，一个home一个about。home引入了helloworld组件，将一些界面打包成组件，然后可以在别的页面引用

package.jason:定义项目的依赖

页面搭建

Element

Spring Boot

https://start.spring.io/

mybatis-plus

前后端数据交互

axios

1
2
3
4

D:\IDEA\IdeaProjects\springbootvue\springboot-vue-demo>cd vue

D:\IDEA\IdeaProjects\springbootvue\springboot-vue-demo\vue>npm i axios -S

Vue项目搭建常用的配置文件，request.js和vue.config.js

后台常用工具类 hutool

总结

视频

代码