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

全国的疫情一个是东北一个是上海两个重灾区。被关在家里10天了,看了一下B站,看到了一个微信小程序开发的视频教程感觉不错,闲来无事就自己实践一下。

微信小程序出来已经好几年了,原来玩过一段时间,最后由于微信小程序开发的不断迭代,以后域名必须使用https,需要ssl安全加密证书最后放弃了。今天看的这个视频教程,小程序开发可以没有服务器的情况下使用微信提供云服务器进行开发,下面进入正题。

1、微信小程序之云数据库添加

1)app.json

打开app.json,添加addarticel

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

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

<form bindsubmit="onSumbit">
标题:<input name="name" placeholder="新闻标题" />
新闻内容:<textarea name="content" id="content" placeholder="请输入文章内容" rows="2" cols="3"></textarea>
<button form-type="submit">提交</button>
</form>

addarticle.js以下代码:

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

 3)添加云数据库:

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

编译显示:

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

进入云数据库查看添加的数据记录:

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

通过以上操作,自己手动提交,就可以把测试数据添加到云数据库中了。 

2、云数据库获取数据及展示

先看下效果

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

1)index.wxms页面代码 

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

2)index.js页面代码 

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

    原文作者:颐街
    原文地址: https://blog.csdn.net/itmsn/article/details/124025748
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞