主要内容：实现微信小程序与PHP后台之间的数据传递
本文通过from表单提交到后台存入数据库来展现
需要注意的有：
勾选
代码如下：
demo1.wxml
<!--pages/demo1/demo1.wxml--><form bindsubmit='formSubmit' bindreset='formReset'><view class="container"><view class="login-from"><!--姓名--><view class="inputView"><label class="loginLab">姓名</label><input class="inputText" name="name" placeholder="请输入姓名" /></view><view class="line"></view><!--手机号--><view class="inputView"><label class="loginLab">手机号</label><input class="inputText" name="mobile" placeholder="请输入手机号" /></view><!--登录按钮--><view class="loginBtnView"><button class="loginBtn" catchtap="submit" type="primary" form-type='submit'>提交</button><button class="loginBtn" type="primary" form-type='reset'>重置</button></view></view></view></form>
demo1.wxss
/* pages/demo1/demo1.wxss */page{height: 100%;}.container {height: 70%;display: flex;flex-direction: column;padding: 0;box-sizing: border-box;background-color: #f2f2f2} /*表单内容*/.login-from {margin-top: 20px;flex: auto;height:100%;}.inputView {background-color: #fff;line-height: 44px;}/*输入框*/.nameImage, .keyImage {margin-left: 22px;width: 14px;height: 14px}.loginLab {margin: 15px 15px 15px 10px;color: #545454;font-size: 14px}.inputText {flex: block;float: right;text-align: right;margin-right: 22px;margin-top: 11px;color: #cccccc;font-size: 14px}/*按钮*/.loginBtnView {width: 750rpx;height: 750rpx;background-color: #f2f2f2;margin-top: 0px;margin-bottom: 0px;padding-bottom: 0px;}.loginBtn {width: 350rpx;margin-top: 15rpx;margin-left: 17rpx;float: left;}
demo1.js
//var url = '/index.php/index'//tp5var url = 'http://localhost/wxphp/form.php'//源生Page({data: {},formSubmit: function (e) {var that = thiswx.request({url: url,data: {'name': e.detail.value.name,'mobile': e.detail.value.mobile,},method: 'GET',header: {'content-type': 'application/json'},success: function (res){console.log(1111);console.log(res.data.status);if (res.data.status == 1) {wx.showToast({title: res.data.info,duration: 2000});}else{wx.showToast({title: '提交失败',duration: 2000});}},})}})
PHP后台代码分两种方式接收：源生和TP5.1框架
源生：
from.php
<?php//设置编码utf—8header('Content-type:text/html;charset=utf-8');//接收数据$name = $_GET['name'];$mobile = $_GET['mobile'];//连接数据库$con = new mysqli("localhost","root","root","wxphp");//定义sql语句$sql = "INSERT INTO user(name,mobile) values('$name','$mobile ');";//发送sql语句$res = mysqli_query($con,$sql);if($res){$arr['status'] = 1;$arr['info'] = '提交成功';}else{$arr['status'] = 0;$arr['info'] = '提交失败';}echo json_encode($arr);die;
TP5.1：
<?phpnamespace app\index\controller;use think\Db;class Index{public function index(){//接收数据$data = input('post.');//将数据存入数据库$res = Db::name('user')->insert($data);//将结果反馈给前台if($res){$arr['status'] = 1;$arr['info'] = '提交成功';}else{$arr['status'] = 0;$arr['info'] = '提交失败';}echo json_encode($arr);die;}
本案例只是简单地将数据从微信小程序前台提交给PHP后台，然后后台将数据存入数据库，没有过多地验证规则
效果图如下：
