laravel接口+微信小程序调用

本文介绍了如何使用laravel构建后台数据接口,并结合微信小程序进行页面接口的开发。讲解了小程序中js和wxml的实现,特别是在详情页面的处理。同时,文章还详细说明了微信小程序如何调用百度地图的开发接口,包括从百度地图开放平台获取微信小程序JavaScript API,以及将相关代码集成到小程序中。
摘要由CSDN通过智能技术生成
	         	微信小程序调用laravel后台接口

laravel后台数据接口

//api路由
前缀
Route::group(['prefix'=>'api'],function (){
//在Api文件下的控制器
    Route::get('路由名字','Api\控制器@方法');
});
//控制器
    public function index(Request $request)
    {
    //获取数据库全部数据
        $data = 模型层::get();
        //返回json格式的数据
        return $data;
    }
 //详情页面
    public function info(Request $request){
		//根据小程序传过来的id查询数据库
        $id = $request->get('id');
        $data = Article::find($id);
        return $data;
    }

小程序页面接口

js

Page({
  data: {
    fangs:[]
  },
  //加载  调用请求发法
    onLoad: function () {
    this.fangs()
  },
//调用接口的方法
//调用后台接口获取数据渲染小程序页面
  fangs(){
    var that = this;
    //发起请求
    wx.request({
    //接口地址
      url: 'http://www.****.com/api/api/article', //仅为示例,并非真实的接口地址
      header: {
        'content-type': 'application/json' // 默认值
      },
      //请求成功后回调
      success (ret) {
      //打印数据
        console.log(ret.data)
        //   赋值给定义好的数据
        that.setData({fangs:ret.data})
      }
    })
  },
  
  //页面跳转(可返回上一级)
    //跳转详情页面
    kk:function(options){
      // console.log(options);
      var id = options.currentTarget.dataset.id;
      var place = options.currentTarget.dataset.place;

      // console.log(id);
      wx.navigateTo({
      //拼接id与place传到详情页面
        url: '/pages/info/info?id='+id+'&place='+place,
      })
   
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值