后台管理系统的前端解决方案
项目地址 | https://github.com/diandian18/react-antd-console
在线预览 | 文档
介绍
react-antd-console 是一个后台管理系统的前端解决方案,封装了后台管理系统必要功能(如登录、鉴权、菜单、面包屑、标签页等),帮助开发人员专注于业务快速开发。项目基于 React18 、Ant design5 、Vite 和 TypeScript 等新版本。对于使用到的各项技术,会被持续更新至最新版本
谁适合使用?
如果你将要开发或学习如何开发后台管理系统。并且你是一名新手前端开发者,或者是一名了解一些前端的后端开发者,或者是一名有一定经验的前端开发者,但当下还没有信心把握所有的事情,并且希望循序渐进掌握,那么可以尝试本项目
尽可能简单
无论是使用本项目做开发,还是学习的目的,保持简单是必要的。因此本项目专注于:良好的代码层次设计、定义清晰明确的目录结构、容易改造和拆换的模块分类等。本项目最小化的封装了一些必要的功能,例如登录、鉴权、菜单、面包屑、标签页等。如果你没有自己的 UI 设计,那么可以直接使用本项目封装的功能;如果你有自己的 UI 设计,那么也可以在本项目基础上作方便的改造
功能
快速开始
# 安装依赖
npm i
# 启动服务
npm start
浏览器访问 http://localhost:9527
构建
# 构建生产环境包
npm run build:prod
浏览器兼容
兼容支持 es2015 的浏览器,不兼容 IE ,建议不低于:
Pro edition
深/浅色主题
[td]
[/td]
[td]
[/td]
Light
Dark
任意主色切换
[td]
[/td]
[td]
[/td]
[td]
[/td]
[td]
[/td]
任意背景色切换
[td]
[/td]
[td]
[/td]
Background Light
Background Dark
4 种布局
[td]
[/td]
[td]
[/td]
侧分栏
侧单栏
[td]
[/td]
[td]
[/td]
头分栏
头单栏
丰富的主题配置
在线预览 | 文档