微信公众号与小程序（十一）

今日进程如下

利用云函数调用数据库，并显示
主要是通过与函数获取数据
利用wx:for显示

wxss混在一块边试边改

这个用法现在还不是很清楚
<view wx:for="{{list}}" wx:key="index">{{item.content}}</view>`
wx:key后面的是什么意思？
{{iem.content}}理解，是获取字段内容

此前；练习的都是数据库api ,其一次仅能调用20条数据
云函数则可以一次100条
要注意云函数使用先要在项目里配置

 "cloudfunctionRoot":"./cloud/",

写完要上传部署

过程

1.配置新建云函数

2.实现getOpenid和cloudGetData

分别在云函数和pages里新建文件
云函数新建node.js云函数
pages新建页
两者重点都是.js文件

以实现获取数据功能为例

云函数：

先新建了node.js云函数

然后在.js里

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init({
  env:cloud.DYNAMIC_CURRENT_ENV
})
**const db = cloud.database()
exports.main = async(event,context) => {
  return db.collection('novel').get()
}**
//类似数据库api，调用集合

pages

新建page

.js

data: {
  list:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  cloudGetData(){
    var that=this
    wx.cloud.callFunction({
      name:"getData",
      success:function(res){
        console.log("数据列表获取成功！",res)
        that.setData({
          list:res.result.data
        })
      },
      fail:console.error
    })
  },

CSS

页面背景：

//自动适应浏览器大小，是图片全部展示

#  小结
并未涉及难点
初步掌握云函数
wxss需要摸索摸索

#  下一步计划
用wxss继续**美化阅读页面**
这一步简单却繁琐，要么找模板自己抄，要么搜集资料自己做。
倾向于第二种，必要时，做一个笔记专门记录设计样式