人生碎片日记本小程序:从想法到上线,我用 DeepSeek 零基础写出一个小程序
纯本地存储、不联网、不依赖后端一个真正属于你自己的日记资产管理工具开发工具和代码在我主页的下载里都能找到 目录一、功能介绍三个界面全览二、开发初衷与选型三、环境准备下载开发者工具并避开版本坑四、创建项目选哪个模板要不要云服务五、与 DeepSeek 协作如何提需求、调代码六、把代码放进项目 预览调试七、上传发布解决“超时”问题的终极大法八、总结个人小程序的限制与感悟 摘要本文完整记录了我从零开始开发“人生碎片”微信小程序的全过程。这是一个纯本地存储、无后端、无社交功能的日记资产管理工具支持多日记心情/天气/精确时间、多账户记账、月/年目标、折线图、换肤以及导出 .doc 文件。文章详细介绍了如何下载与配置开发者工具、如何选择模板、如何用 DeepSeek 分步骤高效生成代码、如何将代码放入项目并真机预览、最后如何解决上传超时并成功发布。同时也会提醒个人小程序无法实现社交功能的限制。适合想自己动手写小程序、但不想折腾后端的新手参考。一、功能介绍三个界面全览三个页面一套操作所有数据只存本地卸载也不怕只要不手动清缓存。 首页换肤四种莫兰迪色绿/蓝/粉/黑一键切换全局按钮和分割线颜色跟随变化。当前总资产显示所有账户的资产总和资产减负债点击卡片跳转资产页。最近日记展示最近三条日记时间、心情、天气、内容预览点击进入编辑页。 日记页写日记支持选择心情…、天气️☁️…正文可换行。时间精确到秒日记时间可手动修改范围前后100年。导出全部一键导出所有日记导出为.docWord文件包含完整时间、心情、天气、正文。管理日记单篇支持编辑、删除还提供“删除全部”按钮。 资产页目标设定设置月目标、年目标每次保存会自动记录一条历史数据。账户管理可添加/删除账户自定义账户名、余额并切换“资产”或“负债”类型。更新总余额修改账户余额后需点击“更新总余额”才会保存快照并生成历史点。余额变化表 折线图历史数据以表格展示时间、月目标、年目标、总余额并生成折线图红年目标、黄月目标、蓝总余额。折线图上只标注数值变化的点避免数字重叠。导出资产表可将整个历史表格导出为.doc文件方便存档。⚠️注意所有数据仅存本地清理微信缓存或删除小程序会导致数据丢失请定期导出备份。不支持云同步也无社交功能个人小程序限制。二、开发初衷与选型我想要一个半开放的日记本既能私密记录也能记账看资产还能导出数据。最初甚至想做一个“圈子”让大家互相看公开日记。但后来了解到个人主体的小程序不能有任何社交属性关注、评论、私信、UGC内容均被严格限制于是砍掉所有社交功能回归纯粹的单人工具。技术选型上我决定采用纯本地存储不使用任何后端也不用云开发因为云开发需要绑卡付费且个人版有额度。所有数据通过wx.setStorageSync存到手机本地简单可靠。三、环境准备下载开发者工具并避开版本坑访问微信开发者工具下载页下载稳定版例如2.01.2510290。✅ 如果还是提示超时的话推荐下载1.05 系列我是歪打正着下载的这个版本现在也找不到下载的地方了可以点这里下载这个版本网络稳定性极佳。补充一下我的人生碎片小程序的全部代码在这里下载。安装后打开工具用微信扫码登录。踩坑经验高版本工具经常出现“上传失败网络请求错误timeout”。如果你也遇到直接换 1.05 版本问题瞬间消失。四、创建项目选哪个模板要不要云服务点击“新建项目”填入你的AppID在微信公众平台注册小程序后获得也可以先用测试id项目名称随意比如life-fragments关键一步❌ 不要勾选“微信云开发”✅ 选择“JavaScript模板”点击“确定”一个小程序项目就建好了。为什么不选云开发因为我们不需要任何后端纯本地存储就够了。而且云开发非要用到云函数、云数据库个人版有免费额度但是需要绑卡不必要。五、与 DeepSeek 协作如何提需求、调代码我用 DeepSeek 生成了几乎全部前端代码页面布局、样式、交互逻辑。良好的沟通方式是分步骤、给细节、一次只提一个小需求。1. 分步构建第一步“帮我写一个小程序三个页面首页、日记、资产。”第二步“资产页面增加一个目标卡片显示月目标和年目标有保存按钮。”第三步“日记页面增加写日记功能支持选心情和天气。”2. 给出具体样式细节“换肤按钮放在首页莫兰迪色绿 #8FA88F、蓝 #7C8F8F、粉 #D4B9B9、黑 #2F2F2F”“日记列表的时间格式要用YYYY-MM-DD HH:MM:SS精确到秒。”3. 每次只改一个文件遇到问题不要一次性说“整个页面乱了”而是“请修改日记界面中的导出功能改为保存.doc文件并分享。”4. 粘贴错误日志当开发者工具报错时把错误信息完整复制给 DeepSeek它通常能精准定位并给出修正代码。六、把代码放进项目 预览调试1. 创建文件结构DeepSeek 会给出一套完整文件结构例如pages/ index/ index.wxml, index.wxss, index.js diary/ diary.wxml, diary.wxss, diary.js asset/ asset.wxml, asset.wxss, asset.js edit/ edit.wxml, edit.wxss, edit.js utils/ storage.js app.js, app.json, app.wxss在开发者工具左侧文件树中右键 → 新建文件夹/文件逐一手动创建并把代码粘贴进去。index这种是新建文件夹之后是新建 Page就会自动生成js、wxml和wxss文件。2. 预览手机查看点击工具栏的“预览”按钮 → 生成二维码 → 手机微信扫码即可查看需电脑和手机同一 Wi-Fi。如果预览失败改用“真机调试”试一下还是不行就用 1.05 版本。建议日常开发用“真机调试”改动后保存手机上立即刷新非常方便。七、上传发布解决“超时”问题的终极大法当所有功能测试完毕点击“上传”按钮填写版本号如1.0.0和备注点确定。如果遇到上传超时timeout怎么办原因高版本开发者工具网络模块不稳定 某些网络环境公司、校园网限制端口。解决方案按顺序试换用1.05 稳定版最有效。关闭所有代理/VPN电脑连接手机热点。工具 → 清除编译缓存 → 清除全部。重启开发者工具。实在不行用命令行工具miniprogram-ci上传需安装 Node.js。我换回 1.05 版本后上传一次成功。上传成功后登录微信公众平台 → 版本管理 → 找到你上传的版本 → 提交审核。在提交之前可以点一下“体验”扫码试一下据说和正式版一样。审核通过后即可发布。八、总结个人小程序的限制与感悟个人主体无法做社交小程序任何用户生成内容UGC、互关、评论、私信都过不了审。所以尽早放弃“圈子”幻想专注工具属性。纯本地存储的小程序开发门槛最低不需要后端、不需要域名、不需要备案。数据存手机功能完整适合个人笔记、记账类应用。DeepSeek 是极佳的代码助手它能快速生成前端代码但你需要分步骤、给细节、不断测试反馈。不要指望一次生成完美成品。开发者工具版本选择很重要不要追新稳定版尤其是 1.05 系列最可靠。数据导出功能是刚需因为本地存储可能随时被清理所以“导出 .doc”功能必不可少。用户需要定期备份。 结语从零开始花了几天时间我终于有了一个自己顺手的小程序。虽然不能变成社交平台但作为私人日记记账工具它完全够用。希望这篇记录能帮你少踩坑早日写出你自己的小程序。有任何疑问都可以评论或者私信我