The react-antd-ts-admin from mjxjn

react-antd-ts-admin's Introduction

项目简介

基于React+AntD+TypeScript的后台管理系统

技术依赖

React -（UI 框架）
Ant-Design - （组件库）
TypeScript - （静态类型）
axios
less
vite

线上地址

功能

登录/退出
全屏浏览
一键换肤
个人中心
侧边菜单
标签快捷导航
图标
表单
表格
图表
- 折线图
- 面积图
- 柱状图
- 条形图
- 饼图
- 散点图
地图
Tab 选项卡
上传/导出 Excel
用户管理
文章管理
- 创建文章
- 文章列表
- 草稿箱
- 垃圾箱
上传
- 头像上传
- 文件上传
错误处理
- 403
- 404
组件
- 可编辑的树

项目截图

目录结构

|-- docs                文档
|-- src                 源码目录
|	|-- api                   接口
|	|-- assets                静态资源文件，会被webpack解析为模块依赖
|		|-- img                     图片
|		|-- fonts                   字体
|	|-- components            全局公共组件
|	|-- layouts               基础布局
|	|-- mock                  数据模拟
|	|-- pages                 页面级组件
|	|-- router                路由管理
|	|-- store                 状态管理
|	|-- utils                 全局公用方法
|	|-- App.tsx								根组件
|	|-- index.tsx							入口文件
|-- static              第三方纯静态资源
|-- .editorconfig       IDE配置
|-- .gitignore          git提交时忽略的文件
|--	package.json        项目基本信息
|-- README.md           项目说明
|-- tsconfig.json						TypeScript配置