renren-fast 快速开发 Web 管理平台

什么是 renren-fast

renren-fast 是一个 Java 的开源项目，只需要对它进行简单修改，就能够应用到自己的项目中，大大简化开发流程，缩短开发周期

renren-fast 是一个前后端分离开发的项目，前端基于 vue，element-ui 构建，以下的内容，就是教大家如何在本机上将这两个项目部署起来，前端登录界面呈现这样的效果

部署准备

我这里演示，使用的是 Mac 系统，在 Windows 下的流程是完全一致的

需要提前下载好这些工具

• Git 客户端

• NodeJS，版本不要使用最新的，采用本次演示的 V 10.16.3 即可，

  下载地址：https://nodejs.org/download/release/v10.16.3/

  如果已经安装最新版，使用如下命令降级

$ sudo n 10.16.3

• MySQL 数据库
• 数据库连接工具，比如 Navicat

部署 renren-fast 后端

IDEA 中拉取 renren-fast 工程

IDEA 新建 Project，选择从 Git 中拉取项目，我的 IDEA 版本是 2019.1

将 renren-fast 项目地址填入 URL 中

https://gitee.com/renrenio/renren-fast.git

执行 Clone

代码拉到本地之后，点击 IDEA 右侧 Maven 面板的刷新，稍等片刻，依赖完成导入

这时切到主应用 RenrenApplication 下，此时如果报错显示红色的话，表示需要设置一下 JDK

数据库建表

打开数据库访问工具 Navicat，连接到本机的 MySQL 上，然后新建一个数据库，比如 renren-db

接下来，打开 renren-fast 项目工程 db 目录下的 mysql.sql

复制里面的所有内容，在 Navicat 中新建查询，将复制的内容粘贴到对话框内，执行语句完成建表操作

刷新一下数据库表，就看到表被建立好了

修改数据库连接配置

在 src/main/resources/application-dev.yml 中，将我们自己的数据库地址，以及数据库名称，用户，密码进行修改

启动 RenrenApplication

配置完毕，就可以启动主应用了

一般来说，启动都不会报异常，如果出错，大概率是数据库连接上出了问题，需要排查下

访问这个路径，http://localhost:8080/renren-fast/

如果显示如下内容，就表示后台已经通了

部署 renren-fast-vue 前端

Git clone 到本地

$ git clone https://gitee.com/renrenio/renren-fast-vue.git

安装包依赖

控制台或者 CMD 切到 renren-fast-vue 的根目录下，执行如下命令

$ npm install

几分钟后就更新好了，如果报错，大概率是 node 版本问题

运行前端项目

接下来就可以运行前端项目了，通过简单的一行命令即可

$ npm run dev

项目启动成功会自动打开访问地址，如果没有自动打开则手动浏览器访问

http://localhost:8001

确认前后端联调

前端页面打开后，登录界面里点几下验证码图片，如果可以刷新成功，则表示前后端已经通了

输入账号以及密码 admin，就可以登录进去

这样，一套用于快速开发管理系统的前后端项目就在本地部署好了