- 新增「简记memo」一体化小程序产品原型设计文档 - 新增简记memo完整版UI视觉设计规范和界面细节 - 添加IDEA项目配置文件.gitignore - 创建404页面HTML文件,包含响应式布局和错误提示 - 添加关于页面HTML文件,展示品牌介绍和团队信息 - 实现AES加解密工具函数,支持请求体加密 - 添加用户协议页面基础框架
263 lines
6.7 KiB
Markdown
263 lines
6.7 KiB
Markdown
# 「简记memo」一体化小程序
|
||
## 完整产品原型设计文档
|
||
**定位**:极简高级、强功能、纯个人工具、云存储、无社交无广告
|
||
**风格**:留白、卡片、轻动画、深浅双主题
|
||
**架构**:底部 4 Tab + 全局快捷操作 + 数据云同步
|
||
|
||
---
|
||
|
||
# 一、全局规则(所有页面通用)
|
||
1. **数据隔离**
|
||
仅当前微信用户可见,openid 绑定,自动登录,无需注册
|
||
2. **日期体系**
|
||
所有数据按「yyyy-MM-dd」归类,支持跨天查看/顺延
|
||
3. **操作统一**
|
||
- 左滑:删除
|
||
- 右滑:完成/确认
|
||
- 长按:编辑/批量
|
||
- 悬浮按钮:快速添加
|
||
4. **主题**
|
||
浅色 / 深色 / 跟随系统
|
||
5. **云存储**
|
||
微信云开发数据库,无服务器、无域名、单人可维护
|
||
|
||
---
|
||
|
||
# 二、底部 Tab 结构(4 个)
|
||
1. **今日**(聚合页)
|
||
2. **待办**(全任务管理)
|
||
3. **账单**(全收支管理)
|
||
4. **我的**(配置+数据+统计)
|
||
|
||
---
|
||
|
||
# 三、页面原型详细描述(逐页完整)
|
||
|
||
## Page 1:今日(核心聚合页)
|
||
### 顶部
|
||
- 日期:yyyy-MM-dd 星期X
|
||
- 左右箭头:昨日 / 明日
|
||
- 小开关:快速切换「只看今日 / 含逾期」
|
||
|
||
### 模块 A:今日待办
|
||
- 进度条:已完成 / 总数
|
||
- 列表:
|
||
图标 + 标题 + 优先级(红点/黄点/绿点)+ 完成勾选框
|
||
- 空态:今日暂无任务,添加一个开始吧
|
||
- 快捷操作:
|
||
右滑 = 完成
|
||
左滑 = 删除
|
||
点击 = 进入编辑
|
||
|
||
### 模块 B:今日记账
|
||
- 今日支出:¥xx
|
||
- 今日收入:¥xx
|
||
- 今日结余:自动计算
|
||
- 账单列表:
|
||
分类图标 + 备注 + 金额(红/绿)
|
||
- 空态:今日暂无记录
|
||
|
||
### 底部悬浮按钮(左右双按钮)
|
||
- 左侧:+ 记一笔
|
||
- 右侧:+ 加任务
|
||
|
||
### 页面逻辑
|
||
- 进入自动加载当日数据
|
||
- 完成/删除后实时刷新
|
||
- 切换日期自动重新请求
|
||
|
||
---
|
||
|
||
## Page 2:待办(全功能任务页)
|
||
### 顶部
|
||
- 搜索框:搜索标题/备注
|
||
- 筛选:全部 / 未完成 / 已完成 / 逾期
|
||
|
||
### 筛选栏
|
||
- 今天 / 本周 / 本月 / 自定义区间
|
||
|
||
### 任务列表结构
|
||
每条任务:
|
||
- 优先级图标(高/中/低)
|
||
- 任务标题
|
||
- 任务备注(折叠,超出两行隐藏)
|
||
- 重复标记(每日/每周/每月)
|
||
- 日期
|
||
- 完成开关
|
||
|
||
### 功能点(强但不复杂)
|
||
1. **新增任务**
|
||
- 标题(必填)
|
||
- 备注(选填)
|
||
- 分类:工作/生活/学习/自定义
|
||
- 优先级:高/中/低
|
||
- 日期:默认今日,可改
|
||
- 重复:不重复 / 每日 / 每周 / 每月
|
||
2. **子任务**
|
||
- 每条主任务可加多条子任务
|
||
- 子任务完成状态独立
|
||
3. **自动顺延**
|
||
当日未完成 → 次日自动显示(可开关)
|
||
4. **批量操作**
|
||
长按进入批量:完成/删除/移动日期
|
||
5. **重复任务自动生成**
|
||
每日/每周/每月自动生成下一条
|
||
|
||
### 空态
|
||
你还没有任何任务,点击右下角添加第一个任务
|
||
|
||
---
|
||
|
||
## Page 3:账单(全功能记账页)
|
||
### 顶部
|
||
- 搜索:备注/分类
|
||
- 切换:支出 / 收入 / 全部
|
||
|
||
### 统计条
|
||
- 时间段:今日/本周/本月
|
||
- 总支出、总收入、结余
|
||
|
||
### 分类快捷统计(横向滚动)
|
||
- 图标 + 分类名 + 金额 + 占比
|
||
|
||
### 账单列表
|
||
- 分类图标
|
||
- 分类名称
|
||
- 备注(可选)
|
||
- 金额(支出红、收入绿)
|
||
- 日期
|
||
- 左滑删、右滑快速修改
|
||
|
||
### 记账弹窗(强功能极简操作)
|
||
- 类型:支出 / 收入
|
||
- 金额:数字键盘
|
||
- 分类:预设16个 + 支持自定义
|
||
- 备注:选填
|
||
- 日期:默认今天,可改
|
||
- 保存
|
||
|
||
### 高级功能
|
||
1. **预算功能**
|
||
月预算,超支标红、进度条提醒
|
||
2. **自定义分类**
|
||
名称 + 图标 + 颜色
|
||
3. **转账记录**
|
||
账户之间转账,不影响收支统计
|
||
4. **按月自动归档**
|
||
|
||
---
|
||
|
||
## Page 4:我的(设置+统计+数据)
|
||
### 模块 A:月度统计(卡片)
|
||
- 总支出、总收入、预算剩余
|
||
- 完成任务数、完成率
|
||
- 简约环形图
|
||
|
||
### 模块 B:数据管理
|
||
- 导出数据(Excel / 文本)
|
||
- 清空所有数据(二次确认)
|
||
- 数据同步状态
|
||
|
||
### 模块 C:个性化
|
||
- 主题:浅色 / 深色 / 自动
|
||
- 列表样式:紧凑/舒适
|
||
- 动画开关
|
||
|
||
### 模块 D:偏好设置
|
||
- 待办未完成自动顺延
|
||
- 重复任务提醒
|
||
- 预算超支提醒
|
||
- 首页默认显示日期
|
||
|
||
### 模块 E:其他
|
||
- 关于
|
||
- 版本号
|
||
- 清理缓存
|
||
|
||
---
|
||
|
||
# 四、数据库结构(可直接建表)
|
||
## 1. tasks(待办)
|
||
- _id
|
||
- openid(用户唯一标识)
|
||
- title(标题)
|
||
- content(备注)
|
||
- cate(分类:work/life/study/custom)
|
||
- priority(1高/2中/3低)
|
||
- repeat(none/day/week/month)
|
||
- done(true/false)
|
||
- subtasks(数组:[{title,done}])
|
||
- date(yyyy-MM-dd)
|
||
- createTime
|
||
- updateTime
|
||
|
||
## 2. bills(账单)
|
||
- _id
|
||
- openid
|
||
- type(income/expend)
|
||
- money(数字,正数)
|
||
- cate(分类)
|
||
- icon(图标)
|
||
- color(颜色)
|
||
- note(备注)
|
||
- date(yyyy-MM-dd)
|
||
- createTime
|
||
|
||
## 3. userConfig(用户配置)
|
||
- _id
|
||
- openid
|
||
- theme(light/dark/auto)
|
||
- budget(月预算)
|
||
- autoPostpone(自动顺延)
|
||
- showAnimation(动画)
|
||
- customCate(自定义分类数组)
|
||
- lastBackup(最后备份时间)
|
||
|
||
---
|
||
|
||
# 五、核心业务逻辑(完整闭环)
|
||
1. **任务自动顺延**
|
||
每天0点,未完成、非重复、非已完成 → 复制到今日,标记顺延
|
||
2. **重复任务生成**
|
||
每日/每周/每月自动生成下一条任务,不修改原任务
|
||
3. **预算计算**
|
||
月支出总和对比预算,超支变红、进度条>100%
|
||
4. **数据权限**
|
||
云数据库权限只允许 openid 等于自身读写,绝对安全
|
||
5. **统计口径**
|
||
按自然月统计,不跨月混淆
|
||
6. **操作无刷新**
|
||
所有增删改查本地状态同步 + 云更新,不白屏、不重载
|
||
|
||
---
|
||
|
||
# 六、交互体验(简约但高级)
|
||
- 所有按钮有反馈
|
||
- 完成任务有轻微动效(不花哨)
|
||
- 列表滑动流畅
|
||
- 键盘自动收起
|
||
- 加载状态弱提示
|
||
- 错误提示轻量不打扰
|
||
- 无任何广告、无推送、无外链
|
||
|
||
---
|
||
|
||
# 七、产品亮点(真正「简约不简单」)
|
||
- 界面极简,功能专业
|
||
- 待办 + 记账深度融合,不割裂
|
||
- 重复任务、子任务、顺延、预算、图表、导出全有
|
||
- 单人可开发、可维护、可上线
|
||
- 无第三方依赖、无封闭资源、全自主
|
||
- 个人主体可过审
|
||
- 自用质感极强,可长期使用
|
||
|
||
---
|
||
|
||
如果你需要,我可以**下一步直接输出:**
|
||
1. 全套**小程序页面目录结构**
|
||
2. 每个页面的**WXML + WXSS + JS 骨架代码**
|
||
3. **云数据库创建脚本**
|
||
4. **全局工具函数(请求、日期、格式化、统计)**
|
||
5. **可直接复制使用的配色+字体+样式规范**
|
||
|
||
要我继续把**可直接开发的完整技术原型**一次性给全吗? |