zrd-nb666/campus_health_app/docs/diagrams/report-wbs.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数智健调 - 工作分解结构(WBS)</title>
    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            max-width: 1400px;
            margin: 0 auto;
            padding: 20px;
            background: #f5f5f5;
        }
        h1 { color: #333; text-align: center; }
        h2 { color: #666; border-bottom: 2px solid #3b82f6; padding-bottom: 10px; }
        .mermaid { background: white; padding: 20px; border-radius: 8px; margin: 20px 0; overflow-x: auto; }
        .description { background: white; padding: 15px; border-radius: 8px; margin: 10px 0; }
        table { width: 100%; border-collapse: collapse; margin: 10px 0; }
        th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
        th { background: #3b82f6; color: white; }
        tr:nth-child(even) { background: #f9f9f9; }
        .status-done { color: #10b981; font-weight: bold; }
    </style>
</head>
<body>
    <h1>📋 数智健调 - 工作分解结构(WBS)</h1>
    
    <h2>项目WBS图</h2>
    <div class="mermaid">
mindmap
    root((数智健调项目))
        1.项目启动
            1.1 需求调研
            1.2 技术选型
            1.3 环境搭建
        2.系统设计
            2.1 架构设计
            2.2 数据库设计
            2.3 API设计
            2.4 UI/UX设计
        3.前端开发
            3.1 框架搭建
            3.2 公共组件
            3.3 体重管理
            3.4 饮食管理
            3.5 运动管理
            3.6 健康监测
            3.7 校园服务
            3.8 用户中心
        4.后端开发
            4.1 框架搭建
            4.2 数据库实现
            4.3 API实现
            4.4 业务逻辑
        5.测试优化
            5.1 单元测试
            5.2 功能测试
            5.3 API测试
            5.4 性能优化
        6.项目收尾
            6.1 文档编写
            6.2 部署上线
            6.3 项目总结
    </div>
    
    <h2>项目进度甘特图</h2>
    <div class="mermaid">
gantt
    title 数智健调项目进度计划
    dateFormat  YYYY-MM-DD
    section 项目启动
    需求调研           :done, a1, 2024-10-01, 7d
    技术选型           :done, a2, after a1, 4d
    环境搭建           :done, a3, after a2, 3d
    section 系统设计
    架构设计           :done, b1, after a3, 5d
    数据库设计         :done, b2, after b1, 4d
    API设计            :done, b3, after b2, 3d
    UI/UX设计          :done, b4, after b2, 5d
    section 前端开发
    框架搭建           :done, c1, after b4, 5d
    公共组件           :done, c2, after c1, 5d
    体重管理模块       :done, c3, after c2, 10d
    其他功能模块       :done, c4, after c3, 10d
    section 后端开发
    框架搭建           :done, d1, after b3, 3d
    数据库实现         :done, d2, after d1, 5d
    API实现            :done, d3, after d2, 10d
    section 测试优化
    功能测试           :done, e1, after c4, 5d
    性能优化           :done, e2, after e1, 3d
    section 项目收尾
    文档编写           :done, f1, after e2, 5d
    项目总结           :done, f2, after f1, 2d
    </div>
    
    <h2>任务清单</h2>
    <table>
        <tr>
            <th>WBS编号</th>
            <th>任务名称</th>
            <th>工期</th>
            <th>负责人</th>
            <th>状态</th>
        </tr>
        <tr><td>1.1</td><td>需求调研</td><td>7天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>1.2</td><td>技术选型</td><td>4天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>1.3</td><td>环境搭建</td><td>3天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>2.1</td><td>架构设计</td><td>5天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>2.2</td><td>数据库设计</td><td>4天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>2.3</td><td>API设计</td><td>3天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>2.4</td><td>UI/UX设计</td><td>5天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>3.1</td><td>前端框架搭建</td><td>5天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>3.2</td><td>公共组件开发</td><td>5天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>3.3</td><td>体重管理模块</td><td>10天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>3.4-3.8</td><td>其他功能模块</td><td>10天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>4.1</td><td>后端框架搭建</td><td>3天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>4.2</td><td>数据库实现</td><td>5天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>4.3</td><td>API实现</td><td>10天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>5.1-5.4</td><td>测试与优化</td><td>8天</td><td>本人</td><td class="status-done">✅完成</td></tr>
        <tr><td>6.1-6.3</td><td>文档与总结</td><td>7天</td><td>本人</td><td class="status-done">✅完成</td></tr>
    </table>
    
    <div class="description">
        <h3>项目统计</h3>
        <ul>
            <li><strong>总工期</strong>：约12周（84天）</li>
            <li><strong>总工时</strong>：约230小时</li>
            <li><strong>完成率</strong>：100%</li>
            <li><strong>开发人员</strong>：1人（本人独立完成）</li>
        </ul>
    </div>
</body>
</html>