使用"云开发"制作一个微信小程序

下载并注册wx开发者工具

下载地址 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
image.png
推荐下载 稳定版

image.png
下载完成后打开进入创建界面，在此处需填写一个AppID，按照相应流程进行注册。
也可以选择使用测试号，但部分功能受限。

新建第一个空项目

在新建的空项目时，选择不使用云服务。
在空项目当中，主要有pages下的js、json、wxml于wxss四个部分。
其中wxml于wxss于xml和css相似。
image.png

云开发介绍

选择创建一个云服务项目，云服务是需要付费的，但是有免费版本，一般情况下满足练习使用的需求。
image.png
云开发项目主要多了cloudfunction部分，新建的文件即云函数。
image.png

云开发主要包括 数据库 存储 云函数三个部分
image.png
数据库是非结构性数据库，就是以json的形式存储
image.png

存储部分是对文件进行存储并且可生成 File ID 相当于链接，在程序中可直接获取引用
image.png

云函数是一些封装的函数，主要是操作数据库部分增删改查
详细操作可以参考微信api: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html

image.png

最终效果

image.png
image.png
image.png

用户授权登陆后，

image.png
image.png
image.png
打开已编辑的note，显示相关信息。
image.png
点击图片可进行预览，
image.png