产品上线 · 内部工具
养殖喜报，
一键生成
****集团养殖喜报生成工具 正式上线
| v1.7.12 正式版 · 2026.03.28 |
01 为什么要做这个工具
养殖出栏是件喜事。每次出栏，业务员都要把数据发给文员，文员打开 PS 或者 Word，手动改数字、调排版、截图、发钉钉……一套下来少则十几分钟，多则半小时。
遇上出栏高峰期，文员一天要做好几张，稍有疏漏数字就写错，出栏客户等着喜报在群里展示，催得急，改得烦。
这个工具就是为了解决这件事——让业务员自己在手机上填数字，30 秒出图。
02 能做什么
核心功能三件事：
| 📋 填表出图选品种 → 填数据 → 点生成。系统自动计算料肉比等派生指标，渲染到模板图上，输出成品喜报图片。 |
| 🔗 链接一键分享喜报图片上传后生成专属链接，点击链接可查看、长按保存，适合直接分享到客户群。 |
| 👤 名片二维码喜报底部附带业务员联系人二维码，客户扫码即可保存到手机通讯录，一步到位。 |
03 怎么用
手机打开工具页面，操作分四步：
| 1 | 选品种猪、蛋鸡、肉鸡、蛋鸭、肉鸭……每个品种对应独立的模板和字段 |
| 2 | 填数据出栏数量、头数、用料等核心数字，系统自动算好派生指标 |
| 3 | 点生成3 秒出图，带名片二维码、公司信息，开箱即用 |
| 4 | 发群保存图片或复制链接，直接发到客户群 |
04 几个技术细节
这套工具从立项到上线经历了多轮迭代，有几个设计选择值得记一下。
纯 Canvas 渲染
图片完全在浏览器前端生成，不依赖服务端图像库。模板图、卡通图、富文本、公司信息、二维码全部叠加到同一个 Canvas 上，最终导出 JPEG。好处是速度快、不占服务器 CPU，坏处是字体渲染依赖设备，不同手机显示可能略有差异。
富文本字段
品种文字区域支持混排——同一段文字里可以对不同字段设置独立的颜色、字号、粗体、斜体。运营后台用类 Word 的选中操作控制样式，不需要写代码。
名片二维码
二维码内容是标准 vCard 格式，扫码后手机直接弹出”添加联系人”界面。经过多轮调试，微信识别 vCard 有个隐藏要求：EMAIL 字段必须有值，否则识别失败。这个坑踩过，现在已经做了兜底处理。
零配置部署
Node.js 单文件服务，无需数据库，所有数据存 JSON 文件。品种、模板、公司信息全部通过后台界面管理，运营人员自助配置，无需开发介入。
05 从 v1.0 到 v1.7
这个项目没有按月排期，需求来了就迭代，记录几个关键节点：
| v1.0 | 基础版本，静态模板，手动填字段，能出图就行 |
| v1.2 | 引入公式引擎，料肉比等指标自动计算 |
| v1.4 | 后台模板编辑器上线，坐标拖拽可视化配置 |
| v1.5 | 名片二维码、vCard 生成、iOS 保存适配 |
| v1.6 | 富文本混排字段，URL 传参自动生成模式 |
| v1.7 | 当前正式版：vCard 微信识别修复、公司数据实时同步、代码全面清洗 |
06 写在最后
这类内部工具往往不容易被注意到。它不面向外部用户，不产生直接收入，但它每天为使用它的人节省时间、减少出错。
做一个好用的工具，比做一个功能齐全但难用的工具更难。这一版花了相当多时间在细节上——手机端的交互体验、二维码在不同设备的识别率、富文本在 Canvas 上的渲染精度。
够用了，发布。
━━━━━━━━━━━━━━━━━━━━━━
****集团 · 数字化建设
2026年3月28日