首先看一下目錄吧

在pages下的是頁面，js,css檔案，

utils目錄下是工具類的js 可以引入

app全域性的，app.json如下，裡面的pages配置頁面的新新增的頁面需要配置在裡面

現在我們在index.js裡訪問介面

我寫在了onload方法裡，wx.request()方法

,
  onLoad: function () {
    wx.request({
      url:'http://www.*****.com/mCase/show.json',
      data: {
        pagenum:1,
        pagesize:100,
        type:1
      },
      method: 'GET',// OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
      success: function(res){
        console.info(res);
        that.setData({
          casearticle:res
        })
      },
      fail: function() {
        // fail
      },
      complete: function() {
        // complete
      }
    })
    var that = this
  },

在頁面中

<view wx:for="{{casearticle.data.rv}}" class="shelf-nav-item"
    >  
        <image src="http://img.qicheke.com/source/{{item.pcImage}}" ></image>
<text class="article_title">{{item.title}}</text>
        <text class="time">{{item.createtime}}</text>
      </view>
 

這樣簡單的json渲染頁面