wurenzhi
e47beffaf9
- 重构前端导入和组件结构，优化代码组织 - 添加Java后端基础框架和API实现 - 修复类型定义和接口兼容性问题 - 新增测试页面和工具函数 - 优化国际化支持和错误处理 - 更新依赖配置和构建脚本 新增Java后端模块： - 实现基础认证、订单、支付等服务 - 添加Swagger API文档支持 - 配置数据库连接和缓存 - 实现国际化消息处理 - 添加安全过滤器和限流控制
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+
安装依赖
cd dashboard
npm install
启动开发服务器
npm run dev
构建生产版本
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。