今日进程如下
利用云函数调用数据库,并显示
主要是通过与函数获取数据
利用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继续**美化阅读页面**
这一步简单却繁琐,要么找模板自己抄,要么搜集资料自己做。
倾向于第二种,必要时,做一个笔记专门记录设计样式