微信小程序云开发学习记录--1

这篇具有很好参考价值的文章主要介绍了微信小程序云开发学习记录--1。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

1.配置小程序项目

2. 云创建

3.新建云文件夹

4.数据库的建立和使用

5.增、删、改、查四种数据库基本操作

增加数据

查询数据

修改数据

删除数据


拿到微信小程序,首先可以先配置好自己的服务器或者是云环境,服务器的方法就不说了,我们今天来主要看一下云环境的配置.

云开发对于小白来说确实友好,我做的第一个微信小程序就是采用云开发,它不需要我们去做后端的深入研究,只要关注好几个配置就可以快速coding啦!

1.配置小程序项目

首先先不要急着开始创建,你可以先去注册一个appid,云开发必须使用的就是appid(注意哦,测试号是没有云开发权限的)所以去官网注册一个appid,也就几分钟的事情嘛!

其次是要注意最好先在创建时候选择不使用云开发,使用和不使用的区别在于模板的不一样,不使用的话模板比较干净,适合新手学习,不要急,我们到里面再修改也不迟嘛!

2. 云创建

微信小程序云开发学习记录--1

 onLaunch : function(){
    wx.cloud.init({
      env:"你的云编号"
    });

然后我们要在app.js里初始化云服务,图里的env就是你云服务的一个编号 微信小程序云开发学习记录--1微信小程序云开发学习记录--1

这里面的环境id就是你要替换的 env编号,这里的环境id建议直接复制,不要手写,很容易写错。像我那样填到app.js里就大功告成啦!

3.新建云文件夹

微信小程序云开发学习记录--1

 点击新建文件夹,名字命为cloud,大功告成,完成云开发环境配置!

4.数据库的建立和使用

微信小程序云开发学习记录--1

在云开发控制台上,有数据库的按钮,只要添加记录,数据库就进行了保存。

 微信小程序云开发学习记录--1

然后就是数据库的引用,我们在我们想引用数据库的js文件里加上

const DB = wx.cloud.database().collection("list")

 list就代表着你所建立的数据库的集合名称,通过这样的配置,你已经完成了小程序和云数据库的链接

我们在使用数据库的适合,例如添加一个数据到你的数据库里,只要用如下代码:

 addDate(){
    //向云数据库上添加数据
      DB.add({
        data:{
          name:"",
          age:
        },
        success(res){
          console.log("添加成功!",res)
        },
        fail(res){
          console.log("添加失败!",res)
        }
      })
  },

其中,DB就代表了链接“list”这样一个数据库,一定要注意data数组里的书写!

5.增、删、改、查四种数据库基本操作

增加数据

 addDate(){
    //向云服务器上添加数据
      DB.add({
        data:{
          name:"",
          age:
        },
        success(res){
          console.log("添加成功!",res)
        },
        fail(res){
          console.log("添加失败!",res)
        }
      })
  },

查询数据

  //查询数据
  getDate(){
    DB.get({
      success(res){
        console.log("ok!",res)
      },
    })
  },
 

修改数据

upData(){
    db.doc('list')
  .update({
    data: {   //更新的数据
      name:"李四"
    }
  })
  .then(res=>{
    console.log(res)
  })
  .catch(err=>{
    console.log(err)
  })

  },

删除数据

 removeData(){
    db.doc('list')   //根据符合条件的进行删除
    .remove()
    .then(res=>{
      console.log(res)
    })
    .catch(err=>{
      console.log("数据库中不存在该数据,请勿重复删除")
    })

  },

—————————————————————————————————————Jason sun 文章来源地址https://www.toymoban.com/news/detail-449337.html

到了这里,关于微信小程序云开发学习记录--1的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序入门及开发准备,申请测试号以及小程序开发的两种方式,目录结构说明

    目录 1. 介绍 1.1 优点 1.2 开发方式 2. 开发准备 2.1 申请 2.2 申请测试号 2.2 小程序开发的两种方式 2.3 开发工具 3. 开发一个demo 3.1 创建项目 3.2 配置 3.3 常用框架 3.3 目录结构说明 3.4 新建组件 是一种不需要下载安装即可使用的应用,是一种 触手可及 的应用 可以借助微信的流量

    2024年02月05日
    浏览(33)
  • 【微信小程序 | 实战开发】配置微信小程序APPID并快速接入

    你是否想要掌握人工智能的最新技术和应用?你是否想要成为未来社会的创新者和领导者?你是否想要和全球的优秀导师和同学一起学习和交流?如果你的答案是肯定的,那么欢迎来到床长人工智能教程网站,这里是你实现梦想的起点! 个人名片: 🐼 作者简介:一名大一在

    2024年01月24日
    浏览(48)
  • 微信小程序自研业务接口的服务器一点配置记录整理

    微信小程序的开发和APP的开发有些类似,但又略有不同。 App一般有很多版本,甚至要兼容很多版本兼容,尤其是各个小版本之间一般都是要共存的。当然如果有较大变化或者升级,尤其是底层逻辑或者数据库结构改动,一般会强制升级。 因为要多个版本兼容,互相不影响使

    2023年04月25日
    浏览(29)
  • 微信小程序学习之数据绑定,事件绑定,事件传参与数据同步的学习记录

    数据绑定的基本原则:在data中定义数据,在wxml中使用数据 1.1. 在data中定义数据 在data中定义数据,找到页面对应的.js文件,然后把数据定义到data中即可。 pages/list/list.js 1.2. 在wxml中渲染数据 (mustache语法) mustache语法,插值表达式 将data中的数据绑定到页面中渲染,使用mu

    2024年02月13日
    浏览(37)
  • 【微信小程序开发】微信小程序集成腾讯位置项目配置

    腾讯位置服务官网 当然没账号的要先注册一个账号 在我的应用里创建一个新的应用,印象中需要小程序ID,去微信开发者工具里面找到自己的小程序ID填入即可 添加 key 中勾选勾选 WebServiceAPI 从官网里下载,我这里下载的是 v1.2 打开微信开发者工具 在查找小程序ID的地方下滑

    2024年02月02日
    浏览(45)
  • 微信小程序共享云开发环境的代码配置

    小程序2022年进行了云开发付费调整,以前一个小程序对应一个云开发环境的奢侈用法不再适合普通开发者,微信小程序提供了云开发共享功能,方便在不同的小程序中共用一个付费环境。 笔者更新时间:2023-05-05,文内API随时可能变动,请以链接对应的小程序官方文档为准

    2024年02月09日
    浏览(35)
  • 微信小程序学习笔记(五) 云开发

    微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。 开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。 开发者 无需搭建服务器 ,可免鉴权直接使用平台提供的 API 进行业务开发。 传统开发需要考虑 成本角度:维护

    2023年04月08日
    浏览(34)
  • 微信小程序学习—配置HBuilder运行微信小程

    第一次接触微信小程序开发。在网上找了个项目想要运行,遇到了一些问题,记录一下运行的问题,以及解决方式,供大家参考。 遇到的报错  于是上网搜索结果 第一步 在微信小程序中打开 设置—安全设置 打开服务端口 但是我还是报错 第二步 检查HBuilder中的微信小程序运

    2024年02月13日
    浏览(34)
  • uniapp使用微信开发工具打开微信小程序运行[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

    这是 uniapp 项目 还未转成微信小程序 需要转换一下     重点:   首先一定要有 unpackage文件夹   如果没有的需要到HBuilder X 编译一下 编译完,可以看到如下目录既可以了

    2024年02月07日
    浏览(35)
  • 【6 微信小程序学习 - 小程序的组件化开发,通信】

    1,在根目录创建components文件夹,自定义组件都放在此处 2,右键新建component,输入名称后悔创建四个文件 3.其中.json中的\\\"component\\\": true,表示这是一个组件 4,编写代码,和其他代码逻辑相同 1,要使用组件的父组件的json配置文件,usingComponents字段 注册 组件, 组件名称:组件路径 1 外部使用

    2024年02月13日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包