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

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

  • 16
    点赞
  • 66
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: renren-fast-vue 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,用于快速开发企业级管理系统。要部署 renren-fast-vue,您需要按照以下步骤进行操作: 1. 克隆 renren-fast-vue 代码库到本地。 2. 安装 Node.js 和 npm。 3. 在命令行中进入 renren-fast-vue 项目目录,运行 npm install 命令安装依赖。 4. 修改 config/index.js 文件中的 dev 和 prod 环境的 API 地址,使其指向您的后端服务地址。 5. 运行 npm run dev 命令启动开发服务器,或者运行 npm run build 命令构建生产环境代码。 6. 将生成的 dist 目录中的文件上传到您的 Web 服务器上,即可完成部署。 以上是 renren-fast-vue 部署的基本步骤,具体操作可能会因环境和需求而有所不同。如果您遇到任何问题,可以参考 renren-fast-vue 的文档或者向社区寻求帮助。 ### 回答2: renren-fast-vue 是一款基于 Vue.js 和 SpringBoot 的前后端分离快速开发平台,在进行部署时需要进行以下步骤: 1. 服务器环境搭建:需要安装 JDK、Maven、Nginx 等工具。 2. 下载源码:可以通过 GitHub 下载 renren-fast-vue 的源码,并且可以根据具体需要进行个性化的定制。 3. 配置数据库:可以在 application.yml 文件中,填写数据库配置信息,支持 MySQL、Oracle、SQL Server 等多种数据库。 4. 打包部署:可以通过 Maven 将前后端代码打包为一个 WAR 包,并且可以将其通过 Tomcat、Jetty 等 Web 服务器进行部署。 5. 配置反向代理:可以通过 Nginx 进行部署,将 HTTP 请求转发到后端的接口,这样可以提高系统的稳定性和安全性。 6. 配置域名和SSL:可以通过购买域名和 SSL 证书,并且将其配置到 Nginx 上,以保证系统的正常运行。 7. 配置缓存和负载均衡:可以通过 Redis 缓存和负载均衡器等技术,来提高系统的性能和可用性。 总之,在进行 renren-fast-vue 的部署时,需要进行全面的准备工作,并且要考虑到所有的细节,以确保系统的顺利运行。同时,也需要持续进行监控和维护,以保证系统的稳定性和安全性。 ### 回答3: renren-fast-vue 是一个基于 Vue.js 技术栈的前后端分离的开发框架,提供了快速搭建前后端分离的基本架构和多种组件库、工具库、UI 库等等。如果你想要部署 renren-fast-vue,可以按照以下步骤进行。 首先,你需要确保你的电脑上已经安装了 Node.js,可以在命令行窗口中输入 node -v 命令,如果输出版本信息就证明已经安装成功了。 接着,你需要将 renren-fast-vue 的源代码从 Github 上克隆到本地电脑上。可以在命令行窗口中输入以下命令: ```bash git clone https://github.com/renrenio/renren-fast-vue.git ``` 克隆完成之后,进入 renren-fast-vue 目录,输入以下命令安装依赖: ```bash cd renren-fast-vue npm install ``` 安装依赖完成后,你可以运行以下命令启动前端页面: ```bash npm run dev ``` 此时,你可以在浏览器中访问 http://localhost:8000,就可以看到 renren-fast-vue 的前端页面了。 如果你想要部署后端,需要在 renren-fast-vue 目录下找到 renren-generator 目录,运行以下命令生成代码: ```bash npm run gen src/server.java ``` 这条命令会在 src 目录下生成 server.java 文件,你需要用一个 Java IDE 打开这个文件,运行 main 方法启动后端服务器。 以上就是部署 renren-fast-vue 的基本步骤,如果你想要进一步优化和部署,可以参考官方文档或者通过搜索引擎和开发社区获取更多的技巧和经验。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值