九圣残炎的编程博客

SpringBoot + Vue开发的后台管理系统

Vue全家桶：Vue + VueRouter + Vuex + Axios +ElementUI。

1.使用vue create快速搭建vue项目2.使用VC Code打开新生成的项目修改文件，内容修改如下。

将之前写的UserService、UserController、UserServiceImpl代码复制粘贴至对应文件。模块中会根据数据库自动生成对应的controller、service、mapper、entity等简单的代码文件。因为生成器代码一般只使用一次即可，项目打包时并不需要打包该代码，所以这里就在。，使用mybatis-plus-generator实现简易代码文件生成。目录下写生成器代码，要使用时运行一次即可。根据所需，将生成的文件移至不同模块中。模块中的pom.xml中添加。

我这边下载的是4.4.0版本的，使用其他版本可能会因为所需要的node和npm版本过低或过高导致异常，根据实际情况提高或降低node和npm版本即可。打开vue.config.js，修改lintOnSave的值为false即可关闭语法检查。打开vue.config.js，修改name的值（删除||及其后的值）点击左下角如图所示区域，打开控制台面板，点击选择【终端】点击选择刚刚解压缩的文件夹，点击【选择文件夹】导入。打开vue.config.js，修改port的值。打开VS Code，点击文件→打开文件夹。

接上一，继续拓展项目。

接上一项目，进行拓展项目。

接，继续扩展项目。

可以在idea右侧页签栏中点击【Maven】查看父子工程结构及其拥有依赖。2.选择合适的springboot版本，点击【完成】，即创建父工程完毕。2.选择新建Maven工程（注意此处的SDK需与父工程保持一致）1.右键项目名->新建（news）->模块（Module）3.填写子工程模块信息（此处组id与父工程保持一致）可点击右上角设置图标，点击选择【将模块分组】即可。2.子工程编写启动类及controller类。，能正常输入内容，则表示父子工程无问题。1.新建一个spring项目。