微信小程序传参 查询数据库,显示在小程序上

其中  http://127.0.0.1/1/1/8.php文件

<?php

$id=$_GET['id'];
///// 参数 传参 可以同时绑定参数和绑定结果
$mysqli = new MYSQLI( 'localhost', 'root', '12345678', 'test' ); //实例化mysqli
$query="select * from one where id=?";
$result=$mysqli->prepare($query);
$result->bind_param("i",$id); //绑定参数

$result->execute();

$result->bind_result($id,$name,$sex,$age,$phone,$time); //绑定结果

while ($result->fetch()) {

}

$co1 = array('id'=>$id,'name'=>$name,'sex'=>$sex,'age'=>$age , 'phone'=>$phone,'time'=>$time);

echo json_encode($co1);

?>

当id值为1时,显示如下数据。

wxml文件:

<view>

  <block  >

    <view>id:{{userdata.id}}</view>

    <view>姓名:{{userdata.name}}</view>

    <view>性别:{{userdata.sex}}</view>

    <view>年龄:{{userdata.age}}</view>

    <view>手机号码:{{userdata.phone}}</view>

    <view>时间:{{userdata.time}}</view>

  </block>

</view>

微信的js文件:

Page({

  

  onLoad: function () {

    var that = this

    wx.request({

    //要交互页面的地址

      url: 'http://127.0.0.1/1/1/8.php',

      data:{

        id:1 //data里边使我们要传递给PHP的数据

        

      },

      method: 'GET',

      headers: {

        'Content-Type': 'application/json'

      },

      success(res) {

        console.log(res.data)

        that.setData({

          userdata : res.data

        })

      }

    })

  }

})

 

 

 

### 如何在微信小程序中向云数据库传递参数 在微信小程序的云开发环境中,可以通过调用云函数来实现向云数据库传递参数的功能。以下是具体的实现方式以及相关说明: #### 实现原理 通过前端页面触发事件,将所需查询条件作为参数发送到云函数,在云函数内部利用 `wx-server-sdk` 提供的 API 对数据库进行操作并返回结果。 --- #### 前端代码示例 以下是一个从前端向云函数传递参数的例子: ```javascript // 调用云函数前先初始化 SDK const cloud = require('wx-cloud-sdk'); cloud.init(); Page({ data: { result: null, }, // 用户点击按钮时触发此方法 handleQuery() { const dbName = 'exampleCollection'; // 数据库集合名称 const whereCondition = { status: true }; // 查询条件 wx.cloud.callFunction({ name: 'queryDatabase', // 云函数名 data: { dbName, // 集合名称 where: whereCondition, // 查询条件 } }).then(res => { console.log('查询成功:', res.result); this.setData({ result: res.result }); }).catch(err => { console.error('查询失败:', err); }); } }); ``` 上述代码展示了如何从前端页面发起请求并将查询条件传递给名为 `queryDatabase` 的云函数[^3]。 --- #### 后端云函数代码示例 这是对应的云函数逻辑部分,用于接收来自前端的参数并对数据库执行查询操作: ```javascript // 云函数入口文件 const cloud = require('wx-server-sdk'); cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV // 使用默认环境变量 }); const db = cloud.database(); // 初始化数据库对象 exports.main = async (event, context) => { try { const { dbName, where } = event; // 获取前端传递过来的数据 if (!dbName || !where) { throw new Error('缺少必要的参数:dbName 或 where'); } const result = await db.collection(dbName).where(where).get(); return { success: true, data: result.data, }; } catch (err) { return { success: false, errMsg: err.message, }; } }; ``` 这段代码实现了从接收到的参数中提取集合名称和过滤条件,并基于这些信息完成对指定集合的查询操作。 --- #### 注意事项 1. **权限管理**:确保已正确设置云开发的安全规则,防止未授权访问。 2. **错误处理**:无论是前端还是后端都应加入完善的异常捕获机制,以便及时发现潜在问题。 3. **性能优化**:对于大规模数据集的操作需考虑分页加载等方式减少单次请求量。 --- ### 总结 以上即为完整的微信小程序云数据库传参过程演示,包括前端与后台两大部分的内容展示。借助于腾讯提供的强大工具链支持,开发者能够轻松构建具备复杂业务逻辑的小程序应用。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值