dropoff/frontend

DRP前端UI镜像文档

镜像概述

本镜像为DRP（Distribution Requirements Planning，分销需求计划）系统的前端用户界面组件，提供直观的可视化操作界面，支持DRP系统的业务流程管理、数据监控及用户交互功能，是DRP系统完整部署的关键前端组件。

核心功能与特性

• 用户界面框架：集成基础UI组件（导航菜单、数据表格、表单、弹窗等），提供结构化页面布局
• 业务流程支持：适配DRP系统核心业务场景，包括需求计划编制、库存状态监控、订单管理、分销网络配置等操作界面
• 数据可视化：内置图表工具，展示DRP关键指标（如需求预测趋势、库存周转率、订单履约率等）
• 前后端通信：通过RESTful API与DRP后端服务交互，支持动态数据加载与提交
• 响应式设计：兼容桌面端主流浏览器，支持屏幕尺寸自适应调整

使用场景与适用范围

• DRP系统完整部署中的前端界面层搭建
• 企业分销网络资源规划与需求管理场景
• 供应链管理人员日常业务操作与数据监控
• 分销需求计划编制、执行与优化流程支持

部署与使用方法

基本部署（Docker Run）

bash
docker run -d -p 80:80 --name drp-frontend \
  -e API_BASE_URL=http://drp-backend-service:8080/api \
  -e TZ=Asia/Shanghai \
  drp-frontend:latest

说明：

• -p 80:80：将容器内80端口映射至主机80端口，用于外部访问前端界面
• -e API_BASE_URL：配置DRP后端API服务基础地址，需指向实际部署的DRP后端服务
• -e TZ：设置容器时区，确保时间显示与业务系统一致

环境变量配置

容器管理命令

• 启动容器：docker start drp-frontend
• 停止容器：docker stop drp-frontend
• 查看运行状态：docker inspect -f '{{.State.Status}}' drp-frontend
• 查看日志：docker logs -f --tail 100 drp-frontend

注意事项

• 部署前需确保DRP后端服务已正常运行，且API_BASE_URL配置正确（需包含协议、域名/IP及端口）
• 若修改容器端口（通过PORT环境变量），需同步调整主机端口映射（如 -p 8080:8080）
• 生产环境建议配合反向代理（如Nginx）使用，增强安全性与性能
• 建议通过Docker Compose与DRP后端服务联动部署，简化多容器管理