
微信小程序
王祺灏
耐得住寂寞 守得住芳华
展开
-
微信小程序云开发(13)— “云函数修改(update)/删除(remove)数据”
知识引入:云函数与云数据库进行对比 ↓因此,本地小程序直接调用数据库修改会有问题即只能修改自己创建的数据,别人创建的数据,就没有办法修改了。使用云函数即可解决这个问题。一、云函数修改数据1.先创建云函数 update0129( event.id用于获取本地传来的数据id)2.调用云函数就行修改一、云函数删除数据1.创建云函数 remove01292.调用这个云函数进行删除操作...原创 2021-08-10 01:25:01 · 7256 阅读 · 2 评论 -
微信小程序云开发(12)— “本地向云函数传递参数”
如何向云函数传递参数:云函数通过入口函数的event参数接收本地传来的数据1.创建本地页面,在页面js文件中的onLoad函数中编写传参代码Page({ onLoad(){ wx.cloud.callFunction({ name:'add', //向云函数传递的参数 data:{ a:3, b:4 } }) .then(res=>{ console.log原创 2021-08-10 01:08:58 · 2464 阅读 · 0 评论 -
微信小程序云开发(11)— “如何使用云函数”
如何使用云函数?我们通过使用云函数来连接数据库作为演示1.编写云函数1.在入口函数中编写数据库连接代码cloud.database().collection('goods').get()注意:我们之前直接在页面的js文件中请求数据库时的代码为前面有wx.(在小程序开发中wx.代表本地,我们在云函数中必须要省略!)2.调用云函数1.我们在Page下新建一个“yunhanshu”页面2.在yunhanshu.js中调用getData云函数Page({ onLoad(){原创 2021-08-09 23:59:27 · 632 阅读 · 0 评论 -
微信小程序云开发(10)— “初始化云函数环境”
初始化云函数一、初始化云函数环境二、新建一个云函数三、云函数更新后的上传一、初始化云函数环境1.创建一个与Page平行的cloud文件夹2.在project.config.json里添加一行属性"cloudfunctionRoot":"/cloud"此时刚才创建的cloud文件夹前面就多了个“小云朵”二、新建一个云函数1.右击cloud文件夹,新建Node.js云函数2.这里我们创建一个getData云函数三、云函数更新后的上传注意:每次我们编写或更新了云函数之后,都要重新上传原创 2021-08-09 23:38:39 · 1174 阅读 · 2 评论 -
微信小程序云开发(9)— “返回指定行数limit()及分页skip()”
一、返回指定行数limit()limit用来指定查询结果集数量上限,比如我们有100条数据,只想返回前20条,我们可以通过limit(20)来指定只返回20条数据。例如,只返回3条数据的写法如下注意:limit 在小程序端默认及最大上限为 20,在云函数端默认及最大上限为 1000二、分页方法skip()skip指定查询返回结果时从指定序列后的结果开始返回,常用于分页。比如我们有100条数据,想从第10条开始返回数据,可以通过skip(10)来实现skip结合我们上面学的limit方法可以实现原创 2021-08-07 13:35:11 · 3974 阅读 · 0 评论 -
微信小程序云开发(8)— “对数据库数据进行排序(orderBy)”
数据库排序一、升序操作(从上到下依次增大):二、降序操作(从上到下依次减小):进行排序(orderBy)时接收两个参数:1.根据哪个字段排序(排序字段名)2.排序规则(升序或降序),升序用asc,降序用desc一、升序操作(从上到下依次增大):1.创建按钮效果:2.编写shengxu()shengxu(){ wx.cloud.database().collection('goods') .orderBy('value','asc') .get() .then(res原创 2021-08-07 11:57:51 · 9086 阅读 · 5 评论 -
微信小程序云开发(7)— “删除操作时的弹窗提醒”
此功能直接调用官方文档中的API:wx.showModal代码示例:效果:原创 2021-08-07 10:32:17 · 648 阅读 · 0 评论 -
微信小程序云开发(6)— “增删改查综合案例(用户输入数据并动态添加到数据库)”
实际需求:1.有用户输入数据的文本框和按钮2.通过文本框的getName()和getValue()方法来获取用户输入的名称和值3.有输入校验(输入为空时弹窗提醒用户)4.通过按钮的add方法将数据传入到数据库中1.demo.wxml商品名:<input type="text" bindinput="getName"></input>价格:<input type="text" bindinput="getValue"></input><b原创 2021-08-07 01:11:45 · 2142 阅读 · 2 评论 -
微信小程序云开发(5)— “增删改查综合案例(跳转页面)”
实际需求:1.能查看商品列表2.点击 "商品列表"中的商品跳转到 “商品详情页”大体步骤:1.商品列表页对应: /Pages/demo1/demo12.商品详情页对应: /Pages/demo1-1/demo1-1一、商品列表页(Pages/demo1/demo1)demo1.wxml<view wx:for="{{list}}"> <view bindtap="click" data-id1="{{item._id}}">商品名:{{item.name}},价原创 2021-08-06 23:24:49 · 855 阅读 · 0 评论 -
微信小程序云开发(4)— “云数据库的增删改”
“云数据库的增删改”一、增加数据add()二、更新数据update()三、删除数据remove()注意:更新、删除数据必须使用doc('id')来确定操作哪一条数据一、增加数据add()1.先修改云数据库权限,这样才可通过代码增加数据到数据库2.定义一个按钮,通过点击按钮来增添一条数据,并设置点击事件处理函数为add1()效果:3.在js文件中编写add1(),代码如下: add1(){ wx.cloud.database().collection('goods') .原创 2021-08-06 01:02:12 · 3017 阅读 · 0 评论 -
微信小程序云开发(3)— “实现云数据库数据的查询”
一、在Page文件夹下创建一个新页面1.创建的新页面叫“database”2.编辑 “database.js ”,如下图:二、查询数据库(写onLoad函数)此处有两种写法,注意辨析!第一种,传统写法:代码: onLoad(){ //固定写法,用于获取当前数据库中goods这个表的实例对象 wx.cloud.database().collection('goods') //查询操作 .get({ //请求成功 success(r原创 2021-08-04 23:15:24 · 19749 阅读 · 3 评论 -
微信小程序云开发(2)— “云数据库初始化”
云开发——“云数据库”一、在数据库中创建一个集合1.点击数据库— 点击"+"号创建集合2.在集合中添加数据(相当于添加表中的一行)二、数据库权限管理点击"数据权限",将权限设置为 “所有用户可读”设置后才可在代码中对数据进行增删改查!...原创 2021-08-04 22:32:27 · 914 阅读 · 0 评论 -
微信小程序云开发(1)— “初始化云开发环境”
一、创建项目创建项目时先选择“不使用云开发环境”二、开通云开发1.点击云开发2.点击设置,查看云环境id(云开发id)三、初始化云开发环境1.先删除用不到的代码(index.wxml/wxss/js,app.wxss等);2.打开app.js,除 onLaunch函数 外,其余全删除;onLaunch函数中的代码小程序一启动就会执行3.在 onLaunch函数中写入以下代码:wx.cloud.init({ env:'cloud1-3g3t2s71a5090705'//这原创 2021-08-04 21:04:09 · 3386 阅读 · 0 评论