renren-fast超详细入门

文章目录


1. 简介

  • renren-fast是一个轻量级的Spring Boot快速开发平台,能快速开发项目并交付
  • 完善的XSS防范及脚本过滤,彻底杜绝XSS攻击
  • 实现前后端分离,通过token进行数据交互

2. 部署

2.1 源代码:

  • 下载后端代码:
    https://gitee.com/renrenio/renren-fast.git

  • 下载前端代码:
    https://gitee.com/renrenio/renren-fast-vue.git

  • 下载代码生成器:
    https://gitee.com/renrenio/renren-generator.git

2.2 开发环境准备

1.安装java IDAE

下载地址:https://www.jetbrains.com/idea/download

2. 安装python2.7

下载地址:https://www.python.org/download/releases/2.7/

3.安装nodejs

下载地址:https://nodejs.org/en/

4.初始化数据库

创建数据库,数据库执行下载的renren-fast/db/mysql.sql文件,初始化数据库在这里插入图片描述

2.3 编译

1.打开renren-fast

修改application-dev.yml的数据库信息:
在这里插入图片描述
然后直接启动RenrenApplication。

3.打开renren-fast-vue

安装该项目的其他依赖,本地命令行控制台输入npm install

在这里插入图片描述
如果npm install报错:
在这里插入图片描述
原因:找不到python2.7的安装路径,控制台输入:

npm config set python "py2.7的安装路径"
npm install

 
 
  • 1
  • 2

其他npm install失败解决方法:https://www.renren.io/detail/10008
如果一切正常,控制台输入npm run dev启动页面项目,然后web输入http://localhost:8001:
在这里插入图片描述

默认账号密码 admin admin,登录后前端页面效果:
在这里插入图片描述

3. 开发

以上我们已经成功部署了一套前后端系统,接下来我们看看如何进行开发、添加我们所需的一些功能。

3.1 数据库表设计

首先为我们要为展示的业务数据设计一张数据库表,假设我要在前端页面展示图书信息,sql语句如下:

CREATE TABLE `tb_books` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `name` varchar(100) DEFAULT NULL COMMENT '书名',
  `author` varchar(100) DEFAULT NULL COMMENT '作者',
  `intro` varchar(500) DEFAULT NULL COMMENT '介绍',
  `price` decimal(10,2) DEFAULT NULL COMMENT '价格',
  `num` int(11) DEFAULT NULL COMMENT '数量',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 COMMENT='图书管理';

CREATE TABLE `tb_books` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `name` varchar(100) DEFAULT NULL COMMENT '书名',
  `author` varchar(100) DEFAULT NULL COMMENT '作者',
  `intro` varchar(500) DEFAULT NULL COMMENT '介绍',
  `price` decimal(10,2) DEFAULT NULL COMMENT '价格',
  `num` int(11) DEFAULT NULL COMMENT '数量',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 COMMENT='图书管理';

INSERT INTO `tb_books`(name,author,intro,price,num) VALUES('水浒传', '施耐庵', '全书通过描写梁山好汉反抗欺压、水泊梁山壮大和受宋朝招安,以及受招安后为宋朝征战,最终消亡的宏大故事,艺术地反映了中国历史上宋江起义从发生、发展直至失败的全过程,深刻揭示了起义的社会根源,满腔热情地歌颂了起义英雄的反抗斗争和他们的社会理想,也具体揭示了起义失败的内在历史原因。','68.88','1000');

INSERT INTO `tb_books`(name,author,intro,price,num) VALUES('西游记', '吴承恩', '全书主要描写了孙悟空出世及大闹天宫后,遇见了唐僧、猪八戒、沙僧和白龙马,西行取经,一路上历经艰险、降妖伏魔,经历了九九八十一难,终于到达西天见到如来佛祖,最终五圣成真的故事。该小说以“唐僧取经”这一历史事件为蓝本,通过作者的艺术加工,深刻地描绘了明代社会现实', '69.99', '800');

INSERT INTO `tb_books`(name,author,intro,price,num) VALUES('三国演义', '罗贯中', '《三国演义》可大致分为黄巾起义、董卓之乱、群雄逐鹿、三国鼎立、三国归晋五大部分,描写了从东汉末年到西晋初年之间近百年的历史风云,以描写战争为主,诉说了东汉末年的群雄割据混战和魏、蜀、吴三国之间的政治和军事斗争,最终司马炎一统三国,建立晋朝的故事。反映了三国时代各类社会斗争与矛盾的转化,并概括了这一时代的历史巨变,塑造了一群叱咤风云的三国英雄人物', '89.99', '650');

INSERT INTO `tb_books`(name,author,intro,price,num) VALUES('红楼梦', '曹雪芹', '《红楼梦》是一部具有世界影响力的人情小说,举世公认的中国古典小说巅峰之作,中国封建社会的百科全书,传统文化的集大成者。小说作者以“大旨谈情,实录其事”自勉,只按自己的事体情理,按迹循踪,摆脱旧套,新鲜别致,取得了非凡的艺术成就。“真事隐去,假语村言”的特殊笔法更是令后世读者脑洞大开,揣测之说久而遂多。二十世纪以来,学术界因《红楼梦》异常出色的艺术成就和丰富深刻的思想底蕴而产生了以《红楼梦》为研究对象的专门学问——红学','89.99', '180');


在数据库执行以上sql,我们的数据库已经有了以下表:
在这里插入图片描述

3.2 生成对应的前后端代码

用idea打开renren-generator项目,修改renren-generator\src\resources\application.yml的数据库信息:
在这里插入图片描述
我们修改一下generator.properties,修改一下模块名等一些信息:
在这里插入图片描述
运行后网页输入http://localhost
在这里插入图片描述
勾选tb_books,点击生成代码,然后就会自动生成下载代码压缩包,解压后目录:
在这里插入图片描述
在数据库执行books_menu.sql

main\java\io\renren\modules目录下的books添加到后端项目renren-fast\src\main\java\io.renren\modules下:
在这里插入图片描述
main\resources\src\views\modules目录下的books添加到前端项目renren-fast-vue\src\views\modules目录下
在这里插入图片描述
然后重启前后端,重新访问http://localhost:8001,点击系统管理->菜单管理->新增
在这里插入图片描述
然后就有了图书管理这个目录:
在这里插入图片描述
然后继续为这个目录添加东西:
在这里插入图片描述
菜单路由对应后端代码里面的:
在这里插入图片描述
点击确定,刷新web页面,大功告成:
在这里插入图片描述

4.总结

以上就是今天要讲的内容,本文介绍了renren-fast的部署和简单开发,后面将继续带来一些源码方面的探讨。

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值