微信小程序学习第五课：利用接口读取文章列表

最新推荐文章于 2024-06-26 09:34:37 发布

原创最新推荐文章于 2024-06-26 09:34:37 发布 · 515 阅读

1 ·

CC 4.0 BY-SA版权

微擎同时被 3 个专栏收录

28 篇文章

订阅专栏

小程序

27 篇文章

订阅专栏

微信

27 篇文章

订阅专栏

本文详细介绍了一种在小程序中加载并展示数据的方法，包括在JS文件中定义数据结构，通过函数调用API获取数据，以及在WXML中循环渲染数据。适用于构建如文章列表、文件列表等页面。

1、页面中调用

1.1 JS文件中

data: {
indexData: [],

},

onLoad: function(options) {
this. indexData();
},

1.2 再写一个函数

   indexData: function() {
       dataApi.indexData({
           uid: wx.getStorageSync('uid')
       }).then((res) => {
           console.log(res);
           this.setData({
               indexData: res.data.indexData
           })
       }).catch((err) => {
           console.log(err);
       })
   },

1.3 wxml中调用

       <view wx:for="{{indexData}}" wx:key="{{index}}">
       <view class="tit">{{item.name}}</view>
       </view>

2、做个说明，该教程适合读取像文章列表，做一个文件列表页的。

3、把php列出来做个备忘

public function dopageindexData() {
global $_W,$_GPC;
$uniacid = $_W['uniacid'];
$uid = intval($_GPC['uid']);
$indexData = pdo_fetchall("select * from " . tablename('vdd_pjxxm_nianfen') . " where uniacid = $uniacid ");
return $this->result(0, '年份列表', array('indexData'=>$indexData));
}