什么是 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
项目启动成功会自动打开访问地址,如果没有自动打开则手动浏览器访问
确认前后端联调
前端页面打开后,登录界面里点几下验证码图片,如果可以刷新成功,则表示前后端已经通了
输入账号以及密码 admin,就可以登录进去
这样,一套用于快速开发管理系统的前后端项目就在本地部署好了
转载:https://blog.csdn.net/candyngwh/article/details/105940616