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

全国的疫情一个是东北一个是上海两个重灾区。被关在家里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页面代码

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

[微信小程序开发] 云数据库
微信小程序云数据库,可以帮助我们快速构建小程序,让我们更轻松地实现数据库的功能,同时又不必花费大量时间去编写复杂的数据库代码.这篇文章将介绍如何使用微信小程序云数据库来实现一些常见的数据库功能. 创建 ...
微信小程序基于云数据库简单实现帖子点赞功能。
思路: 1·用云函数或者app.js获取用户openid,在每个帖子里面like_people数组里添加点赞过该帖子的用户openid.获取帖子云数据存放到suju:[]里. 2·点击点赞按钮图标变换 ...
新手如何用微信小程序和云数据库做一个论坛？【帖子页】
新手小白用微信小程序和云数据库做一个论坛[帖子页] 先放个效果图由于后面换了头像,所以评论的头像和发帖的头像不一样. 要做个同款论坛,首先需要用到云数据库.在微信开发者工具的左上角开通云开发就可以了 ...
微信小程序基于云数据库实现点赞功能
微信小程序基于云数据库实现点赞功能微信小程序基于云数据库实现点赞功能小Tips 2022.04.27 更新微信小程序基于云数据库实现点赞功能首先你要开通云开发,然后点击数据库创建集合(这里我的 ...
c语言京东购物系统,仿京东商城: 自主使用微信小程序实现的网上商城案例（包括前端和后台），利用了微信小程序的云数据库...
仿京东网上商城介绍自主使用微信小程序实现的仿京东网上商城案例(包括前端和后台),数据库利用了微信小程序的云数据库软件架构软件架构说明数据库表设计本系统数据库主要用了微信小程序自带的云数据库 ...
微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.云函数五.程序流程一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机号码. 但是,因 ...
微信小程序开发，如何添加多个空格
微信小程序开发,如何添加多个空格 <view> <text space="ensp">a b</text> </view> ...
微信小程序开发笔记进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
微信小程序开发笔记进阶篇⑥——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之后）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
微信小程序开发错误——底部导航栏没有显示完全
微信小程序开发错误--底部导航栏没有显示完全原因:由于在app.json中设置跳转页面时,假设有A.B.C.D四个图标(点击可以跳转),B和C的跳转页面相同,C的图标就会覆盖B的图标,B的图标就相当 ...