Skip to content

evan966890/wsjf-sprint-planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

127 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WSJF Sprint Planner - 加权优先级排期工具

基于 WSJF (Weighted Shortest Job First) 方法的迭代排期可视化工具。

功能特性

  • 📊 智能评分系统:基于业务影响度、时间窗口、DDL 和工作量自动计算权重分
  • 🎯 可视化排期:拖拽式操作,直观的卡片式需求展示
  • 🔍 多维度筛选:支持按类型、热度、工作量、业务影响度等多维度筛选
  • 📈 资源管理:实时展示各迭代池的资源使用情况和容量预警
  • 📖 完整说明书:内置详细的 WSJF-Lite 评分方法说明
  • 🤖 智能OCR识别 (v1.6新增):用户上传PDF/图片时自动识别文本并提取需求信息
    • 双OCR后端:OCR.space (25,000次/月) + 百度OCR (1,000-2,000次/月)
    • 智能提取8个需求字段
    • 自动填充表单,节省录入时间
  • 🔄 飞书集成 (v1.6新增):从飞书项目直接导入工作项

快速开始

1. 安装依赖

npm install

2. 启动开发服务器

方式 A: 仅启动前端(基础功能)

npm run dev

方式 B: 同时启动前端和OCR服务(完整功能)⭐

npm run dev:full

服务器将自动在浏览器中打开:

  • 前端应用: http://localhost:3000
  • OCR API: http://localhost:3001

3. 构建生产版本

npm run build

4. 预览生产构建

npm run preview

技术栈

前端

  • React 18 - UI 框架
  • TypeScript - 类型安全
  • Vite - 构建工具
  • Tailwind CSS - 样式框架
  • Lucide React - 图标库

OCR 服务 (v1.6新增)

  • Node.js + Express - OCR API 服务器
  • OCR.space API - 在线OCR引擎(25,000次/月免费额度)
  • 百度OCR API - 中文OCR引擎(1,000-2,000次/月免费额度)
  • 智能路由 - 自动选择最佳OCR后端

项目结构

WSJF/
├── src/
│   ├── main.tsx              # 应用入口
│   ├── index.css             # 全局样式
│   └── wsjf-sprint-planner.tsx  # 主组件
├── index.html                # HTML 模板
├── package.json              # 项目配置
├── vite.config.ts            # Vite 配置
├── tsconfig.json             # TypeScript 配置
└── tailwind.config.js        # Tailwind 配置

使用说明

添加需求

  1. 点击左侧"待排期区"的 ➕ 按钮
  2. 填写需求信息(名称、负责人、业务影响度等)
  3. 系统自动计算权重分

排期需求

  1. 从待排期区拖拽需求卡片
  2. 放入右侧的迭代池中
  3. 系统自动校验资源容量和技术评估状态

筛选需求

使用左侧筛选器:

  • 搜索框:按需求名称或负责人搜索
  • 类型筛选:功能开发/技术债/Bug修复
  • 热度筛选:高/中/低热度
  • 工作量筛选:小/中/大规模
  • 价值筛选:局部/明显/撬动核心/战略平台

上传PDF/图片快速录入(v1.6新增)🆕

  1. 启动完整服务:npm run dev:full
  2. 在需求编辑界面上传PDF或图片文件
  3. 系统自动:
    • 调用OCR识别文本
    • 智能提取需求字段(名称、描述、工作量等)
    • 自动填充表单
  4. 查看并调整提取的信息,保存需求

详细文档OCR集成指南

查看说明

点击顶部"查看说明书"按钮,了解详细的 WSJF-Lite 评分方法。

评分规则

当前简化版(v1.2)

  • 业务影响度 (4档):局部 3分 | 明显 6分 | 撬动核心 8分 | 战略平台 10分
  • 时间窗口:随时 0分 | 三月窗口 3分 | 一月硬窗口 5分
  • 强制 DDL:有 5分 | 无 0分
  • 工作量奖励(8档细分)
    • ≤2天 +8分 | 3-5天 +7分 | 6-14天 +5分 | 15-30天 +3分
    • 31-50天 +2分 | 51-100天 +1分 | 101-150天 0分 | >150天 0分

权重分 = 归一化到 1-100 的展示分数 星级 = ★★★★★ (≥85) | ★★★★ (70-84) | ★★★ (55-69) | ★★ (≤54)

计算公式

rawScore = 业务影响度 + 时间窗口 + 强制DDL + 工作量奖励
displayScore = 10 + 90 × (rawScore - min) / (max - min)

未来升级计划(v2.0)

将启用完整的10分制评分体系:

  • 业务影响度:1-10分制(10个等级详细标准)
  • 技术复杂度:1-10分制(反向计算,复杂度高降低优先级)
  • 更精细的优先级评估算法

浏览器支持

  • Chrome/Edge (推荐)
  • Firefox
  • Safari

📚 开发指南与规范

核心文档

快速链接

文档 说明 适合人群
快速开始 环境搭建、启动项目 新成员
项目架构 技术栈、目录结构 所有开发者
核心功能 WSJF算法、评分系统 产品、开发
常见任务 5个典型开发场景 开发者
发布部署 发布流程、检查清单 发布负责人
术语规范 统一术语定义 所有团队成员
Git规范 Commit规范、分支策略 开发者

开发规范要点

必须遵守:

  • ✅ 使用规范术语:权重分、业务影响度、技术复杂度
  • ✅ TypeScript 严格模式,禁止使用 any
  • ✅ 说明书文案从常量获取(不硬编码)
  • ✅ 发布前完成说明书检查清单
  • ✅ Commit message 遵循规范格式

详细规范: 参见 项目规范文档

版本历史

v1.0.0 (2025-10-17) - 纯前端完整版 🎉

重大里程碑:首个生产就绪版本

核心功能

  • ✅ 完整的 WSJF 评分算法实现(含归一化和星级分档)
  • ✅ 气泡视图和列表视图双模式切换
  • ✅ 流畅的拖拽式排期交互
  • ✅ 多维度筛选和灵活排序功能
  • ✅ Excel 批量导入导出(支持智能列映射)
  • ✅ PDF/截图导出功能
  • ✅ 本地数据持久化(LocalStorage)
  • ✅ 用户登录和会话管理

代码质量提升

  • ✅ 完整的 TypeScript 类型定义(29个接口字段)
  • ✅ 详细的中文代码注释(覆盖所有主要组件和算法)
  • ✅ 健壮的边界检查和错误处理
    • 数值计算安全性检查(10+ 处)
    • 数组边界和类型验证(5 处)
    • 空值保护和可选链(15+ 处)
    • 除以0防护和百分比边界限制
  • ✅ 响应式设计和用户体验优化

UI/UX 改进

  • ✅ 优化列表视图的横向滚动显示
  • ✅ 合并统计信息到同一行节省空间
  • ✅ 缩短迭代区域的不可用人日行高
  • ✅ 增强进度条可读性(更大字体和更醒目颜色)
  • ✅ 支持超容量拖拽并显示警告状态
  • ✅ 必填字段标注和表单验证

技术特性

  • 单文件架构(src/wsjf-sprint-planner.tsx)
  • 纯前端应用,无需后端服务器
  • 智能 Excel 映射(可选 Gemini API 支持)
  • 响应式布局,支持现代浏览器

已知限制

  • 所有数据存储在浏览器本地
  • 智能 Excel 映射需要配置 Gemini API
  • 不支持多人协作(无后端同步)

构建验证

  • TypeScript 编译:✅ 通过(无错误)
  • 生产构建:✅ 成功(1804 个模块)
  • 构建时间:~3秒
  • 包大小:主包 1.1MB(gzip后 338KB)

注意:v1.0.0 是纯前端完整版本的里程碑。未来如果需要恢复到此版本,使用 git checkout v1.0.0


v1.6.0 (2025-10-27) - OCR集成与飞书集成 🚀

核心功能

  • 智能OCR识别:用户上传PDF/图片时自动识别并提取需求信息
    • 双OCR后端:OCR.space (25,000次/月) + 百度OCR (1,000-2,000次/月)
    • 智能后端选择:根据文件名自动选择最佳引擎
    • 需求字段提取:自动提取8个需求字段
  • OCR API服务器:Node.js + Express服务
  • 飞书集成:直接从飞书项目导入工作项

技术更新

  • Node.js依赖:express, multer, cors, concurrently
  • 新增启动命令:npm run dev:full(同时启动前端和OCR)
  • 新增启动命令:npm run ocr:server(仅启动OCR服务)
  • 新增验证命令:npm run verify-ocr(验证OCR集成)

文档

  • docs/OCR_INTEGRATION_GUIDE.md - OCR集成指南
  • src/utils/requirementExtractor.ts - 智能需求提取工具
  • scripts/verify-ocr-integration.js - OCR验证脚本

部署


在线演示

生产环境: https://xiaomi-4g92opdf60df693e-1314072882.tcloudbaseapp.com/

许可证

MIT

About

WSJF Sprint Planner - 基于 WSJF 方法的迭代排期工具

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors