从零开始有图:人人开源框架renren-fast-master配置与运行

写在前面

1、这个是我在学习人人开源框架后自己总结的内容,有很多错漏的地方

2、如果没能帮到你的话,请向其他博主寻求帮助


项目文件

可以去gitee下载,我修改了端口号和数据库的信息,对应修改了就行了

后端地址

renren-fast: renren-fast是一个轻量级的Spring Boot2.1快速开发平台,其设计目标是开发迅速、学习简单、轻量级、易扩展;使用Spring Boot、Shiro、MyBatis、Redis、Bootstrap、Vue2.x等框架,包含:管理员列表、角色管理、菜单管理、定时任务、参数管理、代码生成器、日志管理、云存储、API模块(APP接口开发利器)、前后端分离等。 (gitee.com)icon-default.png?t=N7T8https://gitee.com/renrenio/renren-fast前端地址renren-fast-vue: renren-fast-vue基于vue、element-ui构建开发,实现renren-fast后台管理前端功能,提供一套更优的前端解决方案。 (gitee.com)icon-default.png?t=N7T8https://gitee.com/renrenio/renren-fast-vue

代码生成器

renren-generator: 人人开源项目的代码生成器,可在线生成entity、xml、dao、service、vue、sql代码,减少70%以上的开发任务 (gitee.com)icon-default.png?t=N7T8https://gitee.com/renrenio/renren-generator

运行环境

操作系统

Windows11家庭版

js环境

node.js12.22.12+npm6.14.4

项目管理工具

apache-maven-3.9.3

远程字典服务

Redis-x64-3.2.100

java开发工具

jdk-17_windows-x64_bin

数据库管理系统

mysql8.0.34

前端运行环境

VSCode,webstorm(如果你有会员或者试用)

后端运行环境

IDEA(社区版需要安装spring boot helper的插件)

数据库管理工具

Navicat Premium 16.0,datagrip(如果你有会员或者试用)


运行环境的安装配置

node.js+npm的安装配置

node.js12.22.12+npm6.14.4的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132001346icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132001346

maven的安装配置

maven3.9.3的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132001971icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132001971

redis的安装配置

Redis3.2.100免安装版的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132002019icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132002019

jdk的安装配置

jdk17.0.6的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132059517icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132059517

mysql的安装配置

mysql8.0.34的安装配置_CDTU iron fan的博客-CSDN博客https://blog.csdn.net/m0_74865737/article/details/132063126icon-default.png?t=N7T8https://blog.csdn.net/m0_74865737/article/details/132063126

vscode的安装配置

这个你总会吧

idea的安装配置

这个你总会吧

navicat的安装配置

请自行安装,建议使用16.0版本,尊重正版


开始跑项目

我的需要用的的路径和信息

数据库用户名:root

数据库用户密码:123456

用到的数据库:renren-fast

1、启动redis-sever

e623ad0c58b64c8abd9f16628361d11a.png​​

 2、启动navicat

新建一个数据库renren-fast,字符集为utf-8,utf-8mb3或者utf-8mb4,排序规则不选

f4408a08d0e545f8864e37d536143374.png

3、数据库操作

在renren-fast数据库中选择表,运行renren-fast-master中的sql文件(C:\Users\Abit\Desktop\renren-fast-master\db文件夹下的第一个sql文件,运行后记得刷新)

97ee7656d3d744968ff34da773ce7733.png

4、启动idea

使用idea打开renren-fast-master文件,等待idea把各种资源加载完(社区版要先下载spring boot helper的插件)

点击运行RenrenApplication.java(它的路径是C:\Users\Abit\Desktop\renren-fast-master\src\main\java\io\renren\RenrenApplication.java)

 5、idea运行成功 

b586fb187d6748e585b707847858aaeb.png

6、启动vscode

使用vscode打开renren-fast-vue-master文件,等待vscode把各项资源加载完(vscode会提醒你安装某些扩展,直接安装就行)

b90b93a0006446ec8d6e21fd20476158.png​7、在终端进行操作

点击菜单栏终端,新建终端,在终端输入以下命令后回车执行

npm install --registry=https://registry.npmmirror.com
npm run serve

执行完毕后,vscode显示运行成功,在浏览器会自动打开一个网页

c42dc28ed4a94cf4ad7972ebf064fea1.png

8、vscode运行成功

64fe6293fafd4c64a7b1737d3b8a119c.png

9、项目运行成功

输入验证码,点击登录,登录成功,项目运行成功

df2c625382ce4fcc988eec584c341113.png

10、代码生成器的运行

使用idea打开renren-generator-master文件,等待idea把各种资源加载完(社区版要先下载spring boot helper的插件)

点击运行RenrenApplication.java(它的路径是C:\Users\Abit\Desktop\renren-generator-master\src\main\java\io\renren\RenrenApplication.java)

11、idea运行成功

12、代码生成器运行成功

使用浏览器访问

localhost:80

出现以下界面即访问成功

注意事项

 1、idea运行时显示进程已结束,退出代码1的解决:

可能1:你把redis-sever关掉了,打开redis-sever后重新运行一下

可能2:你的maven没有加载完成,进入设置检查一下maven的版本和路径这些,更改或者重新加载一下maven

可能3:你的项目中的数据库相关信息与navicat中的数据信息的不匹配

2、vscode运行时出现npm相关的报错:

可能1:你的node_cache和node_global文件夹权限不够,找到你安装node.js的文件夹,右键点击属性,选择安全,点击编辑,权限全部打勾,点击应用,重新在终端执行以上命令

c8c5f37499b446ca98c0b16e3ff3cf91.png

可能2:此文件夹被占用,关闭相关软件,清除缓存就行了,重新在终端执行以上命令

可能3:node.js和npm的配置有问题(主要是路径问题),检查一下相关配置路径

3、网页打开后加载不出来或者提示接口500错误:

可能1:查看你是不是把redis-sever或者idea关掉了

可能2:你网络太差了或者网络连接断开了

可能3:端口冲突,cmd打开命令行,输入以下命令,找到占用66端口的进程的PID(最后一列)

netstat -ano | findstr "66"

4b6c551f4b664d67b72a8d5444dbcabf.png

 搜索任务管理器,点击任务管理器

f4d7fe800c174f06961562d8ed75b26f.png

 搜索要关闭的进程的PID,右键结束任务

cc20051b2db44e1f9ee7b5386708479e.png

可能4:你更改了端口的参数没有注意到,自己检查一遍

  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答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 的基本步骤,如果你想要进一步优化和部署,可以参考官方文档或者通过搜索引擎和开发社区获取更多的技巧和经验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值