带薪快乐日记:用微信小程序记一笔「带薪快乐」

带薪快乐日记:用微信小程序记一笔「带薪快乐」

一篇可公开的产品介绍 + 使用说明 + 技术片段。文中截图为示意稿,代码为脱敏示例,不含 AppID、云环境 ID、密钥或真实用户数据。

封面:带薪快乐日记

这是什么?

带薪快乐日记(工程代号 HappyPoop)是一款微信小程序。它的想法很简单:把工作间隙的那些小憩——上厕所、喝杯咖啡、抽根烟、写博客摸会儿鱼——轻松记下来,再按你设定的时薪,算一笔「带薪收益」。

它不是医疗工具,也不是正经财务软件,更像是一个:

  • 轻量日记
  • 带薪梗计算器
  • 可选的分享与周榜互动

Slogan 很直白:记录每一次带薪快乐


能做什么?

模块说明
首页今日次数与带薪收益一目了然,支持一键记一笔 / 看报告 / 周榜
记一笔计时或手动录入,选摸鱼类型,可添加备注
历史 / 报告回顾记录,按时间范围查看汇总数据
我的头像昵称、时薪设置(修改时薪只影响之后的新记录)
分享生成文案与分享卡,隐私开关默认偏保守
摸鱼周榜自愿上榜,按本周总时长排名

首页示意(演示数据)


使用说明(给普通用户)

1. 打开就能用

微信自动识别身份,核心记录不需要填一堆资料。昵称和头像主要在「自愿上榜」等展示场景使用。

2. 先设一下时薪(推荐)

路径:我的 → 时薪设置

  • 用于计算每次记录的带薪收益
  • 改薪只影响之后的新记录,不会偷偷改历史账
  • 「自定义」工作天数:不修改则跨月沿用;改了从当天起生效

3. 记一笔:两种录入方式

路径:底部 Tab 记一笔

  1. 选择类型(厕所 / 抽烟 / 咖啡 / 博客等)
  2. 选择模式:
    • 计时:去的时候点开始,回来点结束
    • 手动:选日期时间 + 填时长
  3. 按需加备注,提交即可

记一笔示意

4. 看今天 / 看报告

  • 首页的今日快乐直接展示次数和带薪收益,点击可进入明细
  • 我的报告支持按周、按月等范围查看汇总——周末复盘好用,调侃同事也好用

5. 分享前先勾隐私(很重要)

分享面板默认偏保守:时长默认开启,带薪金额默认关闭,类型明细、昵称也可以关掉。

可选项包括:

  • 总时长 / 用时
  • 次数
  • 带薪金额(敏感,默认关)
  • AI 点评
  • 类型明细(关 = 统一显示「带薪摸鱼」;开 = 细分类型)
  • 昵称

操作流程:勾选 → 预览文案 / 卡片 → 发给好友保存卡片;分享到朋友圈用右上角「···」。

分享隐私示意

6. 周榜:自愿上榜

从首页或「我的」进入摸鱼周榜。不想露脸或露数据就别开启展示;上榜逻辑以产品内说明为准。


技术一瞥(给开发者)

技术栈很典型:

  • 微信原生小程序(glass-easel / 基础库 3.x)
  • 腾讯云开发:云函数统一入口(hpApi
  • 前端通过 request 封装,在会话就绪后调用 callFunction

请求封装(脱敏)

真实项目中会接入会话管理与白名单校验,博客仅展示核心结构:

// utils/request.js(结构示意,已脱敏)
const callHpApi = async (options) => {
  const cloud = await getCloud()
  const res = await cloud.callFunction({
    name: 'hpApi',
    data: {
      method: options.method || 'GET',
      path: options.url,
      data: options.data || {}
    }
  })
  if (res.result && res.result.success === false) {
    throw new Error(res.result.message || '请求失败')
  }
  return res.result
}

请勿在公开文章里粘贴真实的 AppID、环境 ID、资源方共享配置或密钥。私有信息请放在本地文档的 .gitignore 里。

分享隐私:默认偏保守

// utils/sharePrivacy.js(公开可讲的默认策略)
const DEFAULT_PRIVACY = {
  showDuration: true,
  showCount: false,
  showEarnings: false,      // 金额默认关
  showCategoryDetail: false,
  showNickname: false,
  showAiComment: true
}

分享文案:按开关裁剪字段

// 概念示意:金额、昵称等字段仅在开关打开时才写入卡片
function pushCommonStats(stats, privacy, payload) {
  if (privacy.showDuration && payload.totalMinutes != null) {
    stats.push({ label: '总时长', value: formatMinutes(payload.totalMinutes) })
  }
  if (privacy.showCount && payload.totalCount != null) {
    stats.push({ label: '次数', value: `${payload.totalCount}` })
  }
  if (privacy.showEarnings && payload.totalEarnings != null) {
    const earn = Number(payload.totalEarnings)
    if (earn > 0) stats.push({ label: '带薪', value: `¥${earn.toFixed(2)}` })
  }
}

分享卡使用 Canvas 2D 绘制:深绿渐变底 + 白卡片 + 绿色顶条,底部印有「隐私可选 · 默认不晒金额」——产品态度写在了像素里。

页面结构(公开层)

pages/
  index/          # 首页:今日统计、快捷入口
  record/         # 记一笔:计时 / 手动
  history/        # 历史列表
  report/         # 报告
  profile/        # 我的:资料与时薪
  leaderboard/    # 周榜
  login/          # 协议 / 引导相关
components/
  share-panel/    # 分享隐私面板
  salary-type-selector/
cloudfunctions/
  hpApi/          # 业务 API 聚合
  hpAiComment/    # AI 点评(如启用)

小结

带薪快乐日记想做的事很简单:把「上班间隙那几分钟」记下来,用带薪梗让自己开心一下,同时在分享时把隐私开关交还给用户。

如果你也在做同类小程序,这三条值得参考:云函数统一入口、前端会话封装、分享默认少暴露


文中产品名为带薪快乐日记(工程代号 HappyPoop)。趣味计算结果仅供娱乐,不构成医疗、法律或财务建议。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值