前端开发计划-调整版.md 15.4 KB

Raw Blame History Permalink



臻奇智荟圈小程序 - 前端开发计划（调整版）


⚠️ 当前说明

本计划为历史版本，当前业务与路由以 src/app.config.js 为准，AI 模块已改为外部配置，不再内置页面。


📋 项目概览


项目信息


项目名称: 臻奇智荟圈小程序

技术栈: Taro 4 + Vue 3 + NutUI 4 + Pinia

开发周期: 2026-01-26 至 2026-02-24

实际工作日: 20天（剔除春节假期2026-02-15至02-23）


⚠️ 时间评估：非常紧迫


原计划：30天（5周）
实际工作日：20天
时间压缩：33%

建议策略：优先MVP核心功能，部分功能可延后或简化


📅 实际工作日计算


1月（6个工作日）


26(一) ✅、27(二) ✅、28(三) ✅、29(四) ✅、30(五) ✅、31(六) ✅


2月（14个工作日）


春节前：1(日)、2(一) ✅、3(二) ✅、4(三) ✅、5(四) ✅、6(五) ✅、7(六) ✅、8(日) ✅、9(一) ✅、10(二) ✅、11(三) ✅、12(四) ✅、13(五) ✅、14(六) ✅

春节假期：15(日) 🏮 至 23(一) 🏮 （9天假期）


春节后：24(二) ✅


总计：6 + 14 = 20个工作日


🎯 功能优先级调整


P0 - 核心功能（必须完成）


✅ 计划书提交模块
✅ 订单列表与详情
✅ 资料库首页与列表
✅ 资料在线预览（PDF/视频）
✅ 微信登录与权限控制


P1 - 重要功能（尽量完成）


⚠️ 资料搜索功能（用户核心需求，从P1提升至必须完成）
⚠️ 海报生成功能（业务展示需要，从P2提升至P1）
⚠️ 消息通知
⚠️ 个人中心完善


P2 - 可延后/简化


⏸️ AI问答模块（已移除，直接使用腾讯元宝AI配置）
⏸️ 资料下载水印（可简化为基础版本）
⏸️ 高级安全功能（图片切片、截屏检测等，延后至二期）


建议方案：优先完成 P0 + P1，AI问答直接使用腾讯元宝AI配置，节省5天开发时间。


📅 调整后的开发计划


第1周：基础架构 + 计划书模块（1月26日 - 2月1日，7天）


Day 1-2（1/26-1/27）：项目初始化与基础框架

目标：搭建项目基础架构

前端任务：


 创建页面目录结构（按模块划分）

 配置路由（app.config.js）

 配置 TabBar（4个主入口）

 创建 Store 模块（user.js, order.js, material.js）

 配置主题色和全局样式

 创建公共组件目录结构


交付物：


项目基础框架可运行
首页空白页面可访问


Day 3-4（1/28-1/29）：首页与个人中心

目标：完成基础页面框架

前端任务：


 开发首页（工作台）


 顶部欢迎区域

 快捷入口（3个卡片）

 待处理订单提醒（静态数据）


 开发个人中心


 用户信息展示

 基础菜单项


 开发消息通知列表页面（静态数据）

 对接用户信息 API

 微信登录流程联调（使用现有 authRedirect.js）


交付物：


首页可访问，展示静态内容
个人中心可访问
微信登录流程正常


Day 5-7（1/30-2/1）：计划书提交页面（核心功能）

目标：完成计划书提交流程

前端任务：


 开发计划书提交页面


 表单UI布局（7个字段）

 表单验证规则

 产品下拉选择（对接API）

 缴费年限联动（根据产品动态加载）

 金额输入验证（数字格式）

 年龄选择器（18-65岁）

 性别/货币单选

 备注文本框


 提交功能对接


 表单数据提交到后端

 Loading状态

 成功/失败提示

 提交成功后跳转到订单列表


 对接订单创建 API


交付物：


计划书提交页面可正常提交数据
表单验证完整
与后端API联调通过


第2周：订单列表 + 资料库模块（2月2日 - 2月8日，7天）


Day 1-2（2/2-2/3）：订单列表与详情

目标：完成订单查看功能

前端任务：


 开发订单列表页面


 订单卡片组件（OrderCard）

 订单状态标签（不同颜色）

 下拉刷新

 上拉加载更多

 空状态提示


 开发订单详情页面


 订单基本信息展示

 客户信息卡片

 产品信息卡片

 备注信息展示

 状态流转时间线（使用Steps组件）

 PDF预览入口（显示按钮，功能可后续完善）


 对接订单列表/详情 API

 测试订单查看流程


交付物：


订单列表可正常展示
订单详情可正常查看
支持下拉刷新和分页加载


Day 3-5（2/4-2/6）：资料库首页与列表

目标：完成资料库基础功能

前端任务：


 开发资料库首页


 分类导航（Grid布局，4个分类）

 搜索入口（跳转到搜索页）

 最新资料列表（横向滚动）

 热门资料列表（横向滚动）


 开发资料列表页面


 分类标题展示

 子分类筛选（Dropdown）

 资料列表项组件（MaterialItem）

 文件类型图标（PDF/视频/音频/图片）

 下拉刷新、上拉加载


 对接资料分类和列表 API

 点击资料项跳转到详情页


交付物：


资料库首页可正常访问
资料列表可正常展示
支持按分类查看


Day 6-7（2/7-2/8）：资料详情与预览（核心难点）

目标：完成资料在线预览功能

前端任务：


 开发资料详情页面


 资料信息展示（标题、分类、标签、时间）

 查看次数统计


 PDF在线预览功能（重点）


 集成 pdf.js 库

 PDF渲染组件

 翻页功能

 加载状态

 错误处理


 视频播放功能


 使用 NutUI Video 组件

 播放控制

 全屏支持


 图片查看功能


 图片预览组件

 缩放功能

 左右滑动切换


 安全措施（简化版）


 添加用户名水印（图片覆盖层）

 禁用长按菜单（CSS样式）

 禁用右键菜单（web-view配置）


 对接资料详情 API


交付物：


PDF可在线预览
视频/音频可正常播放
图片可正常查看
基础安全措施到位


第3周：搜索 + 海报 + 完善优化（2月9日 - 2月14日，6天）


Day 1-2（2/9-2/10）：资料搜索功能（核心功能）

目标：完成资料搜索

前端任务：


 开发资料搜索页面


 搜索输入框

 搜索按钮

 分类筛选（Dropdown）

 标签筛选（Tag选择）

 搜索结果列表

 关键词高亮

 搜索历史（本地存储）

 空状态提示

 清空历史功能


 防抖优化（搜索输入）

 对接资料搜索 API

 测试搜索功能


交付物：


搜索功能正常
支持关键词、分类、标签筛选
搜索结果高亮显示


Day 3-4（2/11-2/12）：海报生成功能（替代原AI模块）

目标：完成海报生成功能

前端任务：


 开发海报生成页面


 海报模板选择

 用户信息预览

 产品信息展示

 二维码生成（如有需要）


 海报预览功能


 实时预览

 缩放查看


 海报保存/分享功能


 保存到相册

 分享给好友

 生成图片


 对接海报生成 API


 前端生成方案（html2canvas）

 或后端生成方案（上传参数，返回图片）


 测试海报生成流程


交付物：


海报可正常生成
支持保存和分享
用户体验流畅


Day 5（2/13）：消息通知与权限控制

目标：完善辅助功能

前端任务：


 完善消息通知功能


 订阅消息配置

 消息接收逻辑

 消息列表展示

 点击消息跳转到对应页面


 权限控制完善


 用户角色判断（普通用户/管理员）

 管理员入口显示/隐藏

 权限守卫（路由拦截）


 个人中心完善


 清除缓存功能

 关于我们页面

 退出登录功能


 对接消息通知 API


交付物：


消息通知功能正常
权限控制完善
个人中心功能完整


Day 6（2/14）：全面测试与优化

目标：MVP功能测试与优化

前端任务：


 功能回归测试


 计划书提交流程

 订单查看流程

 资料库查看流程

 资料搜索流程

 消息通知流程


 性能优化


 首屏加载优化

 列表滚动性能

 图片懒加载

 请求优化（合并、缓存）


 用户体验优化


 Loading状态统一

 错误提示优化

 空状态提示完善

 弱网络提示


 Bug修复


 修复测试中发现的问题

 兼容性问题修复


交付物：


所有P0功能测试通过
性能达到要求
用户体验流畅


第4周：春节假期（2月15日 - 2月23日，9天）

🏮 春节假期 🏮

建议：


休息放松
复核已完成的功能
思考二期功能优化（腾讯元宝AI配置、高级安全功能等）
准备上线资料


第5周：上线准备（2月24日，1天）


Day 1（2/24）：上线准备

目标：准备上线

前端任务：


 生产环境配置


 检查环境变量配置

 配置生产环境API地址

 检查CDN配置


 代码检查


 ESLint检查

 代码清理（移除debug代码、console.log）

 代码压缩


 小程序提交准备


 版本号更新

 隐私协议配置

 用户保护指引

 服务器域名配置


 提交微信审核


 准备审核截图

 填写审核说明

 提交审核


交付物：


小程序提交审核
上线文档准备完成


📊 进度跟踪表


功能模块完成情况


模块
功能
优先级
计划完成日期
实际完成日期
状态


基础框架
项目初始化
P0
1/27

⬜


首页
P0
1/29

⬜


个人中心
P1
1/29

⬜


消息通知
P1
2/12

⬜


计划书模块
提交页面
P0
2/1

⬜


订单列表
P0
2/3

⬜


订单详情
P0
2/3

⬜


资料库模块
资料库首页
P0
2/6

⬜


资料列表
P0
2/6

⬜


资料详情
P0
2/8

⬜


PDF预览
P0
2/8

⬜


视频/图片预览
P0
2/8

⬜


搜索功能
资料搜索
P0
2/10

⬜


海报功能
海报生成
P1
2/12

⬜


辅助功能
消息通知
P1
2/13

⬜


权限控制
P1
2/13

⬜


个人中心完善
P1
2/13

⬜


优化与测试
性能优化
P1
2/14

⬜


Bug修复
P1
2/14

⬜


兼容性测试
P1
2/14

⬜


图例：⬜ 未开始 | 🟡 进行中 | ✅ 已完成 | ⏸️ 延后/取消


🎯 二期功能规划（待定）

以下功能可作为二期迭代，在项目上线后开发：


AI问答集成（预计1-2天）

说明：直接使用腾讯元宝AI配置，无需自主开发


 腾讯元宝AI接入配置

 AI聊天入口跳转

 用户引导文案

 测试AI问答功能


高级安全功能（预计2天）


 图片切片展示（防止完整下载）

 动态水印（实时时间+用户信息）

 截屏检测（高级功能）


数据统计（预计2天）


 用户行为统计

 资料查看统计

 热点分析


其他优化功能（预计3天）


 资料下载增强水印

 海报模板多样化

 搜索功能增强（联想推荐等）


⚠️ 风险提示


时间风险 - 🟡 中风险（已降低）


风险描述：实际工作日仅20天，时间较紧张

应对策略：


严格控制需求变更
优先P0功能，P1功能尽量完成
每日跟进进度，及时调整
AI模块移除节省5天，时间压力已缓解
预留2天缓冲时间应对风险


技术风险 - 🟢 低风险（已降低）


风险描述：PDF预览、海报生成等技术实现

应对策略：


PDF预览优先使用成熟方案（pdf.js）
海报生成技术成熟（html2canvas或后端生成）
禁止下载采用基础防护即可
AI问答使用腾讯元宝，无需开发


联调风险 - 🟡 中风险


风险描述：前后端联调时间不确定

应对策略：


尽早与后端确认API接口
使用Mock数据进行前端开发
关键接口优先联调


审核风险 - 🟡 中风险


风险描述：小程序审核可能不通过或耗时较长

应对策略：


提前准备审核资料
仔细阅读审核规范
预留3-5天审核时间


📝 每日工作建议


每日必做


早上：查看今日任务清单
开发：按优先级完成任务
晚上：更新进度跟踪表
遇到问题：及时沟通，不要拖延


每周必做


周一：查看本周任务
周五：总结本周进度
提交代码：每日至少提交一次
代码审查：核心功能提交前审查


里程碑检查点


2/1：计划书提交功能完成

2/8：资料库核心功能完成

2/14：MVP功能测试通过

2/24：小程序提交审核


🚀 开发建议


1. 快速启动


直接复制现有项目结构
复用现有组件和工具函数
不要过度设计，MVP优先


2. 渐进式开发


先完成核心流程，再完善细节
先实现功能，再优化体验
先完成开发，再做测试


3. 充分复用


NutUI组件优先，减少自定义
公共组件及时抽取
工具函数统一管理


4. 及时沟通


API接口尽早确认
需求变更及时反馈
进度延误及时上报


5. 质量把控


核心功能必须测试
代码审查不能省
文档注释要清晰


📞 紧急联系方式


前端负责人：[待填写]

后端负责人：[待填写]

项目经理：[待填写]


📌 总结


核心要点


实际工作日：20天（剔除春节9天假期）

时间评估：较紧张但可控，AI模块移除后时间压力缓解

优先级明确：P0必须完成，P1尽量完成

里程碑清晰：2/14完成MVP，2/24提交审核

AI问答：直接使用腾讯元宝AI配置，节省5天开发时间


成功关键


✅ 专注核心功能，不做过度设计
✅ 每日跟进进度，及时调整
✅ 充分复用现有资源
✅ 及时沟通，避免阻塞
✅ 利用AI模块节省的时间，提升核心功能质量


预期结果

按照这个计划，可以在20天内完成一个功能完整的MVP版本，满足核心业务需求。AI问答使用腾讯元宝AI配置，海报生成功能纳入一期开发，高级安全功能和数据统计可作为二期迭代。


文档版本: v2.1（AI模块调整版）
最后更新: 2026-01-27
工作日: 20天
状态: 待审核
主要变更:


AI问答模块移除，改用腾讯元宝AI配置
海报生成功能从P2提升至P1
资料搜索功能提升为核心功能
时间风险和技术风险等级降低
二期功能规划调整