微信小程序实现评论功能       这篇文章主要为大家详细介绍了微信小程序实现评论功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现评论功能的具体代码，供大家参考，具体内容如下

前端

 textarea bindinput='bindblur' cursor-spacing="130" placeholder='说点什么吧...' maxlength="76" 
 /textarea 
 view bindtap='btn_send' 
 /view 
 view 评论内容： /view 
 block wx:for="{{pl_list}}" wx:key="index" 
 view wx:if='{{item.input_value!=null}}' 
 !-- view 
 view 
 image src='{{msg_data.avatar}}' /image 
 /view 
 /view -- 
 view 
 !-- view 
 {{msg_data.nicename}}
 /view -- 
 view 
 text {{item.input_value}} /text 
 /view 
 view 
 /view 
 /view 
 /view 
 /block 

js: 默认展示历史评论，评论后也刷新页面，连带此次评论内容一起展示。

var bindblur ;
Page({
 bindblur:function(e){
 console.log('1111111:', e.detail.value)
 bindblur = e.detail.value;
 onLoad: function (a) {
 var that = this;
 actid = a.id;
 // 查询评论fetch
 wx.request({
 url: '',
 method: 'POST',
 header: {
 'content-Type': 'application/x-www-form-urlencoded',
 'Accept': 'application/json'
 data: {
 act_id: actid
 success: function (result) {
 that.setData({
 pl_list: result.data.reverse(),
 fail: res = {
 wx.showToast({
 title: '网络不好哟',
 image: '/image/wrong.png',
 duration: 3000
 btn_send: function () {
 var that = this
 //添加评论
 console.log('文章id：act_id :', actid);
 console.log('用户缓存id：user_id :', user_id);
 console.log('文本输入框: input_value :', bindblur);
 wx.request({
 url: '',
 method: 'POST',
 header: {
 'content-Type': 'application/x-www-form-urlencoded',
 'Accept': 'application/json'
 data: {
 act_id: actid,
 user_id: user_id,
 input_value: bindblur
 success: function (result) {
 that.setData({
 pl_list: result.data.reverse(),
 input_value: "",
 fail: res = {
 wx.showToast({
 title: '网络不好哟',
 image: '/image/wrong.png',
 duration: 3000
})

后端php 源码：

 header("Content-Type:text/html;charset=utf8"); 
 header("Access-Control-Allow-Origin: *"); //解决跨域
 header('Access-Control-Allow-Methods:POST');// 响应类型 
 header('Access-Control-Allow-Headers:*'); // 响应头设置 
 $link=mysql_connect("localhost","root","root"); 
 mysql_select_db("weiqing", $link); //选择数据库
 mysql_query("SET NAMES utf8");//解决中文乱码问题
 //$username = $_POST['username'];
 //$avatarUrl = $_POST['avatarUrl'];
 $act_id = $_POST['act_id'];
 if($_POST['input_value']){
 $user_id = $_POST['user_id'];
 $input_value = $_POST['input_value'];
 //echo $avatarUrl."----time:". $time."----iv:".$iv."----inputValue:". $inputValue;
 //插入数据到数据库 
 $strsql = "insert into pinglun (act_id,user_id,input_value) values('$act_id','$user_id','$input_value')";
 //mysql_query() 函数执行一条 MySQL 查询。SELECT，SHOW，EXPLAIN 或 DESCRIBE 都需要用这个函数执行
 $result = @mysql_query($strsql);
 $q = "SELECT * FROM pinglun"; //SQL查询语句 SELECT * FROM 表名
 $rs = mysql_query($q); //获取数据集
 if(!$rs){die("数据库没有数据!");}
 //循环读取数据并存入数组对象
 $dlogs;$i=0;
 while($row=mysql_fetch_array($rs))
 if($act_id ==$row["act_id"]){
 $dlog["act_id"]=$row["act_id"];
 $dlog["user_id"]=$row["user_id"];
 $dlog["input_value"]=$row["input_value"];
 //$dlog["avatarUrl"]=$row["avatarUrl"];
 //$dlog["username"]=$row["username"];
 $dlogs[$i++]=$dlog;

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