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

本文主要是介绍从零开始有图:人人开源框架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:你更改了端口的参数没有注意到,自己检查一遍

这篇关于从零开始有图:人人开源框架renren-fast-master配置与运行的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/609741

相关文章

SpringCloud动态配置注解@RefreshScope与@Component的深度解析

《SpringCloud动态配置注解@RefreshScope与@Component的深度解析》在现代微服务架构中,动态配置管理是一个关键需求,本文将为大家介绍SpringCloud中相关的注解@Re... 目录引言1. @RefreshScope 的作用与原理1.1 什么是 @RefreshScope1.

SpringBoot日志配置SLF4J和Logback的方法实现

《SpringBoot日志配置SLF4J和Logback的方法实现》日志记录是不可或缺的一部分,本文主要介绍了SpringBoot日志配置SLF4J和Logback的方法实现,文中通过示例代码介绍的非... 目录一、前言二、案例一:初识日志三、案例二:使用Lombok输出日志四、案例三:配置Logback一

springboot security之前后端分离配置方式

《springbootsecurity之前后端分离配置方式》:本文主要介绍springbootsecurity之前后端分离配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的... 目录前言自定义配置认证失败自定义处理登录相关接口匿名访问前置文章总结前言spring boot secu

一文详解SpringBoot响应压缩功能的配置与优化

《一文详解SpringBoot响应压缩功能的配置与优化》SpringBoot的响应压缩功能基于智能协商机制,需同时满足很多条件,本文主要为大家详细介绍了SpringBoot响应压缩功能的配置与优化,需... 目录一、核心工作机制1.1 自动协商触发条件1.2 压缩处理流程二、配置方案详解2.1 基础YAML

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

SpringBoot中封装Cors自动配置方式

《SpringBoot中封装Cors自动配置方式》:本文主要介绍SpringBoot中封装Cors自动配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot封装Cors自动配置背景实现步骤1. 创建 GlobalCorsProperties

Spring Boot结成MyBatis-Plus最全配置指南

《SpringBoot结成MyBatis-Plus最全配置指南》本文主要介绍了SpringBoot结成MyBatis-Plus最全配置指南,包括依赖引入、配置数据源、Mapper扫描、基本CRUD操... 目录前言详细操作一.创建项目并引入相关依赖二.配置数据源信息三.编写相关代码查zsRArly询数据库数

SpringBoot配置Ollama实现本地部署DeepSeek

《SpringBoot配置Ollama实现本地部署DeepSeek》本文主要介绍了在本地环境中使用Ollama配置DeepSeek模型,并在IntelliJIDEA中创建一个Sprin... 目录前言详细步骤一、本地配置DeepSeek二、SpringBoot项目调用本地DeepSeek前言随着人工智能技

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应