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
其他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='图书管理';
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的部署和简单开发,后面将继续带来一些源码方面的探讨。