人人开源前后端分离开源项目启动流程（超详细）

亦凉 2024-03-27 18:33 77阅读 0赞

>  *  renren-security是一个轻量级的，前后端分离的Java快速开发平台，能快速开发项目并交付【接私活利器】
>  *  采用SpringBoot、Shiro、MyBatis-Plus、Vue3、TypeScript、Element Plus、Vue Router、Pinia、Axios、Vite框架，开发的一套权限系统，极低门槛，拿来即用。设计之初，就非常注重安全性，为企业系统保驾护航，让一切都变得如此简单。
>  *  提供了代码生成器，只需编写30%左右代码，其余的代码交给系统自动生成，可快速完成开发任务
>  *  支持MySQL、达梦、Oracle、SQL Server、PostgreSQL等主流数据库
>  *  在线演示地址：[http://demo.open.renren.io/renren-security][http_demo.open.renren.io_renren-security]
>  *  账号：admin
>  *  密码：admin

**目录**

一、环境准备

1、拉取项目

2、项目目录

3、创建数据库

4、修改数据库配置信息

5、启动后端项目

二、启动前端

1、安装依赖

2、运行前端

三、启动预览

--------------------

## 一、环境准备 ##

> 需要提前按照好JDK1.8+ 、node14.x+ 、mysql等基本开发环境。

### 1、拉取项目 ###

git clone https://gitee.com/renrenio/renren-security.git

![f943562cb30f44fc88c08e361e456478.png][]

### 2、项目目录 ###

![8e9fcb5a2fe34425b15f4e3f578e0175.png][]

> 数据脚本在 renren-admin模块下的db文件里。

![3d9c773226dd4fd99ed1b564d2d89b32.png][]

### 3、创建数据库 ###

![0cdee8b3695c43418273ac12ffdbffd2.png][]

> 根据你的数据库类型选择与之对应的数据库脚本进行初始化。

### 4、修改数据库配置信息 ###

### ![334a9c973ab0439ebd981cf5d5ea5a88.png][] ###

### 5、启动后端项目 ###

> src/main/java/io/renren/AdminApplication.java
> 
> 找到启动类，运行即可启动。

![462f6c48afb040608115a7c66c8d92bf.png][]

## 二、启动前端 ##

> 本项目下的renren-ui目录就是前端工程文件，不要搞错了。

### 1、安装依赖 ###

npm install --registry=https://registry.npmmirror.com

### 2、运行前端 ###

npm run dev

![6c0e77cf4bbd4bcaba953bc2d9f27a5d.png][]

## ![2c919cfa9ba04355bdc3f2ccc576972f.png][] 三、启动预览 ##

> 到这里就启动成功了，环境如果没问题的话，过程会非常的顺利。

![7c0f644265014ff58f922de1d325244e.png][]

![4adf14277f4d4178a3b6bc36cae7aacc.png][] ![cc4fef7092dd48ddb6b055cad7c28d24.png][]

![6db8ff4056074d66b4a9e95ad8dc2d7d.png][] ![2481a1b3337d42019d359be3a01f0b42.png][]

[http_demo.open.renren.io_renren-security]: https://gitee.com/link?target=http%3A%2F%2Fdemo.open.renren.io%2Frenren-security
[f943562cb30f44fc88c08e361e456478.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/7cf8d3ab6c7948649eea391a2c46a8ab.png
[8e9fcb5a2fe34425b15f4e3f578e0175.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/bdf1bc0956a045ae9850dbf189ce0950.png
[3d9c773226dd4fd99ed1b564d2d89b32.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/11ab945e53e04c6fa9d46c8e2eed9f50.png
[0cdee8b3695c43418273ac12ffdbffd2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/3af6f49e0ca34da297b3bf76f97bd6d5.png
[334a9c973ab0439ebd981cf5d5ea5a88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/aee2a047cc5e4347a52416933e10c6b3.png
[462f6c48afb040608115a7c66c8d92bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/46c42ffc03f3482db02507b1a1a06cc0.png
[6c0e77cf4bbd4bcaba953bc2d9f27a5d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/fd8cc7487d074e74852c9f4819091ace.png
[2c919cfa9ba04355bdc3f2ccc576972f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/2e2d122b10ca4c5db1b37a6e6f19d8bb.png
[7c0f644265014ff58f922de1d325244e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/6c24f551dc5544558146d226975fac59.png
[4adf14277f4d4178a3b6bc36cae7aacc.png]: https://img-blog.csdnimg.cn/4adf14277f4d4178a3b6bc36cae7aacc.png
[cc4fef7092dd48ddb6b055cad7c28d24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/44b9ddd2d03b4427a0d7fb7004f566aa.png
[6db8ff4056074d66b4a9e95ad8dc2d7d.png]: https://img-blog.csdnimg.cn/6db8ff4056074d66b4a9e95ad8dc2d7d.png
[2481a1b3337d42019d359be3a01f0b42.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/48c3db1e9ed04ca090e1aeb3ee350084.png