# 贺卡小程序 **Repository Path**: xbzys/card-mini-program ## Basic Information - **Project Name**: 贺卡小程序 - **Description**: 参考 微信公众号 码个蛋 开发的微信小程序贺卡祝福 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-03-09 - **Last Updated**: 2026-03-10 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # zyye 贺卡微信小程序 - 需求文档 本项目参考 微信公众号 码个蛋 贺卡小程序编写 ## 1. 项目概述 ### 1.1 项目名称 **zyye 贺卡** ### 1.2 项目定位 一款基于微信小程序的电子贺卡制作与分享应用，为用户提供便捷、精美的贺卡创作体验，支持多种场景的贺卡模板，让用户能够轻松表达祝福与情感。 ### 1.3 目标用户 - 需要在特殊节日送祝福的用户 - 喜欢个性化定制贺卡的用户 - 希望快速分享祝福的年轻群体 - 需要商务贺卡的企业用户 ### 1.4 核心价值 - **便捷性**: 无需下载 APP，即用即走 - **个性化**: 丰富的模板和自定义编辑功能 - **社交化**: 一键分享到微信好友、朋友圈 - **美观性**: 专业设计师打造的高质量模板 --- ## 2. 功能需求 ### 2.1 用户模块 #### 2.1.1 微信登录 - 支持微信一键授权登录 - 自动获取用户昵称、头像 - 记录用户登录状态 #### 2.1.2 个人中心 - 查看个人基本信息 - 查看我制作的贺卡 - 查看我的收藏 - 查看浏览历史 ### 2.2 贺卡浏览模块 #### 2.2.1 首页推荐 - 精选模板轮播展示 - 热门贺卡推荐 - 最新上架模板 - 按场景分类入口 #### 2.2.2 分类浏览 - **节日分类**: 春节、情人节、母亲节、父亲节、圣诞节、元旦等 - **场景分类**: 生日、结婚、毕业、开业、乔迁、感谢等 - **风格分类**: 简约、卡通、商务、中国风、创意等 - **对象分类**: 长辈、朋友、同事、恋人、客户等 #### 2.2.3 搜索功能 - 关键词搜索贺卡模板 - 搜索历史记录 - 热门搜索标签 ### 2.3 贺卡制作模块 #### 2.3.1 模板选择 - 预览模板效果 - 查看模板详情 (尺寸、元素组成等) - 一键使用模板 #### 2.3.2 在线编辑 - **文字编辑** - 添加/删除文字 - 修改文字内容 - 调整字体、字号、颜色 - 设置文字样式 (粗体、斜体等) - 调整文字位置 - **图片编辑** - 上传本地图片 - 从相册选择图片 - 调整图片大小、位置 - 图片裁剪、旋转 - 添加图片滤镜 - **贴纸装饰** - 丰富的贴纸库 - 分类浏览贴纸 (表情、装饰、图标等) - 调整贴纸大小、位置、角度 - **背景设置** - 更换背景颜色 - 更换背景图片 - 使用渐变背景 - **图层管理** - 查看图层列表 - 调整图层顺序 - 显示/隐藏图层 - 锁定/解锁图层 #### 2.3.3 预览与保存 - 实时预览贺卡效果 - 保存到本地相册 - 保存为草稿 (可继续编辑) ### 2.4 贺卡分享模块 #### 2.4.1 分享方式 - 分享给微信好友 - 分享到微信朋友圈 - 生成分享小程序码 - 生成贺卡图片分享 #### 2.4.2 分享文案 - 自定义分享标题 - 自定义分享描述 - 使用推荐文案 ### 2.5 收藏与历史模块 #### 2.5.1 我的收藏 - 收藏喜欢的模板 - 取消收藏 - 收藏分类管理 #### 2.5.2 浏览历史 - 自动记录浏览过的模板 - 清除历史记录 - 历史快速访问 #### 2.5.3 我的作品 - 查看已制作的贺卡 - 重新编辑历史作品 - 删除作品 ### 2.6 消息通知模块 (可选) #### 2.6.1 节日提醒 - 重要节日提前提醒 - 自定义提醒时间 - 推荐贺卡模板 #### 2.6.2 系统通知 - 新功能上线通知 - 模板更新通知 - 活动通知 --- ## 3. 非功能需求 ### 3.1 性能需求 - 页面加载时间不超过 2 秒 - 图片加载采用懒加载和缓存策略 - 编辑操作响应流畅，无明显卡顿 ### 3.2 兼容性需求 - 兼容主流微信版本 (7.0+) - 适配不同屏幕尺寸 (iPhone、Android) - 适配全面屏、刘海屏等特殊屏幕 ### 3.3 安全需求 - 用户数据加密存储 - 图片上传安全校验 - 防止恶意刷接口 ### 3.4 可用性需求 - 界面简洁直观，易于上手 - 操作流程清晰，减少用户思考 - 提供操作引导和新手指引 ### 3.5 可扩展性需求 - 支持后续添加更多模板分类 - 支持付费模板和 VIP 功能 - 支持用户上传自定义模板 --- ## 4. 技术架构 ### 4.1 技术栈 - **前端**: 微信小程序原生开发 / Uni-app - **后端**: Node.js / Python / Java - **数据库**: MySQL / MongoDB - **存储**: 腾讯云 COS / 阿里云 OSS - **CDN**: 图片、静态资源加速 ### 4.2 核心 API 设计 #### 用户相关 - POST /api/login - 微信登录 - GET /api/user/info - 获取用户信息 - PUT /api/user/info - 更新用户信息 #### 贺卡相关 - GET /api/templates - 获取模板列表 - GET /api/templates/:id - 获取模板详情 - POST /api/cards - 创建贺卡 - GET /api/cards - 获取我的贺卡 - PUT /api/cards/:id - 更新贺卡 - DELETE /api/cards/:id - 删除贺卡 #### 收藏相关 - POST /api/favorites - 添加收藏 - DELETE /api/favorites/:id - 取消收藏 - GET /api/favorites - 获取收藏列表 --- ## 5. 页面规划 ### 5.1 页面列表 | 页面 | 路径 | 说明 | | -------- | ------------------------- | -------------- | | 首页 | pages/index/index | 贺卡展示、推荐 | | 分类 | pages/category/category | 分类浏览 | | 搜索 | pages/search/search | 搜索页面 | | 模板详情 | pages/template/detail | 模板预览与使用 | | 编辑器 | pages/editor/editor | 贺卡编辑页面 | | 预览 | pages/preview/preview | 贺卡预览 | | 个人中心 | pages/profile/profile | 个人信息 | | 我的作品 | pages/my-works/my-works | 我的贺卡列表 | | 我的收藏 | pages/favorites/favorites | 收藏列表 | | 浏览历史 | pages/history/history | 历史记录 | | 登录 | pages/login/login | 登录页面 | ### 5.2 底部 TabBar - **首页**: 贺卡浏览、推荐 - **分类**: 分类导航 - **制作**: 快速开始制作 - **我的**: 个人中心 --- ## 6. UI/UX 设计要求 ### 6.1 设计风格 - **主色调**: 温馨、活泼的色彩 (如粉色、橙色、蓝色) - **辅助色**: 搭配节日氛围的颜色 - **风格**: 简约现代、年轻活力 ### 6.2 交互设计 - 采用卡片式布局 - 流畅的页面切换动画 - 友好的操作反馈 (加载、成功、失败) - 手势操作支持 (滑动、长按等) ### 6.3 图标设计 - 线性图标为主 - 简洁易懂 - 统一风格 --- ## 7. 数据字典 ### 7.1 贺卡模板 (Template) | 字段 | 类型 | 说明 | | ------------- | ------- | -------- | | id | Number | 模板 ID | | name | String | 模板名称 | | category | String | 分类 | | tags | Array | 标签 | | thumbnail | String | 缩略图 | | previewImages | Array | 预览图 | | elements | Array | 模板元素 | | isFree | Boolean | 是否免费 | | viewCount | Number | 浏览数 | | useCount | Number | 使用数 | | createdAt | Date | 创建时间 | ### 7.2 用户贺卡 (Card) | 字段 | 类型 | 说明 | | ---------- | ------- | -------- | | id | Number | 贺卡 ID | | userId | Number | 用户 ID | | templateId | Number | 模板 ID | | elements | Array | 贺卡元素 | | coverImage | String | 封面图 | | title | String | 贺卡标题 | | isPublic | Boolean | 是否公开 | | createdAt | Date | 创建时间 | | updatedAt | Date | 更新时间 | ### 7.3 用户 (User) | 字段 | 类型 | 说明 | | ----------- | ------ | ------------ | | id | Number | 用户 ID | | openid | String | 微信 OpenID | | nickname | String | 昵称 | | avatar | String | 头像 | | gender | Number | 性别 | | createdAt | Date | 创建时间 | | lastLoginAt | Date | 最后登录时间 | --- ## 8. 运营规划 ### 8.1 冷启动策略 - 准备 50+ 精品模板 (覆盖主要节日场景) - 邀请种子用户体验 - 社交媒体推广 ### 8.2 增长策略 - 分享得积分/会员 - 邀请好友得奖励 - 节日营销活动 - UGC 模板征集 ### 8.3 变现模式 (可选) - VIP 会员 (解锁高级模板) - 单模板购买 - 广告变现 - 企业定制 --- ## 9. 项目里程碑 ### 阶段一:MVP 版本 (4 周) - 基础框架搭建 - 用户登录 - 贺卡浏览 - 基础编辑功能 - 分享功能 ### 阶段二：功能完善 (3 周) - 收藏功能 - 历史记录 - 个人中心 - 更多模板分类 ### 阶段三：优化迭代 (2 周) - 性能优化 - UI/UX 优化 - Bug 修复 - 用户反馈处理 ### 阶段四：运营推广 (持续) - 模板持续更新 - 活动策划 - 用户增长 --- ## 10. 风险评估 ### 技术风险 - 图片编辑性能问题 - 大图片上传失败 - 兼容性问题的应对方案 ### 运营风险 - 模板版权风险 - 用户内容审核 - 竞争压力 ### 应对措施 - 建立模板审核机制 - 使用正版素材 - 持续创新功能 --- ## 11. 附录 ### 11.1 竞品分析 - **贺卡大全**: 模板丰富，但界面较老旧 - **创意贺卡**: 编辑功能强大，但操作复杂 - **祝福贺卡**: 社交属性强，但模板质量一般 ### 11.2 差异化优势 - 更年轻化的设计风格 - 更简洁的操作流程 - 更优质的模板质量 - 更好的用户体验 --- **文档版本**: v1.0 **创建日期**: 2026-03-04 **最后更新**: 2026-03-04 ### 1. 贺卡预览与分享 - 功能 ：制作完成后，提供预览功能，并支持分享到微信好友、朋友圈或保存为图片 - 实现 ：使用 wx.previewImage 预览贺卡， wx.shareAppMessage 实现分享， wx.canvasToTempFilePath 将贺卡导出为图片 ### 2. 模板搜索与筛选 - 功能 ：增加更细化的搜索和筛选功能，支持按风格、颜色、节日等条件筛选模板 - 实现 ：在搜索页面添加筛选条件，使用本地数据模拟或对接后端 API ### 3. 编辑器功能增强 - 文字编辑 ：增加字体选择、颜色调整、文字样式（加粗、斜体）、文字动画效果 - 图片编辑 ：支持图片裁剪、旋转、滤镜效果、透明度调整 - 贴纸与装饰 ：添加各类贴纸、边框、背景图案等装饰元素 - 实现 ：扩展编辑器页面的工具选项，使用 Canvas API 实现部分效果 ### 4. 模板库扩展 - 功能 ：增加更多场景的模板，如毕业、升职、乔迁、道歉等，丰富模板种类 - 实现 ：添加更多模板数据，可按分类管理，支持模板预览 ### 5. 历史记录功能 - 功能 ：记录用户浏览和使用过的模板，方便快速访问 - 实现 ：使用本地存储 wx.setStorageSync 存储浏览历史，在个人中心添加历史记录页面 ### 6. 用户反馈与评价 - 功能 ：允许用户对模板进行评价和反馈，帮助改进模板质量 - 实现 ：在模板详情页面添加评价功能，使用本地存储或后端 API 存储评价数据 ### 7. 贺卡预览图生成 - 功能 ：自动生成贺卡的预览图，方便用户在“我的作品”中快速查看 - 实现 ：使用 Canvas API 生成预览图，存储到本地或云端 ### 8. 数据同步（云端存储） - 功能 ：用户登录后，将作品和收藏同步到云端，支持多设备访问 - 实现 ：对接后端 API，实现数据的上传和下载 ### 9. 节日提醒与推荐 - 功能 ：根据节假日自动推荐相关模板，增加用户粘性 - 实现 ：内置节日数据，根据当前日期推荐对应模板 ### 10. 个性化推荐 - 功能 ：基于用户的使用历史和偏好，推荐相关模板 - 实现 ：分析用户行为数据，生成推荐列表 ### 11. 深色模式 - 功能 ：支持深色主题，适应不同使用场景 - 实现 ：使用微信小程序的 wx.setWindowStyle 或 CSS 媒体查询实现 ### 12. 贺卡打印服务 - 功能 ：对接打印服务，用户可以将制作的贺卡打印出来 - 实现 ：集成第三方打印 API，生成订单并跳转到支付页面 ### 13. 多语言支持 - 功能 ：支持中文、英文等多语言，适应国际化需求 - 实现 ：使用 i18n 方案，根据用户语言设置切换语言包 ### 14. 模板自定义 - 功能 ：允许用户上传自定义背景图片，创建完全个性化的贺卡 - 实现 ：使用 wx.chooseImage 选择本地图片，作为贺卡背景 ### 15. 社交互动 - 功能 ：添加贺卡评论、点赞功能，增加用户互动 - 实现 ：对接后端 API，实现社交功能 ## 实现建议 - 优先级 ：建议先实现预览与分享、编辑器功能增强、模板库扩展等核心功能，提升用户体验 - 技术选型 ：对于需要云端存储的功能，可考虑使用微信云开发或自建后端服务 - 用户体验 ：确保新增功能操作简单直观，符合小程序的使用习惯 ### 2. 模板搜索与筛选 - 功能 ：增加更细化的搜索和筛选功能，支持按风格、颜色、节日等条件筛选模板 - 实现 ：在搜索页面添加筛选条件，使用本地数据模拟或对接后端 API ### 3. 编辑器功能增强 - 文字编辑 ：增加字体选择、颜色调整、文字样式（加粗、斜体）、文字动画效果 - 图片编辑 ：支持图片裁剪、旋转、滤镜效果、透明度调整 - 贴纸与装饰 ：添加各类贴纸、边框、背景图案等装饰元素 - 实现 ：扩展编辑器页面的工具选项，使用 Canvas API 实现部分效果 ### 4. 模板库扩展 - 功能 ：增加更多场景的模板，如毕业、升职、乔迁、道歉等，丰富模板种类 - 实现 ：添加更多模板数据，可按分类管理，支持模板预览 ### 5. 历史记录功能 - 功能 ：记录用户浏览和使用过的模板，方便快速访问 - 实现 ：使用本地存储 wx.setStorageSync 存储浏览历史，在个人中心添加历史记录页面 ### 6. 用户反馈与评价 - 功能 ：允许用户对模板进行评价和反馈，帮助改进模板质量 - 实现 ：在模板详情页面添加评价功能，使用本地存储或后端 API 存储评价数据 ### 7. 贺卡预览图生成 - 功能 ：自动生成贺卡的预览图，方便用户在“我的作品”中快速查看 - 实现 ：使用 Canvas API 生成预览图，存储到本地或云端 ### 8. 数据同步（云端存储） - 功能 ：用户登录后，将作品和收藏同步到云端，支持多设备访问 - 实现 ：对接后端 API，实现数据的上传和下载 ### 9. 节日提醒与推荐 - 功能 ：根据节假日自动推荐相关模板，增加用户粘性 - 实现 ：内置节日数据，根据当前日期推荐对应模板 ### 10. 个性化推荐 - 功能 ：基于用户的使用历史和偏好，推荐相关模板 - 实现 ：分析用户行为数据，生成推荐列表 ### 11. 深色模式 - 功能 ：支持深色主题，适应不同使用场景 - 实现 ：使用微信小程序的 wx.setWindowStyle 或 CSS 媒体查询实现 ### 12. 贺卡打印服务 - 功能 ：对接打印服务，用户可以将制作的贺卡打印出来 - 实现 ：集成第三方打印 API，生成订单并跳转到支付页面 ### 13. 多语言支持 - 功能 ：支持中文、英文等多语言，适应国际化需求 - 实现 ：使用 i18n 方案，根据用户语言设置切换语言包 ### 14. 模板自定义 - 功能 ：允许用户上传自定义背景图片，创建完全个性化的贺卡 - 实现 ：使用 wx.chooseImage 选择本地图片，作为贺卡背景 ### 15. 社交互动 - 功能 ：添加贺卡评论、点赞功能，增加用户互动 - 实现 ：对接后端 API，实现社交功能 ## 实现建议 - 优先级 ：建议先实现预览与分享、编辑器功能增强、模板库扩展等核心功能，提升用户体验 - 技术选型 ：对于需要云端存储的功能，可考虑使用微信云开发或自建后端服务 - 用户体验 ：确保新增功能操作简单直观，符合小程序的使用习惯