小程序云开发——列表页和详情页

列表页和详情页的获取与展示，并实现跳转

1，列表页

1.1，在资源管理器找到app.json

• 在app.json的pages项增加一个数据库
• 放置列表的相关代码
• 名字按照自己的来
• 只要记住这个数据库是放置列表的相关代码的就行
• 我的是demo1-list（下面以demo1-list为例）

 "pages/demo1-list/demo1-list"

• 如图
  
• 找到demo1-list文件夹里的demo1-list.json
  
• 在里面设置该页面的名字

{
   
  "navigationBarTitleText": "商品列表"
}

1.2.在demo1-list文件夹里找到demo1-list.js

• 在demo1-list.js的page里获取集合goods里的数据
  代码如下

 onLoad(){
   //数据获取
    wx.cloud.database().collection("goods")
    .get()
    .then(res=> {
   
      console.log('列表请求成功',res)
      this.setData({
   //把请求的数据赋值给list
        list:res.data
      })
    })