# springboot-react-web

**Repository Path**: inflamed-wing-network/springboot-react-web

## Basic Information

- **Project Name**: springboot-react-web
- **Description**: 后台开发采用springboot和springcloud，前端开发采用react.js和ant.design
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 21
- **Created**: 2024-07-11
- **Last Updated**: 2024-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# springboot-react-web

#### 项目介绍

后台开发采用springboot和springcloud，前端开发采用react和antd。

antd是后台ui框架，官网地址： https://ant.design/index-cn

#### 软件架构
软件架构说明

1，本项目采用的是前后端分离开发的，目前只是实现了一些基本功能，包括用户管理，权限管理和菜单管理；

2，项目后台目前采用了springboot，springsecurity，eureka，zuul，feign，前端采用：react.js，蚂蚁的antd

3，项目中包含两个文件：
    dream-react-parent文件是java项目，主要结构：
          dream-react-parent
            --dream-react-eureka
            --dream-react-zuul
            --dream-react-user-api

    react文件中是前端项目
4，项目的sql在doc文件夹下面
       
#### 安装教程

一，前端项目运行
1，前端运行需要在node环境进行，

2，前端项目下载完成后，使用 npm install 进行安装

3，安装好依赖后，使用 npm run 就可以启动项目

二，后端项目运行
  依次启动三个项目


![输入图片说明](https://images.gitee.com/uploads/images/2018/0901/233019_548edd4d_1683168.png "登录")
![输入图片说明](https://images.gitee.com/uploads/images/2018/0901/233051_ccae4d3b_1683168.png "2.png")
![输入图片说明](https://images.gitee.com/uploads/images/2018/0901/233106_55532f6b_1683168.png "3.png")
![输入图片说明](https://images.gitee.com/uploads/images/2018/0901/233116_e8495cc3_1683168.png "4.png")
![输入图片说明](https://images.gitee.com/uploads/images/2018/0901/233128_71d5c005_1683168.png "07C6WLJ{%Q6$@MN08$XEFPV.png")
![输入图片说明](https://images.gitee.com/uploads/images/2018/0901/233140_35039e3b_1683168.png "5.png")


#### 使用说明

1. 本项目是本人的学习项目，难免有bug和一些需要优化的地方；

2. 各位大神下载后，仅供参考学习；

3，如果需要在本地调试需要修改页面中的ip地址，目前页面中的是http://118.190.62.94，请替换为服务端；

4，可以使用http://www.fffffff.online；用户名：admin密码：admin查看一下；

5. 欢迎各位大佬提意见，并对项目进行修改和优化

#### 参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)