微信小程序调用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,
})