基于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配置
npm run dev
yarn dev
npm run build
yarn build