Springboot+SpringCloud+react实现管理后台

1,项目介绍

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

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


2,软件架构说明

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

2.2,项目后台目前采用了springboot,springsecurity,eureka,zuul,feign,前端采用:react.js,蚂蚁的antd

2.3,项目中包含两个文件:
    dream-react-parent文件是java项目,主要结构:
          dream-react-parent
            --dream-react-eureka
            --dream-react-zuul
            --dream-react-user-api

    react文件中是前端项目
2.4,项目的sql在doc文件夹下面

 

项目中一些图片

Springboot+SpringCloud+react实现管理后台
       

Springboot+SpringCloud+react实现管理后台

Springboot+SpringCloud+react实现管理后台

3,前端项目运行
3.1,前端运行需要在node环境进行,

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

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

4,后端项目运行
  依次启动三个项目

4.1. 本项目是本人的学习项目,难免有bug和一些需要优化的地方;

4.2. 各位大神下载后,仅供参考学习;

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

4.4,可以使用http://www.fffffff.online;用户名:admin密码:admin查看一下;

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

码云地址:https://gitee.com/dream21th/springboot-react-web