手把手教学，从零到一打造一款专属的情侣小程序

预览

首页

消费记录（表单版）

睡觉打卡

消费记录（详细记录版）

辛苦日记录

许愿树

准备

工具

微信开发者工具

developers.weixin.qq.com/miniprogram…

文档

微信开放文档

developers.weixin.qq.com/miniprogram…

代码地址

gitee.com/zheng_yongt…

账号

没有小程序账号的需要先去申请一个账号

官网地址：mp.weixin.qq.com/wxamp/home/…

开发

1、下载代码

将代码拉取到本地，然后导入微信开发者工具，需要登录并关联自己的云空间。

2、设置账号信息

因为是自用的，所以也就没有将账号信息存放到数据库中，而是保存为一个用户配置文件，文件位置如上图。userConfig对象中的key对应账号，password则是密码，nickName为在小程序中显示的昵称，eName是英文别名（这里是随便起的），color为代表色，icon是代表图表，wishIcon为许愿树模块中的礼物盒图标，将账号信息配置好即可登录小程序。

3、上传图片并修改路径

图片包地址：gitee.com/zheng_yongt…

因为一开始只是为了做一个记账本功能的小程序，所以我在云存储中创建了一个记账本文件夹，如下图：

我们可以在这里创建一个文件夹（或者自己重新命名创建一个文件夹，代码中对应的图片路径要改变），下载好图片包后上传到该目录中，然后修改小程序中对应的文件路径即可。图片的公共路径在配置文件我已经进行了抽取配置，这里修改为你云空间的存储路径即可，如下图：

4、初始化数据库

首次导入需要先初始化数据库，已集成为函数一键初始化，只需点击我的页面中的初始化数据库按钮即可。

5、上传云函数

右键选择上传并部署（所有文件）

6、上传代码为体验版

上传之后代码可以在自己的小程序后台看到上传的版本，目前个人不支持上传为线上版本，所以我们只能使用体验版，设置为体验版的方法如下： 微信小程序管理后台地址：mp.weixin.qq.com/wxamp/wacod…

7、添加体验成员

上传为体验版之后，还应该要将对方设置为体验成员或项目成员，对方才有权限体验小程序，和你一起使用小程序。

体验

点击体验版二维码这里，就会弹出一个二维码，扫码后即可打开小程序，然后将其分享给你的女朋友即可一起使用该小程序了。

一起开发

目前项目已全部开源，小程序样式相对来说还是不够美观，后续还会继续优化并开发完善新旧功能，有兴趣一起维护开发的可以一起。

个人主页：http://120.79.163.94//JYeontuComponents/#/JTableView

Gitee地址：gitee.com/zheng_yongt…