微信小程序开发|微信小程序开发-云数据库添加及获取显示

全国的疫情一个是东北一个是上海两个重灾区。被关在家里10天了,看了一下B站,看到了一个微信小程序开发的视频教程感觉不错,闲来无事就自己实践一下。
微信小程序出来已经好几年了,原来玩过一段时间,最后由于微信小程序开发的不断迭代,以后域名必须使用https,需要ssl安全加密证书最后放弃了。今天看的这个视频教程,小程序开发可以没有服务器的情况下使用微信提供云服务器进行开发,下面进入正题。
1、微信小程序之云数据库添加 1)app.json
打开app.json,添加addarticel
微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片

2)addarticle.wxml添加以下代码:

标题: 新闻内容:

addarticle.js以下代码:
微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片

3)添加云数据库:
微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片

编译显示:
微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片

进入云数据库查看添加的数据记录:
微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片

通过以上操作,自己手动提交,就可以把测试数据添加到云数据库中了。
2、云数据库获取数据及展示 先看下效果
微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片

1)index.wxms页面代码
【微信小程序开发|微信小程序开发-云数据库添加及获取显示】微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片

2)index.js页面代码
微信小程序开发|微信小程序开发-云数据库添加及获取显示
文章图片


    推荐阅读