月薪晓计产品系统Vibe Coding

我要开发同款
vibehao2026年11月12日
6阅读

技术信息

语言技术
Vue、React、Node.js
系统类型
小程序轻应用
行业分类
低代码、边缘计算

作品详情

行业场景

立项原因:多数打工人只知道月薪总数,算不清每天真正能花多少钱,消费时缺乏具体感知。
行业场景:面向工薪族的个人记账与消费自律场景,把税后月薪按发薪日周期拆解为日均可支配额度,叠加时薪换算,让每一笔消费都能对应到具体工作时长。
业务背景:市面上的记账工具以流水记录为主,缺少与工资周期、发薪日强绑定的额度管理能力,用户看完账本仍不知道“今天还能不能花”。

功能介绍

1、工资档案:录入税后月薪、发薪日、每月固定支出、每月工作日与每天工时,自动计算日薪与时薪;支持档案版本化管理,调薪或换工作时可选「下个周期生效」或「本周期重算」,历史版本只读保留。
2、记一笔:记录支出或收入,支持分类、备注与补记日期,输入金额实时换算成工时。
3、工资条首页:展示本期可支配结余、今日还能花多少、发薪倒计时和本期进度条。
4、账本:按工资周期或自然月查看流水,支持编辑、删除与分类占比统计。
5、本期结算:输出周期总结、分类占比、日均支出以及与上期同期的对比。
6、海报分享:一键生成本期工资条或结算海报,可保存到相册或分享给朋友。
7、辅助能力:本期实发修正、每日额度订阅提醒、云端数据清空。

项目实现

我独立完成需求梳理、信息架构、视觉设计、前后端开发与部署。
技术栈:微信小程序原生框架 + 微信云开发(云函数、云数据库、云存储),无自建服务器与第三方接口。
架构与亮点:所有数据读写统一走单个云函数 api,通过 OPENID 鉴权并按用户隔离数据,数据库集合权限设为所有用户不可读写;工资周期算法在前端与云端各实现一份并做数万组用例的一致性校验,客户端按本地日期、云端按 UTC+8 计算,规避跨时区与跨天偏差;流水按创建时间分页拉取,规避单次查询条数上限;订阅消息采用一次授权对应一次配额,发送后自动扣减、耗尽自动关闭。
难点:调薪与更换发薪日时过渡周期的边界重算,以及 Canvas 海报在小程序端的排版与二维码异步加载时机处理。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论