云开发完成简单小程序

最新推荐文章于 2022-06-28 11:05:35 发布
最新推荐文章于 2022-06-28 11:05:35 发布
阅读量535 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48683410/article/details/107738184
版权
本文介绍了如何使用云开发实现小程序的用户登录功能，包括云开发初始化、登录云函数的编写和调用，以及如何保持用户的登录状态。此外，还详细讲解了如何记录和查询云数据库中的日志数据，包括加减操作的记录和显示。
摘要由CSDN通过智能技术生成

目录

1.界面展示

首先打开小程序，有三个页面：首页、日志、我的

在这里插入图片描述

先在我的页面，点击登录按钮，登录进来，会展示用户的微信头像和微信昵称

在这里插入图片描述
在这里插入图片描述

接下来来到首页，点击加减按钮，记录页面会同步产生点击的日志。

在这里插入图片描述

2.云开发初始化

（1）新建一个云开发的文件夹cloud
在这里插入图片描述
（2）在project.config.json文件中添加代码，指定云开发的文件为我们刚刚创建的cloud文件夹

在这里插入图片描述
（3）再来到app.js文件中用下面的代码代替原先的代码

在这里插入图片描述
保存了之后，这里cloud云开发文件后面的就会指定我们现在创建的lc428云开发环境，文件夹上面会有一个云的标志。

在这里插入图片描述

3.登录功能

1、在pages/me/me.wxml文件中添加登录按钮

在这里插入图片描述
2、在me.js文件中添

最低0.47元/天 解锁文章
weixin_48683410
关注
专栏目录
答题微信小程序实现（2）：点击计数
吴道简的博客
01-18 1万+
不太习惯用新版写东西，还是markdown写着习惯。 我也是一个初学者，所以把目的拆分成一个个小模块，分别实现吧。 答题和随机的原始框架在（1）中已经实现了。 那么这篇就写积分。也就是答对一题，加1分。这里简化成点击一次加1分。 好开森，点击计数的功能终于搞定了。 非常简单的代码，不过对于初学者来说，找出这行代码也不太容易，我的方法就是拿过来一个觉得应该有这个功能的程序源码，一点点把无关
微信小程序学习笔记2
qq_61109509的博客
01-17 1945
1，运算 2，列表渲染 3，条件渲染 4，事件绑定 需求 1 输入框输入什么，下面显示什么 需求2，点击加号按钮使数字加一，点击减号按钮使数字减一 money.wxml <!-- 1,需要给input标签绑定 input事件 当数值改变就会触发 需要绑定关键字 bindinput 2,如何获取输入框的值e.detail.value 3,把输入的值赋值到data当中 this.setData({ num:e.de...
微信小程序 数组动态添加方式
小5聊的博客
07-23 5454
微信小程序 数组动态添加方式一 1、data区域定义一个数组变量：temparr:[] 2、方法里对api返回的值循环添加到数组里 const projectlist = {}; //定义个常量 res.data.l.forEach(function (item, index) { projectlist[`projectlist[${index}]`] = item.coverImag...
百度小程序数字自增
兰颜的博客
02-23 400
要求点击下一页的时候，data中的数字+1 this.setData({ pages : this.data.pages+1 }) 点击上一页的时候同理，只需要-1就可以
微信小程序点击事件使浏览量加一
qq_59556663的博客
06-28 901
主要是通过点击事件对页面的某一个参数进行改变
微信小程序云开发修改云数据库中的数据方法
10-16
微信小程序云开发是一种集成在微信小程序开发环境中的后端服务，允许开发者在小程序中实现数据存储、处理和安全等功能，而无需独立搭建服务器。本文主要探讨的是如何在微信小程序云开发中修改云数据库中的数据。 ...
微信小程序云开发-树洞小程序.zip
最新发布
01-11
6. **测试与发布**：开发完成后，需要在微信开发者工具中进行预览、调试和性能优化，然后提交审核，最终发布到微信小程序平台供用户使用。 7. **运营与维护**：发布后，开发者还需要关注用户的反馈，定期更新内容，...
微信小程序云开发实现数据添加、查询和分页
10-16
微信小程序云开发是一种集成在微信小程序中的云端能力，它提供了数据存储、云函数执行、文件存储等服务，帮助开发者在不搭建服务器的情况下也能构建完整的小程序应用。在本篇文章中，我们将详细介绍如何利用云开发...
微信小程序云开发获取文件夹下所有文件(推荐)
10-15
微信小程序云开发基于微信官方的云服务平台，允许开发者通过简单的API调用完成服务器端的数据操作，主要包括数据库操作、云函数编写、文件存储等。这种方式可以大幅度减少开发者对于后端搭建、维护的时间和精力投入...
小程序动态更改绑定数据，点击按钮一次加1
AOSIDIN的博客
06-09 4659
<!--pages/index.wxml--> <text>{{dongtaishuju}}</text> <button bindtap='addone' >点击加一</button> // pages/index.js Page({ data: { count: 0, }, addone(options) { this.setData({ dongtaishuju: this.data.dongt...
微信小程序, 长按加号 不断添加数量
meteorites的博客
02-18 3839
如图, 需求,长按加号,数量不断增加, 反之减号不断减少     需要使用 小程序中的长按事件,.bindlongpress, 需要注意的是连续增加一定会用到定时器, 在bindtouchend鼠标一开始需要清理定时器. html &lt;image class="reduce img" bindtap='reducesurplus' bindlongpress='reducelon...
微信小程序事件绑定-数字加一减一简单执行
weixin_50363256的博客
02-02 4104
需要实现的基本功能是： 可以输入数字并在下端显示出来 存在加减button 按一下加一或减一 首先是分为两部分 demo.wxml 与 demo.js 在demo.wxml中输入 //将input 与handleinput绑定 同时在demo.js中 handleinput(e){ this.setData ({num:e
微信小程序--JavaScript实现指定数字的精度输出
海到无边天作岸 山登绝顶我为峰
05-17 2498
问题描述         小程序js中某个数字是3.1415926,但是我们需要用于计算的只是3.14，那么应该实现呢？ toPrecision() 1.定义 在对象的值超出指定位数时将其转换为指数计数法。 2.语法 number.toPrecision(x) 3.参数 x：必需，规定必须被转换为指数计数法的最小位数。该参数是 1 ~ 21 之间（且包括 1 和 21）的值。有效实现允许有选择地支持更大或更小的 num
js实现数字动态递增效果
风火纶回
01-19 4025
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js实现数字动态递增效果</title> </head> <body> <span id="span1">0</span> <script> //调用方法 NumDynamic("span1",10,100);
js编写点击按钮数字加一
welcome
03-11 1万+
每次单击按钮可以使数字加一 在页面中加入三个input标签，类型分别是text、submit、submit，text里面的value是普通数字，其余两个是加一和清除两个按钮。加一按钮实现text里value的数字加一，清除按钮实现text里value数字归零。 话不多说，直接上代码： <body> <input type="text" value="0"><br><br> <input type="submit" value
app.js 从控制台得到用户进入 离开 小程序的次数
晨晨晨的博博博客
11-16 467
app.js 从控制台得到用户进入 离开 小程序的次数 var msg=1 app({ onshow:function(){ console.log("进入次数："，msg) msg=msg+1 }， onHide：function(){ console.log("离开次数："，msg-1） } }) ap...
微信小程序点击喜欢+1 自定义组件
guochanof的专栏
08-24 3211
效果: 1  新建 先新建一个盛放所有组件的目录components 再在components下新建第一个组件的目录like, 这样的两级目录我们先新建好 编写组件的第一步,如同我们编写的page页面一样,我们首先给个这组件新建几个文件,我们利用小程序开发工具新建功能快速新建组件所需要的全部文件 右击\新建\Component   2   使用 必须在页面里引用组件 ...
微信小程序－js实现单选功能
热门推荐
半桶水技术的博客
10-27 1万+
初次接触js弄了好长时间才出来效果，但是还是觉的不做梦完美，希望有更好的方式进行交流；实现效果如下： 虽说这个小功能但是对于我这个新手来说还是有点难；具体代码如下： WXML： 最多可增加4个功能入口
微信小程序云开发实战指南
存储功能则提供了文件的上传和下载服务，开发者可以直接在小程序前端进行文件操作，并通过云开发控制台进行可视化管理，使得文件管理变得简单易行。 对于新手开发者来说，使用微信小程序云开发的步骤大致如下： 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值