123 lines
2.6 KiB
Markdown
123 lines
2.6 KiB
Markdown
|
# Dashboard - 前端管理控制台
|
||
|
|
|
||
|
|
## 📋 项目简介
|
||
|
|
|
||
|
|
Dashboard 是 Crawlful Hub 的前端管理控制台，提供了直观的用户界面，用于管理商品、订单、物流、广告等核心业务功能。
|
||
|
|
|
||
|
|
## 🚀 核心功能
|
||
|
|
|
||
|
|
### 1. 商品管理
|
||
|
|
- 商品详情查看与编辑
|
||
|
|
- 商品发布表单
|
||
|
|
- 素材上传管理
|
||
|
|
|
||
|
|
### 2. 订单管理
|
||
|
|
- 订单列表与详情
|
||
|
|
- 订单聚合分析
|
||
|
|
- 异常订单处理
|
||
|
|
|
||
|
|
### 3. 物流管理
|
||
|
|
- 物流渠道选择
|
||
|
|
- 物流轨迹跟踪
|
||
|
|
- 运费计算
|
||
|
|
|
||
|
|
### 4. 广告管理
|
||
|
|
- 广告计划创建与管理
|
||
|
|
- 广告投放监控
|
||
|
|
- ROI分析
|
||
|
|
|
||
|
|
### 5. B2B贸易管理
|
||
|
|
- 企业报价管理
|
||
|
|
- 批量订单处理
|
||
|
|
- 合同管理
|
||
|
|
|
||
|
|
### 6. 售后管理
|
||
|
|
- 退货申请处理
|
||
|
|
- 退款流程管理
|
||
|
|
- 客户服务
|
||
|
|
|
||
|
|
### 7. 合规管理
|
||
|
|
- 证书管理
|
||
|
|
- 合规检查
|
||
|
|
- 证书过期提醒
|
||
|
|
|
||
|
|
### 8. 用户资产管理
|
||
|
|
- 资产概览
|
||
|
|
- 积分管理
|
||
|
|
- 会员等级
|
||
|
|
|
||
|
|
### 9. A/B测试管理
|
||
|
|
- 测试配置
|
||
|
|
- 测试结果分析
|
||
|
|
|
||
|
|
## 🏗 技术栈
|
||
|
|
|
||
|
|
- **框架**: React + UmiJS
|
||
|
|
- **语言**: TypeScript
|
||
|
|
- **样式**: Tailwind CSS
|
||
|
|
- **状态管理**: 内置状态管理
|
||
|
|
- **路由**: UmiJS 路由
|
||
|
|
|
||
|
|
## 📦 快速开始
|
||
|
|
|
||
|
|
### 环境要求
|
||
|
|
- Node.js 16+
|
||
|
|
|
||
|
|
### 安装依赖
|
||
|
|
|
||
|
|
```bash
|
||
|
|
cd dashboard
|
||
|
|
npm install
|
||
|
|
```
|
||
|
|
|
||
|
|
### 启动开发服务器
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run dev
|
||
|
|
```
|
||
|
|
|
||
|
|
### 构建生产版本
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run build
|
||
|
|
```
|
||
|
|
|
||
|
|
## 📁 项目结构
|
||
|
|
|
||
|
|
```
|
||
|
|
dashboard/
|
||
|
|
├── src/
|
||
|
|
│ ├── pages/ # 页面组件
|
||
|
|
│ │ ├── ABTest/ # A/B测试相关页面
|
||
|
|
│ │ ├── Ad/ # 广告管理相关页面
|
||
|
|
│ │ ├── AfterSales/ # 售后管理相关页面
|
||
|
|
│ │ ├── Auth/ # 认证相关页面
|
||
|
|
│ │ ├── B2B/ # B2B贸易相关页面
|
||
|
|
│ │ ├── B2BTrade/ # B2B贸易相关页面
|
||
|
|
│ │ ├── Compliance/ # 合规管理相关页面
|
||
|
|
│ │ ├── Logistics/ # 物流管理相关页面
|
||
|
|
│ │ ├── Orders/ # 订单管理相关页面
|
||
|
|
│ │ ├── Product/ # 商品管理相关页面
|
||
|
|
│ │ └── UserAsset/ # 用户资产管理相关页面
|
||
|
|
├── package.json # 项目配置
|
||
|
|
├── tsconfig.json # TypeScript 配置
|
||
|
|
└── README.md # 项目说明
|
||
|
|
```
|
||
|
|
|
||
|
|
## 🔧 开发规范
|
||
|
|
|
||
|
|
### 代码规范
|
||
|
|
- 遵循 TypeScript 最佳实践
|
||
|
|
- 使用 ESLint 进行代码检查
|
||
|
|
- 组件命名使用 PascalCase
|
||
|
|
- 文件命名使用 PascalCase
|
||
|
|
|
||
|
|
### 提交规范
|
||
|
|
- 提交信息使用中文描述
|
||
|
|
- 提交前确保代码通过测试
|
||
|
|
- 大型功能提交前创建分支
|
||
|
|
|
||
|
|
## 🤝 贡献
|
||
|
|
|
||
|
|
欢迎贡献代码和提出建议！请先阅读项目文档，然后提交 Pull Request。
|