微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用

这篇具有很好参考价值的文章主要介绍了微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当连接MySQL的时候总是出现各种各样的小问题,可以选用微信小程序自带的云数据库

建立云数据库

注:测试号不能建立云数据库
按图中步骤来
微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用

建表

第4步中,有两种添加方式
第一种
微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用
第二种
微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用
注意:
如果你是粘贴复制的,他会报错非数字字符"无法使用外部字符串表示法位于第1行。这时,在第一行的{后敲个回车就可以通过了。

导入MySQL中的表

导出

在SQLyog中,选中你要导出的表,右键,备份/导出—导出表数据作为
微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用
微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用

导入

微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用
微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用

云数据库初始化

把一下代码复制到指定位置

app.js 中

// app.js

App({

  onLaunch: function () {
    // 展示本地存储能力
    wx.cloud.init({
      traceUser: true,
      env:'cloud1-1grn69gh9be4f1c3'
    })
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  }
  

})

你需要用到云数据库的页面的js代码的最上面(Page({})的上面)

const db = wx.cloud.database()

登录注册

注册功能

下面这段代码放在你设置的注册按钮上的点击函数

      wx.cloud.database().collection('user').add({
      //user 指的是表,替换成你自己的。add相当于sql中的insert
       data: {
       //表中的字段,替换成你自己的
        username: this.data.username,//页面input传入的值
        password: this.data.password
       },
       success(res) {
        console.log('注册成功', res)
        wx.showToast({
         title: '注册成功',
        })
        wx.navigateTo({
         url: '/pages/login/index',
        })
       },
       fail(res) {
        console.log('注册失败', res)
       }
      })

登录功能

下面这段代码放在你设置的登录按钮上的点击函数

    wx.cloud.database().collection('user').where({
    //先是查询用户名是否存在
    username: this.data.username
    }).get({
    success(res) {
      console.log("获取数据成功", res)
      let user = res.data[0]
      console.log("user", user)
      wx.setStorage({
        data: true,
        key: 'loginOk',
      })
      if(user==undefined)
      {
        console.log('登陆失败')
        wx.showToast({
          icon: 'none',
          title: '账号或密码不正确',
        })
      }
      if (password == user.password&&username ==user.username) {
      console.log('登陆成功')
      wx.navigateTo({
        url: '/pages/user/user',
      })
      wx.showToast({
        title: '登陆成功',
      }),
      wx.switchTab({
        url: "/pages/user/user",
        success: function (e) {  
          var page = getCurrentPages().pop();  
          if (page == undefined || page == null) return;  
          page.onLoad();  
        }  
      })

      //保存用户登陆状态
      wx.setStorageSync('user', user)
      
      } else if(res.data[0]==null){
        wx.showToast({
          title: "请先注册",
        })
        wx.navigateTo({
          url: '/pages/register/register',
        })
      }
      else{
      console.log('登陆失败')
      wx.showToast({
        icon: 'none',
        title: '账号或密码不正确',
      })
      }
    },
    fail(res) {
      console.log("获取数据失败", res)
    }
    })

查询(模糊查找)

注,精确查找的话,刚刚登录里面找用户名的就是文章来源地址https://www.toymoban.com/news/detail-418900.html

  //获取输入的内容
  inCiju:function(e){
    this.data.ciju = e.detail.value;
},
// getGuInfo1是查找按钮的函数
getGuInfo1:function (e) {
  var that=this;
  console.log(this.data.ciju);//就在控制台检查一下传参是否正常
  db.collection("poems").where({	 	
  //poems是表名,替换成你自己的
  //利用正则进行模糊查询
  content: db.RegExp({
    regexp: this.data.ciju,//ciju是input传过来的字段,替换成自己的
    options: 's'
  })
}).get({
  success: res=>{
  	//下面这俩都是检查用的,可以删掉
    console.log(JSON.stringify(res.data))
    console.log(res.data)
 	//获取数据库的数据
    this.setData({
      gushi: JSON.stringify(res.data),
    })
    //下面是带参数跳转到另一页面,不需要可以删掉。
     const shici = JSON.stringify(res.data)
    wx.navigateTo({
       url: '../search/search?shici='+shici,
       })
     }
  })

到了这里,关于微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序登录与注册(没有连接数据库)(2023年3月31日)

    提示:以下是本篇文章正文内容,下面案例可供参考 在登录表单里,输入账号、密码进行登录,在账号、密码输入框里都有友好的提示信息;登录按钮 默认是灰色不可用状态,只有输入内容后,才会变为可用状态;在登录按钮的下面提供手机快速注 册、企业用户注册、找回

    2024年02月08日
    浏览(52)
  • 微信小程序数据库更新update的使用

            微信小程序数据库的update功能不可以直接使用db.collection.update,此功能虽然在collection的使用说明文档中有,但是经过实际操作之后是无法成功更新的,必须使用db.collection.doc.update才可以完成。         使用db.collection.doc.update方式时,数据记录则应由add功能添加

    2024年02月03日
    浏览(55)
  • 微信小程序云开发(云数据库的使用)

    云数据库提供高性能的数据库写入和查询服务。通过腾讯云开发(Tencent CloudBase.TCB)的SDK,可以直接在客户端对数据进行读写,也可以在云函数中读写数据,还可以通过控制台对数据进行可视化的增、删、查、改等操作。微信小程序云开发所使用的数据库本质上就是一MongoD

    2024年02月09日
    浏览(97)
  • 微信小程序使用PHP调用后台mysql数据库-小白版

    1.域名备案 首先,需要有一个域名,且这个域名是已经备过案的。(如果小程序不发布正式版只用于线上测试则不影响) 2.后台服务器 其次,需要一个服务器,我这里使用的是宝塔面板,对小白很友好,很方便操作。 也可以买个虚拟主机,一个月几块钱左右,很适合小白弄

    2024年04月14日
    浏览(51)
  • 微信小程序——操作数据库

    访问次数应该与用户进行关联 业务逻辑: 如果用户是第一次访问此程序,向数据库添加一条记录:{openid:45454545,count:1} 如果用户不是第一次访问,首先获取数据库中改用户的访问次数然后+1,再保存到数据库中,然后更新页面中的访问次数 实现步骤: 在项目的pages中创建

    2024年04月17日
    浏览(40)
  • 微信小程序笔记--数据库

    学习微信小程序 -- 数据库 数据库 1. 初始化 2. 数据库操作 2.1 数据类型云开发数据库提供以下几种数据类型: 2.2 增删查改                  2.2.1 增加/插入 数据(add方法)                  2.2.2 删除数据(remove方法)                  2.2.3 查看数据(get,where)    

    2024年02月03日
    浏览(42)
  • 微信小程序操作数据库

    1、数据库操作   在Web环境中发起HTTPS请求是很常见的,但是微信小程序是腾讯内部的产品,不能直接打开一个外部的链接。例如,在微信小程序中不能直接打开www.taobao.com网站,但是,在小程序开发的时候,如果需要请求一个网站的内容或者服务,如何实现?虽然微信小程

    2024年02月09日
    浏览(82)
  • [微信小程序 开发] 云数据库

    微信小程序云数据库,可以帮助我们快速构建小程序,让我们更轻松地实现数据库的功能,同时又不必花费大量时间去编写复杂的数据库代码。这篇文章将介绍如何使用微信小程序云数据库来实现一些常见的数据库功能。   首先,我们需要创建一个云数据库,在小程序的开发

    2024年02月05日
    浏览(55)
  • 微信小程序怎么连接到数据库

    微信小程序是不能直接连接数据库进行数据操作的,这是出于安全的考虑。基本上都是先通过wx.request向服务器发起请求,再由服务端程序(如PHP)来对MySQL数据库进行数据操作。 微信小程序怎么连接到数据库 1、在微信小程序的index.js文件中编写请求数据库的小程序代码; 2、 用

    2024年02月08日
    浏览(52)
  • 微信小程序云开发 1 - 数据库

    微信小程序云开发最重要的有两点: 1、云数据库; 2、云函数; 学会这两点基本就能够进行微信小程序的云开发; 首先,我们先看微信小程序云数据库的基本操作: 1)打开微 信开发者工具,创建一个云开发微信小程序,在创建项目时勾选使用云开发即可;(注意:使用云开

    2024年02月08日
    浏览(47)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包