mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端

使用phpstudy将本地mysql数据显示在微信小程序前端

第一步：新建小程序

在pages文件里新建一个phptest文件夹，如果你不知道操作，建议先学小程序的基础知识

第二步：写phptest.js和phptest.wxml

phptest.js

// miniprogram/pages/phptest/phptest.js

Page({

data: {

/**

* 生命周期函数--监听页面加载

onLoad: function (options) {

let that=this;

wx.request({

url: 'http://localhost/apia.php',

data:{},

method:'GET',

header:{

'content-type' : 'application'

success: function(res){

that.setData({

data:res.data,

});

}

})

}

})

phptest.wxml

第三步：建立数据库

建一个数据库，这里我自己的数据库信息：tyty是我的数据库用户名，jnjn是数据库名称，ppp是jnjn数据库里的一张表，里面的属性叫id

第四步：部署php文件

这部分我由于一点php基础没有，完全是网上教程东拼西凑,所以写出来的也很乱

首先下载一个软件叫做phpstudey网址：https://m.xp.cn/

下载安装好之后进入主界面，启动wnmp

之后写一个php文件，我这里叫apia.php,我用的notepade++,写完保存的时候命名为apia.php就能自动变成php格式

apia.php

$link=new mysqli('127.0.0.1','tyty','123456','jnjn');

$link->set_charset("utf-8");

$sql="select *from ppp";

$res=$link->query($sql);

$data=$res->fetch_all();

echo json_encode($data);

这里的127.0.0.1不用改，相当于localhost,tyty是我的数据库用户名，jnjn是数据库名称，ppp是jnjn数据库里的一张表

之后把写好的apia.php复制黏贴到路径C:\phpstu\phpstudy_pro\WWW

这个是根据你安装phpstudy时候的路径决定的，总之是放到www文件夹里面

到这里可以在浏览器里输入地址 http://localhost/apia.php测试以下，成功的话再到小程序里编译，大功告成。效果应该是这样的

本文地址：https://blog.csdn.net/qw160/article/details/107367439

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端相关推荐

电脑打开微信小程序_终于可以在电脑上玩转微信小程序啦
微信小程序可以在电脑PC端打开吗?这是很久之前都有朋友问的一个问题了,今天可以告诉大家这个好消息,微信PC端2.7.0.65测试版已经增加这一功能了.目前该功能支持windows 7及以上版本操作系统 ...
java监听微信_一种基于java后台应用监控微信小程序的用户访问量的方法与流程...
本发明涉及java应用与微信小程序应用开发技术领域,具体涉及一种基于java后台应用监控微信小程序的用户访问量的方法. 背景技术: 微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,它实现了 ...
开发微信小程序，就是这么简单！可自动生成微信小程序源代码，配套JS SDK、接口和后台
开发微信小程序,就是这么简单!自己动手,丰衣足食! 开发微信小程序有多简单?  你只需要掌握前端开发,就可以轻松开发自己的微信小程序,实现自己的业务功能.借助果创云,无须域名.无须服务器.无须数据库, ...
微信小程序之顶部导航栏（选项卡）实例 —— 微信小程序实战系列（1）
需求:顶部导航栏效果图: wxml:  <view class="navbar"><text wx:for="{{na ...
Node.js搭建本地HTTP服务器（微信小程序）
Node.js搭建本地HTTP服务器(微信小程序) Node.js简易搭建本地HTTP服务器 1. 首先关闭微信开发者工具中的验证单击工具栏中的详情按钮,选中图中所示选项即可. 2. 将Node.j ...
微信小程序之目前为止史上最全的微信小程序项目实例，微信小程序实战学习
wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...
【微信小程序控制硬件⑦ 进阶篇】动起来做一个微信小程序Mqtt协议控制智能硬件的框架，为心里全栈工程师梦想浇水。
文章目录一.前言: 二.涉及的技术点: 三.框架的运行原理: 四.框架代码流程: 4.1 主线程: 4.2 获取设备列表显示设备,以及订阅在线的设备: 4.3 点击某设备如何实现携带此设备信息到控制 ...
生鲜小程序微信小程序怎么制作临沂修齐网络专业制作微信小程序
生鲜小程序微信小程序怎么制作临沂修齐网络专业制作微信小程序生鲜小程序开发功能介绍: 1.产品展示:通过扫码或者搜索小程序,用户可以看到不同品种的新鲜蔬菜.水果以及肉类. 2.定时收货:买家可以预 ...
我想打老板，作为Java后端程序员，他让我开发电商微信小程序
大家好,我是曹NM,我是一名Java后端程序员,每天开心的撸CRUD: 然后,今天突变- 今天早上老板把我叫到办公室,对我说,"公司最近接了个电商小程序单子,你和王二狗,张SD参与下需求分析 ...

mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端

mysql的数据现实在小程序_使用phpstudy将本地mysql数据显示在微信小程序前端相关推荐

最新文章

热门文章