小程序实现留言发帖功能php,微信小程序实现留言功能

需求：留言可以点赞，点过赞之后图标变化，没人只能点赞一次，留言可以在留言

index.wxml

邻居评论({{yanlist.count}})

我要留言

{{item.nick_name}}

{{item.create_date}}

{{item.content}}

{{item.like_count}}

{{item.nick_name}}

{{item.create_date}}

{{item.content}}

{{item.like_count}}

留言

取消

确定

主要的wxss代码(用于点赞的展示，实现小手、空心小手)

.nodzimg2 {

background: url(空心);

background-size: 100%;

}

.dzimg2 {

background: url(实心);

background-size: 100%;

}

js

var liuynfun = function (that) {

wx.request({

url: getApp().data.host + '...',

method: "POST",

data: {

"column": "Routine",

"row_id": that.data.url

},

header: {

'content-type': 'application/x-www-form-urlencoded'

},

success: function (res) {

if (res.data.list != "") {

//第一行留言

for (var i in res.data.list) {

res.data.list[i].lldzView = false;

if (res.data.list[i].like_user != null) {

if (res.data.list[i].like_user.indexOf(wx.getStorageSync('user_id')) != "-1") {

res.data.list[i].lldzView = true

}

}

// 第二行留言

if (res.data.list[i]._child){

for (var j in res.data.list[i]._child){

res.data.list[i]._child[j].cnmView=false

if (res.data.list[i]._child[j].like_user != null) {

if (res.data.list[i]._child[j].like_user.indexOf(wx.getStorageSync('user_id')) != "-1") {

res.data.list[i]._child[j].cnmView = true

}

}

}

}

}

}

that.setData({

yanlist: res.data

})

}

})

}

从后台传过来的数据

留言里面的留言

js

点击我要留言

liuynChange: function (e) {

var that = this;

console.log(e.currentTarget.dataset.id)

that.setData({

llbView: true,

pid: e.currentTarget.dataset.id,

to_user_id: e.currentTarget.dataset.user

})

},

留言点赞

llzanChangeTwo: function (e) {

console.log(e)

var that = this;

wx.request({

url: getApp().data.host + '...',

method: "POST",

data: {

"column": "Reply",

"user_id": wx.getStorageSync('user_id'),

"id": e.currentTarget.dataset.id

},

header: {

'content-type': 'application/x-www-form-urlencoded'

},

success: function (res) {

var data = that.data.yanlist

console.log(data)

if (res.data != null) {

if (res.data.indexOf(wx.getStorageSync('user_id')) == "-1") {

for (var i in data.list) {

if (data.list[i]._child) {

for (var j in data.list[i]._child) {

if (e.currentTarget.dataset.id == data.list[i]._child[j].id) {

data.list[i]._child[j].cnmView=true

data.list[i]._child[j].like_count = parseInt(data.list[i]._child[j].like_count) + 1

}

}

}

}

that.setData({

yanlist: data

})

}

} else {

for (var i in data.list) {

if (data.list[i]._child) {

for (var j in data.list[i]._child) {

if (e.currentTarget.dataset.id == data.list[i]._child[j].id) {

data.list[i]._child[j].cnmView = true

data.list[i]._child[j].like_count = parseInt(data.list[i]._child[j].like_count) + 1

}

}

}

}

that.setData({

yanlist: data

})

}

}

})

},

点赞返回的为点赞人的id

其中所得View初始化全部为false

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。