{"repo":"panyushan-jade/react-template-admin","free":true,"listed":false,"github":"https://github.com/panyushan-jade/react-template-admin","clone":"git clone https://github.com/panyushan-jade/react-template-admin.git","description":"A lightweight React18 backend management template","language":"TypeScript","stars":228,"topics":["template","zustand","antd-design","typescript","dashboard","react18","react","axios","react-router-v6","vite4"],"license":"MIT","category":"dashboards-admin","readme_excerpt":"React Template Admin 一个轻量级的 React 18 后台管理系统模板，开箱即用。 特性 - 🚀 最新技术栈 - React 18 + TypeScript + Vite - 📦 组件丰富 - 基于 Ant Design 5 + ProComponents - 🎨 主题定制 - 支持动态主题色切换 - 📊 数据可视化 - 集成 @ant-design/plots 图表库 - 🔐 权限管理 - 内置登录认证流程 - 📱 响应式设计 - 完美适配各种屏幕尺寸 - 🛠️ 工程化 - ESLint + Prettier + Husky + Commitlint 目录结构 快速开始 环境要求 - Node.js = 16.0.0 - npm = 8.0.0 或 pnpm = 7.0.0 安装依赖 启动开发服务器 访问 http://localhost:5173 查看应用。 构建生产版本 预览生产版本 页面说明 仪表盘 (Dashboard) 路径: / 展示数据统计和图表： - 统计卡片：支付金额、访客数、订单数、浏览量 - 折线图：趋势数据展示 - 柱状图：分类数据对比 - 饼图：占比数据展示 表单页 (FormPage) 路径: /form 完整的表单示例，包含： - 表单验证 - 级联选择 - 自动完成 - 密码确认 列表页 (TablePage) 路径: /table 高级表格功能： - 搜索过滤 - 可编辑行 - 排序功能 - 操作按钮 详情页 (DetailPage) 路径: /detail 订单详情展示： - 金额卡片 - 订单信息 - 用户信息 - 商品列表 - 物流进度时间线 个人中心 (AccountCenter) 路径: /account/center 用户个人信息展示。 个人设置 (AccountSettings) 路径: /account/settings 用户设置页面。 核心功能 状态管理 使用 Zustand 进行状态管理，支持持久化存储。 HTTP 请求 封装了 Axios，支持请求/响应拦截器。 路由配置 路由配置位于 src/config/router.tsx ，支持懒加载和嵌套路由。 图表配置 统一的图表配置，便于维护和扩展。 工具函数 防抖 (debounce) 节流 (throttle) 日期格式化 (formatDate) 深拷贝 (deepClone) 主题定制 动态切换主题色 在头部右侧点击颜色选择器即可切换主题色。 修改默认主题色 编辑 src/stores/global.ts ： 自定义主题变量 创建 .env 文件： 代码规范 提交规范 使用 Commitizen 规范提交信息： 提交类型： - feat : 新功能 - fix : 修复 bug - docs : 文档更新 - style : 代码格式调整 - refactor : 代码重构 - test : 测试相关 - chore : 构建/工具相关 代码检查 扩展指南 添加新页面 1. 在 src/pages/ 下创建页面组件 2. 在 src/pages/index.ts 中导出 3. 在 src/config/router.tsx 中添加路由 4. 在 src/layout/index.tsx 中添加菜单项 添加新 API 1. 在 src/services/ 下创建服务文件 2. 使用 http 实例发起请求 添加新图表 1. 在 src/pages/Dashboard/components/ 下创建图表组","default_branch":null,"files":null,"tree":[],"storefront":"/r/panyushan-jade","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/panyushan-jade/react-template-admin/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}