小言_互联网的博客

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

309人阅读  评论(0)

什么是 renren-fast

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

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

部署准备

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

需要提前下载好这些工具

$ 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,就可以登录进去

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


转载:https://blog.csdn.net/candyngwh/article/details/105940616
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场