微信小程序:a==b===c,自己项目经验的Q&A,点赞数界面和数据库同步更新【诗书画唱】( 五 )


<text>{{yesSrc}}1</text>
<text>{{bookImage}}1</text> -->


微信小程序:a==b===c,自己项目经验的Q&amp;A,点赞数界面和数据库同步更新【诗书画唱】
本文插图
/* 自己写的代码 START*/
.container{
float:right;
}
/* 自己写的代码 END*/

微信小程序:a==b===c,自己项目经验的Q&amp;A,点赞数界面和数据库同步更新【诗书画唱】
本文插图

微信小程序:a==b===c,自己项目经验的Q&amp;A,点赞数界面和数据库同步更新【诗书画唱】
本文插图
// pages/classic/index.js
import ClassicModel from '../../models/classic.js'
//关于数据库和页面的点赞数同步更新的部分 START
import config from '../../config.js'
//关于数据库和页面的点赞数同步更新的部分 END
const classicModel = new ClassicModel
Page({
/**
* 页面的初始数据
*/
data: {
classicData: null
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
classicModel.getLatest(data =http://news.hoteastday.com/a/> {
console.log("pages/classic/index.js中打印的数据:",data)
//关于数据库和页面的点赞数同步更新的部分 START
// console.log(data)
//修改image属性的内容:
data.image = config.img_url + data.image
//关于数据库和页面的点赞数同步更新的部分 END
//更新数据
this.setData({
classicData: data
})
})
},
//关于数据库和页面的点赞数同步更新的部分 START
onLike(e){
//更新点赞的状态
classicModel.like({
status: e.detail.state,
index: this.data.classicData.index,
nums: e.detail.nums
})
},
//关于数据库和页面的点赞数同步更新的部分 END
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function {
},
/**
*/
onShareAppMessage: function {
}
})

微信小程序:a==b===c,自己项目经验的Q&amp;A,点赞数界面和数据库同步更新【诗书画唱】
本文插图

微信小程序:a==b===c,自己项目经验的Q&amp;A,点赞数界面和数据库同步更新【诗书画唱】
本文插图
<!--pages/classic/index.wxml-->
<cmp-epsoide></cmp-epsoide>
<!-- 下面的话就是调用了点赞的组件 -->
<!-- <div> -->