微信小程序评论功能实现

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

前端

              <textarea class='the_prw_in' bindinput='bindblur' cursor-spacing="130" placeholder='说点什么吧...' maxlength="76"></textarea><view class='the_prw_btn' bindtap='btn_send'>留言</view><view>评论内容：</view><block wx:for="{{pl_list}}" wx:key="index"><view class='the_msg' wx:if='{{item.input_value!=null}}'><!-- <view class='msg_left'><view class='msg_avatar_v'><image class='msg_avatar' src='{{msg_data.avatar}}'></image></view></view> --><view class='msg_right'><!-- <view class='msg_right_name'>{{msg_data.nicename}}</view> --><view class='msg_right_text'><text>{{item.input_value}}</text></view><view class='gap'></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;// 查询评论fetchwx.request({url: 'https://m.yishushe.net/addons/up_text.php',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: 'https://m.yishushe.net/addons/up_text.php',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 源码：

<?phpheader("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;}//以json格式返回html页面echo urldecode(json_encode($dlogs));
?>

如果php返回报错就找到php-ini 配置文件，把

display_errors = On
改为
display_errors = Off

禁止php报错

微信小程序评论功能实现相关推荐

微信小程序评论功能实现
微信小程序开发交流qq群 581478349 微信: 承接小程序开发 wxml <textarea class='the_prw_in' bindinput='bindblur' curso ...
微信小程序评论功能的实现（用的是假数据）
具体直接看代码 wxml: <view><button bindtap='showTalks'>查看评论</button></view><!-- ...
微信小程序评论功能实现源码，复制粘贴
wxml: 发送 js: var ComContent = '' var CommentList = '[]' var app = getApp() Page({ /** * */ data: { C ...
微信小程序---评论功能实现
index.wxml: 提交评论: <view class="message"><fo ...
微信小程序——评论功能
1.前端数据渲染 <view class="list"><view>{{goodsitem.id}}</view><view>{{g ...
微信小程序-评论业务的实现
微信小程序-评论业务的实现目录微信小程序-评论业务的实现一.效果二.实现 1.wxml 2.js 3.wxss 一.效果二.实现 1.wxml <!-- wx:index = &quo ...
三步教你开通微信小程序直播功能
3月8日,微信官方举办了 "女神节"微信小程序直播的活动,联合近千品牌小程序直播首秀,当天,每个用户平均观看直播时间超过了8分钟,人均点赞数达到了280次,分享次数最高的直播间达到 ...
微信小程序支付功能-服务器端实现(附源码)
实现了小程序最新的V3版本支付功能, 包括:支付.支付通知.退款.退款通知. 服务器端使用java开发,springboot框架源码链接在评论中微信小程序支付功能-服务器端实现(附源码)_哔哩哔哩 ...
微信小程序插件功能页开发详细流程
有问题可以扫码加我微信,有偿解决问题.承接小程序开发. 微信小程序开发交流qq群 173683895 . 526474645 : 正文: 关于新出的微信小程序插件功能页做一下记录,希望能帮到大 ...

微信小程序评论功能实现

承接微信小程序开发。扫码加微信。

微信小程序评论功能实现相关推荐

最新文章

热门文章

微信小程序 评论功能实现

承接微信小程序开发。扫码加微信。

微信小程序 评论功能实现相关推荐

最新文章

热门文章

微信小程序评论功能实现

微信小程序评论功能实现相关推荐