GadgetDevelopment4(前后端数据交互)

1.局部配置。
产品环境中的小程序中的外部请求只能通过https进行，请求的域名需要在小程序后台进行配置。仅在开发环境(本地)中，我们可以通过配置小程序来解除限制。
单击开发工具“详细信息”，“本地配置”，就会出现“没有校验合法域名，web-view(商业域名),TlS版本和HTTPS证书”来申请我们的服务(如下图)。一定要注意，在生产环境中，https必须按照微信官方要求配置。

通过前端请求后端拉取数据并显示出来。
在日常生活中我们看到的网页数据没有一个是硬编码在前端的，需要从数据库中实时提取数据。操纵数据库需要口令，把口令放在前面是非常危险的行为。所以前端请求后台，后台拥有数据库的操作权限，从数据库获取数据，返回给前端(当然，后台不仅获取数据库数据，还处理业务逻辑)。我们的工作就是在这个小程序中执行流程。
一、微信小程序前端开发代码(index.wxml)
要求后端
{{标题}}
{{时间}}
写出动作函数(index.js)
帕奇({
定义一个点击事件。
click_fn：函数(params){
Varself=零。
request({
URL:“http://192.168.5.59:80/forTest”，
Method:‘GET’，
标题：{
“内容类型”：“json”
},
成功：函数(res){
Console.log(res.data)
(res.data.d)console.log
self.setdata(
标题：res.data.d，
时间：res.data.f
})
},
Fail：函数(error){
//fail
(a)console.log
}
})
}
})
定制函数名为click_fn。在html代码中，通过关键字bindtap将它绑定到这个button块。
单击该块时，会触发click_fn函数，并将GET请求发送给后台服务“http://192.168.5.59:7998/lz/api/v1/alive”。通过setDate()将后端返回的数据更新到变量上，然后在前端页面显示。于是我们便完成了一个前端请求后端，得到数据后再显示给前端页面。
根据上面的经验，这里有一些小坑。可以用this.setData()方法更新变量中的数据。但我们定制函数click_fn中不能直接使用this。需要声明一个变量来处理这个问题(这有点想不明白，有清晰的朋友可以讨论一下)。
python编写的后端接口代码附后。
fromflaskimportjsonify是什么意思？
fromflask_restfulimportResource是一个资源库。
response_dataimportsuccess:fromutils.response_dataimportsuccess。
classForTest(资源)：
默认值(self)：
数据=success(title=‘title’,time=‘假装这是时间’)
本文来源:标梵互动