小程序反馈功能并回显（包括前后端）

前台：

message.js

//获取应用实例
const app = getApp()
Page({data: {nickName: "微信账号登录",avatarUrl: "3254"},onLoad: function (options) {var that = this;var nickName = that.data.nickName;var avatarUrl = that.data.avatarUrl;wx.getUserInfo({success: function (res) {that.data.nickName = res.userInfo.nickName,that.data.avatarUrl = res.userInfo.avatarUrl,that.setData({nickName: that.data.nickName,avatarUrl: that.data.avatarUrl,})},fail: function (res) {that.data.nickName = "未授权无法获取用户信息",that.setData({nickName: that.data.nickName})}})},bindGetUserInfo(e) {console.log(e.detail.userInfo)},formSubmit: function (e) {wx.showToast({title: '反馈成功',icon: 'success'})var that = this;var liuyantext = e.detail.value.liuyantext; //获取表单所有name=liuyantext的值 wx.getUserInfo({success: function (res) {that.data.nickName = res.userInfo.nickName,that.data.avatarUrl = res.userInfo.avatarUrl,that.setData({nickName: that.data.nickName,avatarUrl: that.data.avatarUrl,}),wx.request({url: 'http://localhost/xiaoyuan/liuyan/liuyantext.php',header: { "Content-Type": "application/x-www-form-urlencoded" },method: "POST",data: {nickName: res.userInfo.nickName,avatarUrl: res.userInfo.avatarUrl,liuyantext: e.detail.value.liuyantext},success: function (res) {console.log(res.data)that.setData({re: res.data,})wx.hideToast();}}) }})},onPullDownRefresh: function () {wx.showNavigationBarLoading();var that = thiswx.request({url: 'http://localhost/xiaoyuan/liuyan/loadliuyan.php',headers: { "Content-Type": "application/x-www-form-urlencoded" },success: function (res) {//将获取到的json数据，存在名字叫list的这个数组中that.setData({liuyanlist: res.data,//res代表success函数的事件对，data是固定的，liuyanlist是数组})console.log(res.data)// 隐藏导航栏加载框wx.hideNavigationBarLoading();// 停止下拉动作wx.stopPullDownRefresh();}})},//加载最新数据onLoad: function () {var that = thiswx.request({url: 'http://localhost/xiaoyuan/liuyan/loadliuyan.php',header: { "Content-Type": "application/x-www-form-urlencoded" },success: function (res) {console.log(res.data)//将获取到的json数据，存在名字叫list的这个数组中that.setData({liuyanlist: res.data,//res代表success函数的事件对，data是固定的，liuyanlist是数组})}})}})

wxml：

<!-- 表单 -->
<form bindsubmit="formSubmit"><textarea type="text" name="liuyantext" placeholder='请输入反馈内容' class="input-style"></textarea><button formType="submit" class="btn" wx:if="{{nickName == empty}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" bindtap='login'>反馈</button><button formType="submit" class="btn" wx:else>反馈问题</button>
</form><view style="text-align:center;font-size:14px;color:#ccc;margin-top:20px;">以下是留言内容
</view>
<view wx:for="{{liuyanlist}}" wx:key="liuyanlist" class="liuyanview"><view class="heading"><image src="{{item.heading}}" class='img'></image></view><view class="nickname_liuyantext"><view class="nickname">{{item.nickname}} <view class="time">{{item.createtime}}</view></view><view class="text">{{item.liuyantext}}</view>
</view><view style="width:100%;height:10px;"></view>
</view>

wxss;

image{width: 300px;height: 300px;
}/**index.wxss**/
.input-style{width: 90%;height: 200px;border:1px solid #ccc;margin:10px auto;
}.btn{width: 88%;margin:5px auto;
}.liuyanview{/*width: 90%;*/margin: 10px;
}.result{text-align: center;font-size: 14px;color: #f00;margin-top: 20px;
}.headimg{width: 45px;height: 45px;border-radius: 100%;
}.headimg image{width: 45px;height: 45px;border-radius: 100%;
}/*
.nickname_liuyantext{width: calc(100% - 55px);float: right;margin-top:-45px;
}*/
.nickname_liuyantext .nickname{font-size: 15px;color: #999;
}.nickname_liuyantext .nickname .time{font-size: 11px;color: #999;float: right;
}.nickname_liuyantext .text{font-size: 16px;color: #666;
}

后台：我用的集成软件XAMPP，把PHP放到htdocs目录文件夹下。

liuyantext.php

<?php$conn=mysql_connect("localhost","root","root") or die("数据库服务器连接错误".mysql_error());mysql_select_db("db_database18",$conn) or die("数据库访问错误".mysql_error());mysql_query("set names utf-8");$nickname=$_POST[nickName];$heading=$_POST[avatarUrl];$liuyantext=$_POST[liuyantext];echo $nickname;echo $heading;date_default_timezone_set(PRC);$createtime=date("Y-m-d H:i:s");$sql=mysql_query("insert into tb_message(nickname,heading,liuyantext,createtime)values('$nickname','$heading','$liuyantext','$createtime')");echo "添加成功!";mysql_free_result($sql);mysql_close($conn);?>

loadliuyan.php

<?php$conn=mysql_connect("localhost","root","root") or die("数据库服务器连接错误".mysql_error());mysql_select_db("db_database18",$conn) or die("数据库访问错误".mysql_error());mysql_query("set names utf-8");$sql=mysql_query("select * from tb_message");// $liuyanlist=mysql_num_rows($sql);//echo $liuyanlist;// 将数组转成json格式// echo json_encode($liuyanlist);$liuyanlist=mysql_fetch_array($sql);// 将数组转成json格式// echo json_encode($liuyanlist);// echo "查询成功!";$rows = array();do{// echo $liuyanlist;     $rows[$liuyanlist[id]]  =  $liuyanlist;// echo $liuyanlist[nickname];   //       echo $liuyanlist[heading];    //      echo $liuyanlist[liuyantext]; //       echo $liuyanlist[createtime]; }while($liuyanlist=mysql_fetch_array($sql));echo json_encode($rows);
?>

小程序反馈功能并回显（包括前后端）相关推荐

微信小程序的考勤管理Demo，包括前后端及数据库等内容
这是一个微信小程序的考勤管理Demo,包括前后端及数据库等内容.如有错误或建议,欢迎指出. 前端:微信小程序框架后端:koa框架基于express的新一代框架文件:url80.ctfile.com ...
课表网页完整的php代码,练手Lab课程表小程序源码v1.0.0 Thinkphp 前后端分离
练手Lab课程表小程序源码是一个基于Thinkphp系统进行开发的前后端分离系统. 源码功能介绍 1.情侣功能 2.情侣间留言 3.情侣间互相设置课程表背景 4.自己日.周课程表背景设置 5.教务系统 ...
关于微信小程序富文本编辑器回显数据初始化editor的时候，页面滑动到最底部了
** 一个页面高度超出一屏时,底部使用了富文本编辑器组件editor之后,如果在进入页面时对editor进行了赋值,页面会滚动到底部控制页面不滚动到底部?** 这个问题的关键是进入页面给富文本赋值造 ...
微信小程序获取用户手机号存数据库，前后端都有《Java后台版》
开发这个功能的时候走了很多弯路磨了很多时间,我发一下我自己用的来帮助大家流程图前端 index.wxml <view>我的首页内容</view><button cla ...
php 超级课程表源代码,练手Lab课程表小程序源码v1.0.0 Thinkphp 前后端分离
练手Lab课程表小程序源码是一个基于Thinkphp系统进行开发的前后端分离系统. 源码功能介绍 1.情侣功能 2.情侣间留言 3.情侣间互相设置课程表背景 4.自己日.周课程表背景设置 5.教务系统 ...
java微信上传图片_微信小程序图片上传java后台（前后端代码）
小程序代码 upload:function(e){ var that = this; wx.showActionSheet({ itemList: ['从相册选择','拍照'], itemColor: ...
自助点餐php,餐饮类小程序：微信自助点餐小程序v2.0.12_开源完整版前后端源码_已测试...
上次转错900给陌生人,在无数次央求交还自己时,对方都没有回复,就在我失望的时分,对方回复了,你死心吧!我是不会还你一毛钱的!我顿时火冒三丈,准备破口大骂,谁知对方转来899.9元,瞬间把我感动的,他 ...
微信小程序 — 小程序反馈与建议功能及小程序button按钮去除默认样式
这节给大家讲解小程序反馈与建议功能的实现. 我们做小程序难免会遇到一些未知的问题,这个时候给用户提供一个反馈与建议功能就显得至关重要了.这一节来带领大家实现小程序的反馈与建议功能. 先看效果图还是 ...
罗永浩：我今年四十八岁，还可以承受无数次的失败；iOS14 或将推出系统级「小程序」功能； PyCharm新版发布| 极客头条...
整理 | 屠敏头图 | CSDN 下载自视觉中国快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦, ...

小程序反馈功能并回显（包括前后端）

小程序反馈功能并回显（包括前后端）相关推荐

最新文章

热门文章