preview

Home page

Consumption Record (Form version)

Sleep clock

Consumption Record (Detailed Record version)

Hard day record

Wishing tree

To prepare

tool

Wechat developer tools

Developers.weixin.qq.com/miniprogram…

The document

Wechat open documents

Developers.weixin.qq.com/miniprogram…

The code address

Gitee.com/zheng_yongt…

account

Those without applets need to apply for one first

Website address: mp.weixin.qq.com/wxamp/home/…

The development of

1. Download the code

To pull the code to the local, and then import the wechat developer tool, you need to log in and associate with your own cloud space.

2. Set account information

Since it is for personal use, the account information is not stored in the database, but in a user profile, as shown in the above image. The key in the userConfig object corresponds to the account, the password is the password, the nickName is the nickName displayed in the mini-program, the eName is the alias, the color is the color, the icon is the chart, and the wishIcon is the gift box icon in the wishing tree module. After configuring the account information, you can log in to the applet.

3. Upload the image and modify the path

Photo package address: gitee.com/zheng_yongt…

I created an account book folder in the cloud storage, as shown below:

We can create a folder here (or rename to create a folder, the corresponding picture path in the code to change), download the picture package after uploading to the directory, and then modify the corresponding file path in the small program. I have extracted the configuration of the public path of the picture in the configuration file, so you can change it to the storage path of your cloud space, as shown below:

Initialize the database

The first import needs to initialize the database first, has been integrated as a function of one-click initialization, just click the initialize database button in my page.

5. Upload cloud functions

Right-click Upload and Deploy (All files)

6. Upload the code as the experience version

After upload code can in their own small program see upload the version of the background, the individual does not support to upload to the online version, so we can only use experience, set to experience the version of the method is as follows: WeChat small program management background address: mp.weixin.qq.com/wxamp/wacod…

7. Add experience members

After uploading as the experience version, you should also set the other party as the experience member or project member, the other party can experience the mini program, and use the mini program with you.

experience

Click the experience version of the TWO-DIMENSIONAL code here, there will be a two-dimensional code pop up, scan the code can open the small program, and then share it with your girlfriend can use the small program.

With the development

At present, the project has been all open source, small program style is relatively not beautiful, the follow-up will continue to optimize and develop new and old functions, interested in maintenance and development can be together.

Personal homepage: http://120.79.163.94//JYeontuComponents/#/JTableView

Gitee address: gitee.com/zheng_yongt…