一、创建小程序项目
模拟。js从https://github.com/nuysoft/Mock/blob/refactoring/dist/mock.js下载
api。js:配置模拟数据和后台接口数据,通过DEBUG=true;//切换数据入口
让API_HOST=" http://xxx.com/xxx ";
让DEBUG=true;//切换数据入口
var模拟=要求(“mock.js”)
ajax (datahttps://www.yisu.com/zixun/=函数”,fn,方法=" ",头={}){
如果(调试){
wx.request ({
url:配置。API_HOST +数据,
方法:方法& # 63;方法:“得到”,
数据:{},
标题:标题& # 63;标题:{“内容类型”:“application/json "},
成功:函数(res) {
fn (res);
}
});
其他}{//模拟数据
var res=Mock.mock ({
“error_code”:”,
“error_msg”:”,
“数据| 10”:[{
“id | + 1”: 1、
“img”:“@image (200 x100,‘# 4 a7bf7’,‘# fff’,‘图片’)”,
“标题”:“@ctitle (8)”,
“城市”:“@county(真正的)”,
“stock_num”:(0100),//库存数量
“marketing_start”:“@datetime ()”,
“marketing_stop”:“@ now ()”,
价格:(100、2000),//现价,单位:分
“original_price”:“(100、3000)
})
})//输出结果//console.log (JSON。stringify (res, null, 2))
fn (res);
}
}
模块。出口={
ajax: ajax
}
index.js页面
//index.js//获取应用实例
应用var=getApp ()
var API=要求(“. ./. ./跑龙套/api.js”)
页面({
数据:{
}，>
& lt; !——index.wxml祝辞
& lt;块wx:="{{列表}}”天气:关键=皀ame”比;
& lt; view> {{item.title}} & lt;/view>
& lt; text> {{item.city}} & lt;/text>
& lt; view>
& lt; text> {{item.marketing_start}} & lt;/text>
& lt;/view>
& lt;图像src=" https://www.yisu.com/zixun/{{item.img}}’祝辞& lt;/image>
& lt;/block>
页面显示
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
