成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

微信小程序評(píng)論/留言功能，附：前端+后端代碼+視頻講解！

zhangrxiang / 1854人閱讀

前端界面：

演示： 













  {{item.result}}

以下是留言內(nèi)容

  
  
    {{item.nickname}} {{item.lytime}}
    {{item.liuyantext}}
  
  
  

//index.js
//獲取應(yīng)用實(shí)例
const app = getApp()
Page({
  /**
   * 頁(yè)面的初始數(shù)據(jù)
   */
  data: {
    
  },

  //授權(quán)登錄
  login: function () {
    var that = this;
    // 查看是否授權(quán)
    wx.getSetting({
      success(res) {
        if (res.authSetting["scope.userInfo"]) {
          // 已經(jīng)授權(quán)，可以直接調(diào)用 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: "已留言",
      icon: "success"
    })
    var that = this;
    var liuyantext = e.detail.value.liuyantext; //獲取表單所有name=liuyantext的值 
    var nickName = e.detail.value.nickname; //獲取表單所有name=nickName的值 
    var headimg = e.detail.value.headimg; //獲取表單所有name=headimg的值 
    wx.request({
      url: "http://localhost/liuyanserver/liuyan.php?liuyantext=" + liuyantext + "&nickname=" + nickName + "&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();
    var that = this
    wx.request({
      url: "http://localhost/liuyanserver/loadliuyan.php",
      headers: {
        "Content-Type": "application/json"
      },
      success: function (res) {
        //將獲取到的json數(shù)據(jù)，存在名字叫l(wèi)ist的這個(gè)數(shù)組中
        that.setData({
          liuyanlist: res.data,
          //res代表success函數(shù)的事件對(duì)，data是固定的，liuyanlist是數(shù)組
        })
        // 隱藏導(dǎo)航欄加載框
        wx.hideNavigationBarLoading();
        // 停止下拉動(dòng)作
        wx.stopPullDownRefresh();
      }
    })
  },

  //加載最新數(shù)據(jù)
  onLoad: function () {
    var that = this
    wx.request({
      url: "http://localhost/liuyanserver/loadliuyan.php",
      headers: {
        "Content-Type": "application/json"
      },
      success: function (res) {
        //將獲取到的json數(shù)據(jù)，存在名字叫l(wèi)ist的這個(gè)數(shù)組中
        that.setData({
          liuyanlist: res.data,
          //res代表success函數(shù)的事件對(duì)，data是固定的，liuyanlist是數(shù)組
        })
      }
    })
  }
})
/**index.wxss**/
.input-style{
  width: 90%;
  height: 50px;
  border:1px solid #ccc;
  margin:10px auto;
}

.btn{
  width: 88%;
  margin:5px auto;
}

.liuyanview{
  width: 90%;
  margin: 10px auto;
}

.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;
}

以上是前端部分
后端有兩個(gè)文件。

點(diǎn)擊下載后端，后端需要修改自己的數(shù)據(jù)庫(kù)配置！
http://www.youka.la/product/5...

數(shù)據(jù)庫(kù)格式：

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/30905.html

相關(guān)文章

  • 微信小程序開(kāi)發(fā)中遇到的問(wèn)題及解決辦法（三）

    摘要：資料整理關(guān)于配置微信小程序頁(yè)面附關(guān)于微信搜索小程序內(nèi)頁(yè)面的功能，只能在線上環(huán)境有用，而且沒(méi)有提供測(cè)試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開(kāi)發(fā)中接到的需求，總結(jié)一下下面四個(gè)開(kāi)發(fā)需求所遇到的問(wèn)題： 1、關(guān)于微信現(xiàn)已開(kāi)放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...

    Lowky 評(píng)論0 收藏0

  • 微信小程序開(kāi)發(fā)中遇到的問(wèn)題及解決辦法（三）

    摘要：資料整理關(guān)于配置微信小程序頁(yè)面附關(guān)于微信搜索小程序內(nèi)頁(yè)面的功能，只能在線上環(huán)境有用，而且沒(méi)有提供測(cè)試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開(kāi)發(fā)中接到的需求，總結(jié)一下下面四個(gè)開(kāi)發(fā)需求所遇到的問(wèn)題： 1、關(guān)于微信現(xiàn)已開(kāi)放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...

    elina 評(píng)論0 收藏0

  • 微信小程序開(kāi)發(fā)中遇到的問(wèn)題及解決辦法（三）

    摘要：資料整理關(guān)于配置微信小程序頁(yè)面附關(guān)于微信搜索小程序內(nèi)頁(yè)面的功能，只能在線上環(huán)境有用，而且沒(méi)有提供測(cè)試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開(kāi)發(fā)中接到的需求，總結(jié)一下下面四個(gè)開(kāi)發(fā)需求所遇到的問(wèn)題： 1、關(guān)于微信現(xiàn)已開(kāi)放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...

    voyagelab 評(píng)論0 收藏0

  • 微信小程序搜索功能！附：小程序前端+PHP后端

    摘要：開(kāi)發(fā)需求微信小程序已經(jīng)是非?；鹆耍覍W(xué)習(xí)也比較容易，但是對(duì)于初學(xué)者來(lái)說(shuō)還是一件比較傷腦筋的事，接下來(lái)給大家分享一下小程序搜索的思路。演示作者網(wǎng)站微信學(xué)習(xí)交流可以加我 開(kāi)發(fā)需求 微信小程序已經(jīng)是非常火了，而且學(xué)習(xí)也比較容易，但是對(duì)于初學(xué)者來(lái)說(shuō)還是一件比較傷腦筋的事，接下來(lái)給大家分享一下小程序搜索的思路。 流程 1、表單（輸入框、提交按鈕、提交的name值)2、接收表單數(shù)據(jù)（js獲取表單...

    Code4App 評(píng)論0 收藏0

  • 前端空間 - 收藏集 - 掘金

    摘要：封裝手寫的方筆記使用檢測(cè)文件前端掘金副標(biāo)題可以做什么以及使用中會(huì)遇到的坑。目的是幫助人們用純中文指南實(shí)現(xiàn)復(fù)選框中多選功能前端掘金作者緝熙簡(jiǎn)介是推出的一個(gè)天挑戰(zhàn)。 深入理解 JavaScript Errors 和 Stack Traces - 前端 - 掘金譯者注：本文作者是著名 JavaScript BDD 測(cè)試框架 Chai.js 源碼貢獻(xiàn)者之一，Chai.js 中會(huì)遇到很多異常處理...

    you_De 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<