# 前端设计文档模板

# 1.需求背景及资源

  • 需求背景

  • 相关文档 & 资源

    • 需求文档:
    • 设计视觉稿:
    • 服务端IDL:
    • 第三方服务/SDK文档
    • 测试Case:
    • 埋点文档:
    • 运营资源列表(optional):
    • 走查及验收文档:

# 2.排期

# 需求Timeline

评审 设计 开发 联调 测试 上线
日期

# 排期拆分

排期(人/天) 模块Owner
模块1
模块2
合计人天

# 3.设计方案

# 整体方案

  • 项目搭建
  • 部署方案
  • 监控方案

# 页面设计

  • 页面设计
  • URL
  • UI & 交互逻辑(UI拆分)
  • 状态
  • 请求逻辑
  • 业务逻辑
  • 埋点逻辑

# 组件设计

  • 模块描述
  • UI & 交互逻辑
  • 状态 / Props
  • 业务逻辑
  • 埋点逻辑

# 公用模块

  • 模块描述
  • 业务逻辑

# 4.Todos

  • 设计方案
  • 开发
    • 页面1
    • 组件1
    • 通用模块1
  • 联调
  • 测试
  • UI走查
  • 上线