前端界面：Demo:授权登录Message{{item.result}}以下是留言内容<视图类="nickname_liuyantext">{{item.nickname}}{{item.lytime}}{{item.liuyantext}}//index.js//获取应用实例constapp=getApp()Page({/***页面初始数据*/data:{},//授权登录login:function(){varthat=this;//检查是否授权wx.getSetting({success(res){if(res.authSetting['scope.userInfo']){//已经授权，可以直接调用getUserInfo获取头像昵称wx.getUserInfo({success:function(res){console.log(res.userInfo),that.setData({nickName:res.userInfo.nickName,avatarUrl:res.userInfo.avatarUrl,})}})}}})},bindGetUserInfo(e){console.log(e.detail.userInfo)},formSubmit:function(e){wx.showToast({title:'Message',icon:'success'})varthat=this;varliuyantext=e.detail.value.liuyantext;//获取form=liuyantext的所有名字varnickName=e.detail.value.nickname;//以varheadimg=e.detail.value.headimg的形式获取所有name=nickName的值；//以wx.request({url:'http://localhost/liuyanserver/liuyan.php?liuyantext='+liuyantext+'&nickname='+nickName+'&headimg='的形式获取所有name=headimg的值+headimg,data:{liuyantext,nickName,headimg},header:{'Content-Type':'application/json'},success:function(res){console.log(res.data)that.setData({re:res.data,})wx.hideToast();}})},onPullDownRefresh:function(){wx.showNavigationBarLoading();varthat=thiswx.request({url:'http://localhost/liuyanserver/loadliuyan.php',headers:{'Content-Type':'application/json'},success:function(res){//获取到的json数据会存储到名为list的数组中that.setData({liuyanlist:res.data,//res表示成功函数的事件对，data是是固定的，liuyanlist是一个数组})//隐藏导航栏加载框wx.hideNavigationBarLoading();//停止下拉动作wx.stopPullDownRefresh();}})},//加载最新数据onLoad:function(){varthat=thiswx.request({url:'http://localhost/liuyanserver/loadliuyan.php',headers:{'Content-Type':'application/json'},success:function(res){//将获取到的json数据存储到名为list的数组中that.setData({liuyanlist:res.data,//res表示成功的事件对函数，数据固定，liuyanlist是一个数组})}})}})/**index.wxss**/.input-style{width:90%;高度：50px；边框：1px实心#ccc；边距：10px自动；}.btn{宽度：88%；边距：5px自动；}.liuyanview{宽度：90%；margin:10pxauto;}.result{text-align:center;字体大小：14px；颜色：#f00；argin-top:20px;}.headimg{宽度:45px;高度：45px；border-radius:100%;}.headimgimage{宽度:45px;高度：45px；border-radius:100%;}.nickname_liuyantext{宽度:calc(100%-55px);浮动：对；margin-top:-45px;}.nickname_liuyantext.nickname{font-size:15px;color:#999;}.nickname_liuyantext.nickname.time{font-size:11px;颜色：#999；float:right;}.nickname_liuyantext.text{font-size:16px;color:#666;}后端https://www.lanzous.com/i1w1deb数据库格式：
