黯然微信小程序杂记(一):从服务器获取数据 后端语言php

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介: 黯然微信小程序杂记(一):从服务器获取数据 后端语言ph
CDDN私信我,有关微信小程序的事情可以交流讨论,共同学习!

一、功能描述


  针对微信小程序的A页面,有:
    A.js
    A.json
    A.wxml
    A.wxss
四个文件,此处需要在A.js文件里面获取到服务器的数据库里面的数据并保存在A.js的某一数组变量里,方便
A.wxml调用其值。

二、服务器、数据库与微信小程序逻辑的关系


服务器


简而言之就是你买了一个可以用http://xxx.xxx.xx.xx来访问的存储空间,类似于百度云盘一样,把一些图片、后端的文件存在这个http地址里面,以后你就可以用任何联网的手机、电脑来访问。购买服务器的话,一般推荐阿里云、腾讯云,最低配学生价大约为100¥。

数据库


当你买了服务器之后,可以在服务器里面安装php、mysql等等。服务器会伴生一个数据库给你用。例如,我买的是阿里云服务器,用的是宝塔镜像页面打开,数据库是phpMyAdmin可视化管理工具。

也就是你放在服务器里面的后端文件,可以直接访问你服务器相绑定的数据库。

与微信小程序逻辑关系


微信小程序里点击了一个按钮,触发js事件,js事件(也就是在js页面定义的函数)会调用微信小程序自带的wx.request({})来进行网络请求。然后请求了你服务器上的某个文件,通过这个后端文件,来对你服务器相绑定的数据库进行增删改查操作。

三、请求数据的代码(可当做模板用)


A.js页面的写法


onLoad: function (options) {//onLoad表示在该页面注册的时候就调用该部分的内容
    var that=this;//定义this指针的别名,that和this在下面某处的作用域是不一样的
    wx.request({//网络请求
      url: 'http://47.103.21.63/jnSelfPick/php/req_postList.php',//网络请求的文件地址,
//47.103.21.63是我的服务器ip地址,微信小程序在编程期间是可以用ip访问的,但是上线必须用域名代替ip
//req_postList.php是我的后端文件,用php写的
      data: {
        openid: '1234567890'//表示向req_postList.php文件传递的参数
      },
      method: 'GET',
      header: {
        'content-type': 'application/json'
      },
      success: function (res) {//请求成功的回调函数
      //this.setData是微信小程序绑定数据的函数,由于作用域问题,这里用that.setData
        that.setData({
          //绑定json格式的数据给postList变量,res.data即为req_postList.php文件返回的数据
          postList: res.data
        })
      },
      fail: function (res) {//请求失败的回调函数,报错
        wx.showModal({
          title: '提示',
          content: res.data,
        })
      }
    })
  },

服务器端req_postList.php的写法


<?php
  //链接你的服务器对应端口,填入相应账号、密码
  $con = mysql_connect("47.103.21.63:****","name","password");
    if (!$con)
      {
      die('数据库连接失败: ' . mysql_error());
      }
    $db=mysql_select_db("jnSlefPick");//选择数据库名称
  $openid=$_GET["openid"];
    $rs1 ="CREATE TEMPORARY TABLE tmp (SELECT * FROM toolTap WHERE openid='$openid')";
    $r1=mysql_query($rs1);
  $rs="SELECT PUI.pno,ptimecollectionStatus FROM PUI left join tmp ON PUI.pno=tmp.pno";
    $r=mysql_query($rs);
    while($obj = mysql_fetch_object($r))
    {
        $array[]=$obj;//这里$array已经是获取到的数据了
    }
  $jsoncode=json_encode($array);//把$array转化为json格式的数据,方便小程序调用
  //返回数据,直接用echo 即为想微信小程序端返回数据,等同于微信小程序里面的res.data
  echo $jsoncode;
?>

查看下一篇


黯然学编程 之 微信小程序杂记(二):小程序最新版登录并进行缓存模块的实现 附源码

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
2月前
|
存储 安全 小程序
在微信小程序中使用 Vant 时如何确保数据的安全?
在微信小程序中使用 Vant 时如何确保数据的安全?
36 1
|
6天前
|
PHP 容器
03 PHP语言基础知识
路老师的PHP教程系列,带你深入学习PHP语言。从常量、变量、操作符到表达式和函数,全面覆盖基础知识,助你快速入门并掌握核心技术。每天坚持学习,轻松成为PHP高手!
13 2
|
15天前
|
小程序 前端开发 算法
|
30天前
|
Rust JavaScript Java
后端使用的语言是什么?
【10月更文挑战第12天】后端使用的语言是什么?
48 14
|
30天前
|
JavaScript Java Go
后端语言
【10月更文挑战第12天】后端语言
19 5
|
2月前
|
JavaScript Java PHP
php学习笔记-php运算符,类型转换,打印输出语句相较于其他语言的特殊部分-day02
本文是第二天的PHP学习笔记,涵盖了PHP中运算符的使用、类型转换方式,以及打印输出语句的特点,展示了其相较于其他编程语言的一些特殊之处。
php学习笔记-php运算符,类型转换,打印输出语句相较于其他语言的特殊部分-day02
|
1月前
|
小程序 JavaScript 开发工具
|
1月前
|
缓存 小程序 UED
如何利用小程序的生命周期函数实现数据的加载和更新?
如何利用小程序的生命周期函数实现数据的加载和更新?
59 4
|
1月前
|
移动开发 小程序 数据可视化
微信小程序可视化开发工具之动态数据
微信小程序可视化开发工具之动态数据
39 3
|
2月前
|
小程序 开发者
微信小程序之网络数据请求 wx:request的简单使用
这篇文章介绍了微信小程序中如何使用wx.request进行网络数据请求,包括请求的配置、请求的格式以及如何在开发阶段关闭请求的合法检验。
微信小程序之网络数据请求 wx:request的简单使用

热门文章

最新文章