微信小程序 评论功能实现

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

微信小程序开发交流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;    // 查询评论fetch    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      },      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 源码:

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

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

display_errors = On改为display_errors = Off

禁止php报错

点这里可以跳转到人工智能网站

发表评论