当前位置：首页 > news >正文

人生碎片日记本小程序：从想法到上线，我用 DeepSeek 零基础写出一个小程序

news 2026/4/29 19:25:40

纯本地存储、不联网、不依赖后端，一个真正属于你自己的日记+资产管理工具

开发工具和代码在我主页的下载里都能找到

📖 目录

一、功能介绍（三个界面全览）
二、开发初衷与选型
三、环境准备：下载开发者工具（并避开版本坑）
四、创建项目：选哪个模板？要不要云服务？
五、与 DeepSeek 协作：如何提需求、调代码
六、把代码放进项目 & 预览调试
七、上传发布：解决“超时”问题的终极大法
八、总结：个人小程序的限制与感悟

📝 摘要

本文完整记录了我从零开始开发“人生碎片”微信小程序的全过程。这是一个纯本地存储、无后端、无社交功能的日记+资产管理工具，支持多日记（心情/天气/精确时间）、多账户记账、月/年目标、折线图、换肤以及导出 .doc 文件。文章详细介绍了：如何下载与配置开发者工具、如何选择模板、如何用 DeepSeek 分步骤高效生成代码、如何将代码放入项目并真机预览、最后如何解决上传超时并成功发布。同时也会提醒个人小程序无法实现社交功能的限制。适合想自己动手写小程序、但不想折腾后端的新手参考。

一、功能介绍（三个界面全览）

三个页面，一套操作，所有数据只存本地，卸载也不怕（只要不手动清缓存）。

🏠 首页

换肤：四种莫兰迪色（绿/蓝/粉/黑）一键切换，全局按钮和分割线颜色跟随变化。
当前总资产：显示所有账户的资产总和（资产减负债），点击卡片跳转资产页。
最近日记：展示最近三条日记（时间、心情、天气、内容预览），点击进入编辑页。

📔 日记页

写日记：支持选择心情（😁😢😡…）、天气（🌞🌧️☁️…），正文可换行。
时间精确到秒：日记时间可手动修改，范围前后100年。
导出全部：一键导出所有日记，导出为.doc（Word）文件，包含完整时间、心情、天气、正文。
管理日记：单篇支持编辑、删除；还提供“删除全部”按钮。

💰 资产页

目标设定：设置月目标、年目标，每次保存会自动记录一条历史数据。
账户管理：可添加/删除账户，自定义账户名、余额，并切换“资产”或“负债”类型。
更新总余额：修改账户余额后需点击“更新总余额”才会保存快照并生成历史点。
余额变化表 + 折线图：历史数据以表格展示（时间、月目标、年目标、总余额），并生成折线图（红=年目标、黄=月目标、蓝=总余额）。折线图上只标注数值变化的点，避免数字重叠。
导出资产表：可将整个历史表格导出为.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. 换用1.05 稳定版（最有效）。
2. 关闭所有代理/VPN，电脑连接手机热点。
3. 工具 → 清除编译缓存 → 清除全部。
4. 重启开发者工具。
5. 实在不行，用命令行工具miniprogram-ci上传（需安装 Node.js）。

我换回 1.05 版本后，上传一次成功。

上传成功后，登录微信公众平台 → 版本管理 → 找到你上传的版本 → 提交审核。在提交之前可以点一下“体验”，扫码试一下，据说和正式版一样。审核通过后即可发布。