基于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

【注意】

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

相关文章
|
2月前
|
SpringCloudAlibaba Java 持续交付
【构建一套Spring Cloud项目的大概步骤】&【Springcloud Alibaba微服务分布式架构学习资料】
【构建一套Spring Cloud项目的大概步骤】&【Springcloud Alibaba微服务分布式架构学习资料】
192 0
|
6天前
|
XML Java 数据格式
Spring 项目如何使用AOP
Spring 项目如何使用AOP
19 2
|
6天前
|
Java Spring
Spring boot项目如何发送邮件
Spring boot项目如何发送邮件
16 2
|
12天前
|
Java API 数据安全/隐私保护
【亮剑】如何在Java项目中结合Spring框架实现邮件发送功能
【4月更文挑战第30天】本文介绍了如何在Java项目中结合Spring框架实现邮件发送功能。首先,需在`pom.xml`添加Spring和JavaMail依赖。然后,在`applicationContext.xml`配置邮件发送器,包括SMTP服务器信息。接着,创建一个使用依赖注入的`EmailService`类,通过`JavaMailSender`发送邮件。最后,调用`EmailService`的`sendSimpleEmail`方法即可发送邮件。最佳实践包括:使用配置管理敏感信息,利用`MimeMessage`构造复杂邮件,异常处理和日志记录,以及在大量发送时考虑使用邮件队列。
|
17天前
|
Java Maven Docker
0.07 秒启动一个 SpringBoot 项目!Spring Native 很强!!
0.07 秒启动一个 SpringBoot 项目!Spring Native 很强!!
26 2
|
23天前
|
Java Linux 虚拟化
Docker 部署spring-boot项目(超详细 包括Docker详解、Docker常用指令整理等)
Docker 部署spring-boot项目(超详细 包括Docker详解、Docker常用指令整理等)
56 1
|
24天前
|
存储 Java Maven
江帅帅:Spring Boot 底层级探索系列 01- 搭建项目
江帅帅:Spring Boot 底层级探索系列 01- 搭建项目
35 0
江帅帅:Spring Boot 底层级探索系列 01- 搭建项目
|
28天前
|
缓存 Java Spring
单体项目中资源管理模块集成Spring Cache
该内容是关于将Spring Cache集成到资源管理模块以实现缓存同步的说明。主要策略包括:查询时添加到缓存,增删改时删除相关缓存。示例代码展示了@Service类中使用@Transactional和@Cacheable注解进行缓存操作,以及在RedisTemplate中处理缓存的示例。
24 5
|
28天前
|
Java Shell 开发者
个人开发者,Spring Boot 项目如何部署
个人开发者部署Spring Boot项目教程:利用Linux、docker和docker-compose。项目目录包含`Dockerfile`、`docker-compose.yml`和脚本`build-docker-compose.sh`。`Dockerfile`基于`openjdk:17-jdk-alpine`构建镜像,设置时区并添加jar。`docker-compose.yml`定义服务,映射端口和挂载数据卷。升级时,将新jar放入`jars`目录,运行`sh build-docker-compose.sh`更新容器。
23 1
|
1月前
|
JSON 前端开发 Java
统一异常处理:让Spring Boot项目异常更优雅
统一异常处理:让Spring Boot项目异常更优雅
30 1