我们需要搭建一个后台管理系统，去管理后台服务，然后后台管理系统也是前后分离的，即admin-vue和后台管理
虽然前后分离，但是由于各种原因，也许后台管理系统的前台界面admin-vue还需要我们自己编写，如果我们从头到尾搭建一个后台管理系统，来写它的前端和后端，这是一个非常耗时且繁重的工作
所以我们希望能有一个搭建好的脚手架工程，我们稍加改造就能直接作为一个后台管理系统来使用。
这个工程就推荐使用码云上开源的人人开源
Renren-fast 和 renren-fast-vue， 就是一个搭配使用的配套起来做了一个前后分离的后台管理系统，我们使用这两个，
Renren-security 也是一个后台管理系统，
可以查看一下这个工程的一些介绍
将renren-fast 和 renren-fast-vue克隆下来
将这两个项目复制到谷粒商城中，复制前将.git文件删除掉
然后renren-fast-vue也是删除掉.git文件夹。
前端工程最终要是用vscode进行开发，
这个后面再说，
现在将renren-fast加到父项目中
然后搭建它的基本运行环境
先看一下初始目录结构
根据不同的数据库，选择不同的sql文件，然后进行创建
然后使用sqlyog,创建一个新的数据库：gulimall_admin
粘贴，然后执行
这个脚手架给我们吧基本的药用的代码包括表和权限设计都加上了，我们只需要做少量的修改。
执行成功后，看一下表
然后在renren-fast中修改配置文件
默认使用dev开发环境
然后修改数据源
这里使用的是阿里的druid数据源
这里我们需要修改一下数据库地址
修改完数据库连接后，直接启动测试一下
此时如果是红色的，可能是JDK问题，需要在project structure 中进行设置
然后运行该项目
这个时候发现已经启动成功了，
这个时候访问renren-fast，会发现是一个json串，这是因为这是一个前后端分离的项目，而renren-fast是一个后台项目，我们需要前端项目跟它建立起连接
来互相发送请求。
直接将renren-fast-vue文件夹拖入vscode中
拖进来之后的样子
因为该系统是专业的前端系统，由node.js和vue组成，那么需要安装node.js
前端相关文档，在课件里面的03 前端开发基础知识
前端环境配置安装
先搜索node
选择10.16.3 LTS 下载后直接安装即可。
安装过程没什么需要注意的地方，该路径安装即可。
查看node版本
设置npm镜像地址
npm config set registry http://registry.npm.taobao.org/
前端项目第一次运行，需要使用npm命令
Npm主要依赖package.json来管理下载地址，类似于pom文件
下载后的所有信息都会在node_modules里面
显示下面页面就下载成功了
然后运行这个前端项目，也是使用npm命令
npm run dev
出现下面界面代表成功
然后再前端页面点击，就会调用后台系统。
默认用户名和密码为：admin
登录进来的页面
到这里前后联调就结束了。