小程序云开发之数据库的连接 -------记录一下

怼烎@ 2022-10-31 15:58 187阅读 0赞

To:海绵宝宝的朋友们  非完整版

### 目录标题 ###

*  数据库创建
 *  创建数据表
 *  小程序与数据库连接
 *   *  云开发环境的初始化
     *  在小程序中建立连接
     *  从数据库读取信息的操作
 *  数据库增删改查
 *   *  数据查询
     *   *  查询所有数据
         *  查询符合条件的数据
         *  查询单条数据
     *  数据增加
     *  从表单中获取数据并进行增加操作

# 数据库创建 #

开通云开发后，可以看到这个界面。  
在界面中可以创建新的表，数据。  
注意：导入数据导入的是JSON文件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70]  
管理数据库用CMS

# 创建数据表 #

也称创建内容模型  
1.创建模型  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 2]  
2.在内容类型的地方设置表的字段  
以下列举了两个类型（单字符+枚举）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 4]  
**3.在内容集合的表里进行数据的新建或导入**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 5]  
**填入对应字段的信息**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 6]

**这样就创建好了数据**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 7]

# 小程序与数据库连接 #

## 云开发环境的初始化 ##

在小程序app.js文件里写入云开发的 环境ID

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 8]  
注意：环境ID在云开发的设置里。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 9]

## 在小程序中建立连接 ##

在开发者文档里有描述，我们需要把这个代码写进界面的 .js文件里  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 10]

## 从数据库读取信息的操作 ##

注意：如果希望用户可以读到信息，要先对表的权限进行管理  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 11]  
查询操作  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 12]

# 数据库增删改查 #

## 数据查询 ##

### 查询所有数据 ###

wx.cloud.database().collection('test').get()
          .then(res => {
              console.log('请求成功',res)
              this.setData({
                list: res.data
              })
            })
            .catch(err =>{
              console.log('请求失败',err)
            
          })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 12]

### 查询符合条件的数据 ###

用的是 .where方法

wx.cloud.database().collection('test')
          .where({
            txt:'Test01'
          })
          .get()
          .then(res => {
              console.log('请求成功',res)
            })
            .catch(err =>{
              console.log('请求失败',err)
          })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 13]

### 查询单条数据 ###

用的是 .doc方法

wx.cloud.database().collection('test')
          .doc('28ee4e3e6034809b071076086c7693c2')
          .get()
          .then(res => {
              console.log('请求成功',res)
            })
            .catch(err =>{
              console.log('请求失败',err)
          })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 14]

## 数据增加 ##

用的是 .add 方法

wx.cloud.database().collection('test')
          .add({
            data:{
              meiju:'4',
              txt:'Test04'
            }
          })
          .then(res => {
              console.log('请求成功',res)
            })
            .catch(err =>{
              console.log('请求失败',err)
          })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 15]

## 从表单中获取数据并进行增加操作 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 16]  
.wxml

<view wx:if="{ {!isAdmin}}" class="container">
    	<view class='line_1px' />
    	<view class='item_root'>
    		账号：
    		<input class="textarea25px" bindinput="getName" value="{ {username}}" maxlength='10' />
    	</view>
    	<view class='line_1px' />
    	<view class='item_root'>
    		密码：
    		<input class="textarea25px" bindinput="getPassWord" value="{ {phone}}" maxlength='11' />
    	</view>
    	
    	<button class='btn_fabu' bindtap='formSubmit' type='primary'>管理员登陆</button>
    </view>

.js

//管理员登陆相关
      getName: function (e) {
        name = e.detail.value
      },
    
      getPassWord: function (e) {
        password = e.detail.value
      },
      formSubmit: function () {
        if (name == '' || name == undefined) {
          wx.showToast({
            title: '用户名不能为空',
            icon: 'none'
          })
          return;
        }
        if (password == '' || password == undefined) {
          wx.showToast({
            title: '密码不能为空',
            icon: 'none'
          })
          return;
        }
        this.login(name, password)
      },
      //登录
      login(name, password) {
        db.collection('admin').where({
            name: name,
            password: password
          }).get()
          .then(res => {
            console.log("登陆成功", res)
            if (res.data && res.data.length > 0) {
              this.setData({
                isAdmin: true
              })
              let admin = {
                name: name,
                password: password
              }
              wx.setStorageSync('admin', admin)
            } else {
              this.setData({
                isAdmin: false
              })
              wx.showToast({
                icon: 'none',
                title: '账号或密码错误',
              })
            }
          }).catch(res => {
            console.log("登陆失败", res)
            wx.showToast({
              icon: 'none',
              title: '账号或密码错误',
            })
            this.setData({
              isAdmin: false
            })
          })
      }

。。。。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70]: /images/20221024/b92ea2b9fdcb4c1b9e67f12033fc5faa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 1]: /images/20221024/ed81a7d217174b67a70cc6a4da40ba2e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 2]: /images/20221024/51b3a17940db4e7698057eb9bbcc04c8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 3]: /images/20221024/b7371f6bbf0348f48977a0a03aefd337.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 4]: /images/20221024/d26fd5a861d64017b84199e50d2ef791.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 5]: /images/20221024/116996107f5c4ad3a74584e076a6d511.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 6]: /images/20221024/cd3277dd278e4f418074d347c879f123.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 7]: /images/20221024/f01ba9c18753480181cbe83c1c0eb3b6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 8]: /images/20221024/48b9f2588d2c4d1da3079a7cc0963c38.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 9]: /images/20221024/a07ffe7b94984441a920f6168ca2c23b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 10]: /images/20221024/1baea1cabee7416fb4f1eefb5c979a13.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 11]: /images/20221024/956f4e17fc684f8abbc58fe4f983bb27.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 12]: /images/20221024/6a3d2a5e914543b2939292d4bd2bb72a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 13]: /images/20221024/0efcbad72cb142129547245ee58eebbe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 14]: /images/20221024/f63f135efe1c4fa7b2d29a7b9fb7fe99.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 15]: /images/20221024/7c8ac0bd6d354e0d8aa92c2b46dec45c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2EyM18yMw_size_16_color_FFFFFF_t_70 16]: /images/20221024/bafd9cae4f4c40eab38f26de5db2a21b.png