littlebot
Published on 2025-04-13 / 1 Visits
0

【源码】基于 React 框架的管理系统

项目简介

本项目名为 react - admin,是一个基于 React 框架的管理系统解决方案。由于网上免费且完整的 React 后台管理开源项目较少,该项目利用空余时间集成而来,集成了众多实用功能和丰富的 UI 组件,能为开发者提供完整、高效且易于使用的管理系统基础框架。

项目的主要特性和功能

依赖模块

项目基于 create - react - app 创建,主要新增功能依赖包有 React、React - Router、Redux、Antd、Axios、echarts - for - react、recharts、nprogress、react - draft - wysiwyg、react - draggable、screenfull、photoswipe、animate.css、react - loadable、redux - alita 等,用于构建界面、管理路由、处理状态、发起 HTTP 请求、展示图表、实现加载条等。

功能模块

  • 首页:具备完整布局和换肤功能(目前仅实现顶部导航换肤)。
  • 导航菜单:包含顶部导航(支持菜单伸缩和全屏功能)和左边菜单(有滚动条且适配路由的 active 操作)。
  • UI 模块:涵盖按钮、图标、加载中、通知提醒框、标签页、轮播图、富文本、拖拽、画廊等组件。
  • 动画:提供基础动画(animate.css 所有动画)和动画案例。
  • 表格:有基础表格、高级表格和异步表格(数据来自掘金酱的接口)。
  • 表单:包含基础表单。
  • 图表:支持 echarts 图表和 recharts 图表。

安装使用步骤

假设用户已经下载了本项目的源码文件,可按以下步骤操作: 1. 打开终端,进入项目目录。 2. 安装项目依赖:建议使用 yarn 进行安装,若在国内使用可增加淘宝镜像源以提高速度。命令如下: bash yarn or npm i 3. 启动项目: bash yarn start or npm start 4. 打包项目: bash yarn build or npm run build

注意启动和打包时间可能稍长,请耐心等待两分钟。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】