基于Spring Boot快速搭建一个renren-fast前后端分离项目

简介: 基于Spring Boot快速搭建一个renren-fast前后端分离项目

1、在Gitee平台的【人人开源】仓库中下载项目一个前后端分离的项目

前端项目:renren-fast-vue

网址:https://gitee.com/renrenio/renren-fast-vue

4d463222b06c4020949e1ae9b66a1992.png

后端项目:renren-fast

地址:https://gitee.com/renrenio/renren-fast


e6fc3107a8fa414d9a53a8bfeaa26913.png

复制仓库地址,在Git Bash中Clone

 git clone https://gitee.com/renrenio/renren-fast.git
 git clone https://gitee.com/renrenio/renren-fast-vue.git


bcf61d75e68d44199c3c04e761d33701.png

2、安装node.js

官网地址:https://nodejs.org/en/


38b9235a451848e69957766cd8e1dcef.png

这里我是安装的【16.16.0LTS】版

node -v检查是否安装成功

换源:npm config set registry http://registry.npm.taobao.org/


37da58b1bbec496ebc24c45f9973c59b.png

解决警告

如果出现图中警告

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

解决办法:

1、在windows中以管理员身份打开cmd,然后执行命令

npm install -g npm-windows-upgrade

951325e59a634d89b1ddd2d5e40cef0a.png

2、在Windows Power Shell以管理员身份运行,执行命令

set-ExecutionPolicy RemoteSigned

输入【Y】

成功更改脚本策略


ab3961cc94f14774b4b7d5d60c8142f8.png

3、在cmd上运行命令

npm-windows-upgrade

b1119c54ee344f6e867da3fdf96d2294.png系统会问你升级哪一个版本?直接默认敲【回车】,升级成功!

再次检查,发现没【WARN警告】


39e1eeaa0c354041a302de500ce2e8a0.png

3、导入项目

导入项目前可以把文件中的【.git】文件删除一下

先将后端项目:renren-fast导入IDEA

编译下【POM文件】,有爆错是引入的版本过时问题,可以忽略,不影响项目启动

修改下【application-dev.yml】文件里的url的数据库连接的地址和你需要连接的数据库的名字以及数据库的连接密码

这里我的数据库是叫【gulimall_admin】

e9e2375162af45788b4ad5b9ba0c75e2.png

找项目的入口函数【RenrenApplication】直接【Run】

04973df03c574abd9240df840f6fec71.png

启动后如下图:可以看到Tomcat已经运行

0c7d1dd2436840699ecd11817d770404.png

访问地址

http://localhost:8080/renren-fast/

出现下图,则说明成功

13f4c2ccbefa4e67935fc0cb787bf865.png

再导入前端项目:renren-fast-vue

安装好VSCode

官网:https://code.visualstudio.com/


4769f755aab541ddbd03f9e2968fb364.png

打开我们下载好的前端项目,启动终端

运行:npm install

运行没有红色的爆错说明前端项目【build】成功

e1e2d36896fe46c1aca271596793b6c5.png

再运行:npm run dev

feadf62623874d53b6c4ee21267af3a8.png


可以看到【Compiled successfully】运行成功

f8781e94d52d4ab482ab612549465b47.png

前端项目启动

地址:http://localhost:8001/#/login

6108daccf72b4f0bb305227cba57091c.png

后台也返回了执行参数

00a3f5952afd44ea819659b7f3903ca0.png

登录前端页面

账户:【admin】

密码:【admin】

cc981c841d2a4e7eb54244b474ff9cc2.png

【注意】

一定要先启动后端项目再启动前端项目

相关文章
|
10月前
|
JSON 分布式计算 大数据
springboot项目集成大数据第三方dolphinscheduler调度器
springboot项目集成大数据第三方dolphinscheduler调度器
672 3
|
10月前
|
Java 关系型数据库 数据库连接
Spring Boot项目集成MyBatis Plus操作PostgreSQL全解析
集成 Spring Boot、PostgreSQL 和 MyBatis Plus 的步骤与 MyBatis 类似,只不过在 MyBatis Plus 中提供了更多的便利功能,如自动生成 SQL、分页查询、Wrapper 查询等。
983 2
|
10月前
|
Java 关系型数据库 MySQL
springboot项目集成dolphinscheduler调度器 实现datax数据同步任务
springboot项目集成dolphinscheduler调度器 实现datax数据同步任务
982 2
|
10月前
|
分布式计算 Java 大数据
springboot项目集成dolphinscheduler调度器 可拖拽spark任务管理
springboot项目集成dolphinscheduler调度器 可拖拽spark任务管理
531 2
|
10月前
|
前端开发 Java API
酒店管理系统基于 JavaFX Spring Boot 和 React 经典项目重构实操
本文介绍了基于现代技术栈的酒店管理系统开发方案,整合了JavaFX、Spring Boot和React三大技术框架。系统采用前后端分离架构,JavaFX构建桌面客户端,React开发Web管理界面,Spring Boot提供RESTful API后端服务。核心功能模块包括客房管理和客户预订流程,文中提供了JavaFX实现的客房管理界面代码示例和React开发的预订组件代码,展示了如何实现客房信息展示、添加修改操作以及在线预订功能。
648 1
|
10月前
|
Java 测试技术 Spring
简单学Spring Boot | 博客项目的测试
本内容介绍了基于Spring Boot的博客项目测试实践,重点在于通过测试驱动开发(TDD)优化服务层代码,提升代码质量和功能可靠性。案例详细展示了如何为PostService类编写测试用例、运行测试并根据反馈优化功能代码,包括两次优化过程。通过TDD流程,确保每项功能经过严格验证,增强代码可维护性与系统稳定性。
368 0
|
10月前
|
存储 Java 数据库连接
简单学Spring Boot | 博客项目的三层架构重构
本案例通过采用三层架构(数据访问层、业务逻辑层、表现层)重构项目,解决了集中式开发导致的代码臃肿问题。各层职责清晰,结合依赖注入实现解耦,提升了系统的可维护性、可测试性和可扩展性,为后续接入真实数据库奠定基础。
767 0
|
分布式计算 大数据 Java
springboot项目集成大数据第三方dolphinscheduler调度器 执行/停止任务
springboot项目集成大数据第三方dolphinscheduler调度器 执行/停止任务
278 0
|
10月前
|
Java 应用服务中间件 Maven
第01课:Spring Boot开发环境搭建和项目启动
第01课:Spring Boot开发环境搭建和项目启动
3093 0
|
分布式计算 Java 大数据
springboot项目集成dolphinscheduler调度器 项目管理
springboot项目集成dolphinscheduler调度器 项目管理
304 0