本文实例为大家分享了微信小程序实现评论功能的具体代码,供大家参考,具体内容如下
前端
<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 源码:
<"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)); "color: #800000">禁止php报错
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月16日
2024年11月16日
- 第五街的士高《印度激情版》3CD [WAV+CUE][2.4G]
- 三国志8重制版哪个武将智力高 三国志8重制版智力武将排行一览
- 三国志8重制版哪个武将好 三国志8重制版武将排行一览
- 三国志8重制版武将图像怎么保存 三国志8重制版武将图像设置方法
- 何方.1990-我不是那种人【林杰唱片】【WAV+CUE】
- 张惠妹.1999-妹力新世纪2CD【丰华】【WAV+CUE】
- 邓丽欣.2006-FANTASY【金牌大风】【WAV+CUE】
- 饭制《黑神话》蜘蛛四妹手办
- 《燕云十六声》回应跑路:年内公测版本完成95%
- 网友发现国内版《双城之战》第二季有删减:亲亲环节没了!
- 邓丽君2024-《漫步人生路》头版限量编号MQA-UHQCD[WAV+CUE]
- SergeProkofievplaysProkofiev[Dutton][FLAC+CUE]
- 永恒英文金曲精选4《TheBestOfEverlastingFavouritesVol.4》[WAV+CUE]
- 群星《国风超有戏 第9期》[320K/MP3][13.63MB]
- 群星《国风超有戏 第9期》[FLAC/分轨][72.56MB]