微信小程序添加地址

index.wxml

<form bindsubmit="saveAddress">

<view class="weui-cells weui-cells_after-title">

  <view class="weui-cell weui-cell_input">

    <view class="weui-cell__hd">

      <view class="weui-label">收货人</view>

    </view>

    <view class="weui-cell__bd">

      <input class="weui-input" name="consignee" placeholder="请输入收货人真实姓名" />

    </view>

  </view>

  <view class="weui-cell weui-cell_input">

    <view class="weui-cell__hd">

      <view class="weui-label">手机号</view>

    </view>

    <view class="weui-cell__bd">

      <input class="weui-input" name="mobile" placeholder="请输入收货人手机号" />

    </view>

  </view>

</view>
<view class="section">
  <view class="section__title">省市区选择器</view>
  <picker name="city" mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
    <view class="picker">
      当前选择：{{region[0]}}，{{region[1]}}，{{region[2]}}
    </view>
  </picker>
</view>
<view class="weui-cells weui-cells_after-title">

  <view class="weui-cell weui-cell_input">

    <view class="weui-cell__hd">

      <view class="weui-label">详细地址</view>

    </view>

    <view class="weui-cell__bd">

      <input class="weui-input" name="address" placeholder="请输入收货人详细地址" />

    </view>

  </view>

</view>

<button class="weui-btn" type="primary" form-type="submit">保存</button>

</form>

index.wxss

.weui-cells:before{
  top:0;

  border-top:1rpx solid white;

  }

.weui-cell{
  line-height: 3.5rem;

}

.weui-cells:after{
  bottom:0;border-bottom:1rpx solid white

}

 

.weui-btn{
  width: 80%;

}

index.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    region: ['广东省', '广州市', '海珠区'],
  },

  bindRegionChange: function (e) {
    this.setData({
      region: e.detail.value
    })
  },

  saveAddress:e=>{
    console.log(e);
    var consignee = e.detail.value.consignee;
    var city = e.detail.value.city;
    var mobile = e.detail.value.mobile;
    var address = e.detail.value.address;
    console.log(consignee + "," + mobile + "," + address);
    wx.request({
      url: 'http://www.week.com/index.php/api/login/create',
      method:"POST",
      data:{
        consignee:consignee,
        mobile:mobile,
        add:city,
        address:address
      },
      success:evt=>{
      console.log(evt);
      }
    })
  },






  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

后台

  public function create()
    {
         $pream=input();
        $pream['city'] = $pream['add'][0].$pream['add'][1].$pream['add'][2];
        unset($pream['add']);
//        dd($pream);
        if (!empty($pream)){
             $res=Site::create($pream);
        }
        return json(['code'=>200,'msg'=>'添加成功','data'=>$res]);
    }