renren-fast 与 renren-fast-vue 与 renren-generator 基本操作[通俗易懂]

renren-fast 与 renren-fast-vue 与 renren-generator 基本操作[通俗易懂]一、前言公司主打产品的,近来发现了一款快速完成前后端CRUD的框架renren-fast,打算用它来“刷”小型的外包,积攒资金。个人觉得,renren-fast主要面向后台开发者,使用方式和Guns类似:使用Guns自动生成SpringBoot+LayUI的后台管理系统①由于完整开发文档需要费用,②前端使用vue,有的后台开发者不清楚。笔者参考了…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/164730.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android之实现打开相册、拍照录像、播放视频、保存图片到系统相册\指定位置、图片压缩[通俗易懂]

    android之实现打开相册、拍照录像、播放视频、保存图片到系统相册\指定位置、图片压缩[通俗易懂]———照相录像——//实现照相、录像的功能publicvoidcameraForphoto(){Intentintent=newIntent(MediaStore.ACTION_IMAGE_CAPTURE);Filefile=newFile(Environment.getExternalStorageDirecto…

    2025年12月9日
    3
  • 分子模拟软件amber_薛定谔 autodock 分子动力学模拟GROMACS软件「建议收藏」

    分子模拟软件amber_薛定谔 autodock 分子动力学模拟GROMACS软件「建议收藏」生物分子互作基础1.生物分子互作用研究方法1.1蛋白-小分子、蛋白-蛋白相互作用原理1.2分子对接研究生物分子相互作用1.3蛋白蛋白对接研究分子相互作用蛋白数据库1.PDB数据库介绍1.1PDB蛋白数据库功能1.2PDB蛋白数据可获取资源1.3PDB蛋白数据库对药物研发的重要性2.PDB数据库的使用2.1靶点蛋白结构类型、数据解读及下载2.2靶点蛋白结构序列下载2.3靶点…

    2022年5月9日
    632
  • 数据结构和算法_数据库原理考试题库

    数据结构和算法_数据库原理考试题库前言2016年又是一个全新的开始,每到一年的这个时候,总是颇有感慨。想对过去的一年做一些总结,但又觉得经历和精力总是不够。俗话说,一年之计在于春,当然,新的一年,也总是计划着N多事情,想做什么事情

    2022年8月1日
    8
  • pycharm mac 激活码【2021最新】

    (pycharm mac 激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html4M7HSKPBXS-eyJsa…

    2022年3月29日
    258
  • 一个标准的x.509数字证书包括哪些内容?(数字证书的功能是)

    1、什么叫数字签名数字签名:将报文按双方约定的HASH算法计算得到一个固定位数的报文摘要。在数学上保证:只要改动报文中任何一位,重新计算出的报文摘要值就会与原先的值不相符。这样就保证了报文的不可更改性。将该报文摘要值用发送者的私人密钥加密,然后连同原报文一起发送给接收者,而产生的报文即称数字签名2、什么叫数字证书数字证书:数字证书就是互联网通讯中标志通讯各方身份信息的一系列数据,提供了一种在In

    2022年4月15日
    126
  • 语音信号处理概念

    语音信号处理概念语音交互你知道苹果手机有几个麦克风吗?·语音交互(VUI)是指人与人/设备通过自然语音进行信息传递的过程。语音交互的优势:输入效率高。语音输入的速度是传统键盘输入方式的3倍以上。例如:语音电视选台、远场语音交互、语音支持组合指令输出(“播放周星驰电影、要免费的、4星以上的”)使用门槛低。人类本就是先有语音再有文字,对于那些无法用文字交互的人来说,语…

    2022年5月20日
    67

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号