了解最新公司动态及行业资讯
接口名称:获取文章内容接口
接口标识:show
接口url:https://你的网站/api.php/index/show
接口参数:
| 字段名称 | 字段说明 | 类型 | 必填 | 备注 |
|---|---|---|---|---|
| id | 文章id | num | 必填 | 文章id |
小程序代码
code腾石建站
swan.request({
url: app.globalData.api + "show",
data: {
id: that.data.id,
aid: app.globalData.aid
},
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'x-appsecret': app.globalData.appsecret
},
success: function (res) {
var content = res.data.data;
......
}
})
说明:
(1)该页面引入了require('../../utils/util.js'),里边封装的有对时间的处理,因为api返回的是时间戳,需要处理
code腾石建站
content.update_time = util.formatTime(content.update_time, 'Y-M-D h:m:s');
(2)由于小程序不支持直接的html标签,所以引入bdparse插件,具体参考demo。
(3)接口会自动对所有图片路径进行补全处理,如果有组图,会直接返回组图数组,小程序端可以直接调用
(4)接口返回的数据包含文章的上一篇和下一篇,调用代码:
code腾石建站
that.setData({
pre: content.preNext.pre,
next: content.preNext.next,
})
(5)某些字段如果不是全部模型都有的,调用之前最好是加个判断,防止某些模型该字段不存在报错
code腾石建站
if (content.hasOwnProperty("baojia")) { //首先判断baojia字段是否存在
if (content.baojia.length > 0) {
bdParse.bdParse('baojia', 'html', content.baojia, that, 5),
that.setData({
baojiakg: true,
})
}
}
前端:
code腾石建站
<view class="nextpage mt10" bindtap="nextpage" data-id="{{pre.id}}">上一篇:{{pre.title}}</view>
<view class="nextpage" bindtap="nextpage" data-id="{{next.id}}" >下一篇:{{next.title}}</view>
上一篇:批量请求toplist
下一篇:文章列表lists