VUE+Springboot前后端分离项目开发02

开始写后台

进入start.spring.io，创建springboot工程

依赖选择

 GENERATE创建项目得到一个demo.zip文件夹，回到IDEA，工程中新建Moudle

选择Maven

命名为springboot

之后IDEA即创建了名为springboot的maven工程，去掉自带的src和pom文件

把demo.zip中的src和pom文件复制过来，等待IDEA导完依赖

重新梳理文件目录

 命名为vue，将原目录下的文件复制进vue Directory中

完成前后端分离项目的布局

可以删除test文件夹，一般不使用springboot自带的test进行测试，使用postman进行测试

修改启动项

添加npm，重新配置package.json所在位置

 在application.properties中配置后台端口为9090(前台默认为8080) ，mysql.ini中数据库端口为3306，新建数据库springboot-vue,新建表user

完成数据库和端口配置，后台端口设置为9090，数据库端口3306

 即可启动后台项目

 开始写接口，首先新建包名为common，放入常用配置类

 必须在pom中导入mybatisplus依赖，上述插件配置才会生效

 继续放入常用配置类Result（返回给前台数据的包装类）

开始写接口，新建UserController

先定义好与数据库关联的User对象的属性

这里@RequestBody后的User对象为entity中定义的User对象（选择提示框中的第二个），前台传来json对象可以在这里映射成为java实体，之后通过mapper将其插入数据库

写好mapper接口

通过@Resource将Mapper引入Controller，之后通过UserMapper插入数据库