大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、前言

公司主打产品的，近来发现了一款快速完成前后端 CRUD 的框架 renren-fast，
打算用它来 “刷” 小型的外包，积攒资金。

个人觉得，renren-fast 主要面向后台开发者，使用方式和 Guns 类似：

使用 Guns 自动生成 SpringBoot + LayUI 的后台管理系统

① 由于完整开发文档需要费用，
② 前端使用 vue，有的后台开发者不清楚。

笔者参考了 Guns、renren-fast 官方完整文档，为此做了一个小结。

二、操作

1、代码准备

renren-fast，主要操作为开启 3 个工程，操作 1 个机器代码：

① renren-fast 后台 git clone https://git.oschina.net/renrenio/renren-fast.git
② renren-generator 代码生成器 git clone https://gitee.com/renrenio/renren-generator
③ renren-fast-vue 数据操作界面 git clone https://github.com/daxiongYang/renren-fast-vue.git
④ renren 生成的代码（前端+后台mapper+module）

2、数据库

① 运行 renren-fast/db 中的 sql 文件，这里使用 MySQL

② 创建数据库表，这里为了演示，简单创建了一张表 t_student

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------
-- Table structure for t_student
-- ----------------------------
DROP TABLE IF EXISTS `t_student`;
CREATE TABLE `t_student` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `password` varchar(255) DEFAULT NULL,
  `gender` int(1) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

注意在表中写注释，进入 http://localhost/#generator.html 时好操作

字段也写上备注，因为代码也会对应填上注释，

否则让人有点难受

3、开启 renren-generator

进入 http://localhost/#generator 生成前后端代码

前端：

将 renren 中 src/views/modules/generator 的代码，

放到 renren-fast-vue 的 src/views/modules下，

后台：

① 运行 sql 文件，

② 将 renren 中的 main/java/io/renren/modules/generator

放到 renren-fast 的src/main/java/io/renren/modules 下

③ 将 renren 中的 main/resources/mapper/generator

放到 renren-fast 中的 src/main/resources/mapper 下

4、开启 renren-fast

为下面前端做准备，如登录的验证码生成

账户：
用户名：admin
密码：admin
验证码

同时可以查看 swagger 接口文档：

http://localhost:8080/renren-fast/swagger-ui.html
http://localhost:8080/renren-fast/swagger/index.html

5、开启 renren-fast-vue 操作界面

cnpm i 下载依赖的模块
npm run dev 开启前端工程

进入 http://localhost:8001/#/home

三、进阶

仅仅靠机器，还是不能很好地符合客户的需求，接着，我们要对机器生成的代码，进行一定的修改。

1、查询功能

① 数据处理
查看前端代码，名称为 key

后台，简单加了红色框中的模糊查询，MyBatisPlus 的基本操作：

在 SpringBoot 中引入 MyBatisPlus 之 常规操作

② 界面处理
前端代码

效果

2、新增、修改功能

修改前的代码

修改后的代码

效果

3、列表栏

改前的代码

改后的代码

效果

4、公司、logo

公司隐私起见，使用在校的团队名
代码

效果

四、问题

1、npm、node 版本过低

问题：

原因：
renren-fast 要求的版本

解决：
① 升级 npm，npm install npm@latest -g
② 升级 node，https://nodejs.org/en/download/ 重新下载安装即可

读者有疑问，欢迎留言，看到会第一时间回复。

前后端分离接口展示

http://localhost:8080/renren-fast/swagger-ui.html
http://localhost:8080/renren-fast/swagger/index.html