寻伞 > 建站教程 > 其他教程 > 1分钟了解小程序调用thinkphp后端数据

标签推荐

>> 更多

1分钟了解小程序调用thinkphp后端数据

第一步:开发工具参数配置

开发阶段可以选上 不校验合法域名 ,这样可以很方便的搭环境和调试。 到部署阶段就要搭https环境和配置合法域名了。

第二步,增加后端测试代码

//首页滚动公告文字
    public function show_index_msglist(){
        $a = array(
            array("url"=>"f","title"=>"3多地首套房贷利率上浮 热点城"),
            array("url"=>"f","title"=>"41交了20多年的国内漫游费将"),
            array("url"=>"f","title"=>"5a北大教工合唱团出国演出遇")
        );
        $this->ajaxReturn(1,"success",$a);  
    }

第三步,服务器后端网址

修改项目目录的app.js 全局的变量和定义文件

可以定义变量

var appConfig = {
     globalData: globalData,
     serverUrl: 'http://www.lmygzs.com/',
}
App(appConfig)

第四步,小程序端调用

Page({
// 页面的初始数据
data: {
   list1:[],
}
onLoad: function(options) {
    var that = this;  //获取全局this
    //首页往上滚动公告,后端调用
    wx.request({
                url: app.serverUrl + "index.php?m=Wxml&c=index&a=show_index_msglist",
                headers: {
                        'Content-Type': 'application/json'
                },
                success: function (res) {
                    that.setData({
                        list1: res.data.data
                    })
                }
    });
});

通过that.setData来设置值, onload方法是在页面加载时执行