1. 程式人生 > >微信小程式發紅包功能實現,附效果圖加講解。

微信小程式發紅包功能實現,附效果圖加講解。

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。

微信小程式開發交流qq群   173683895  、 526474645 ;

正文:

目前此功能尚在內測,無法申請。此博文僅示例。

流程效果圖:

圖片1觸發wx.sendBizRedPacket({})吊起圖片2,點選開,出現圖片3,關閉以後出現圖片4。

wx.sendBizRedPacket({})說明及示例:

    wx.sendBizRedPacket({
      timeStamp: e.timeStamp,
      nonceStr: e.nonceStr,
      package: e.package,
      signType: e.signType,
      paySign: e.paySign,
      success: function (res) {
        console.log('紅包success')
        let url = config.HTTP_Prize_URL + '/v1/sign_tmp/sendSuccess.do';
        let data = {
          minipid: that.data.minipid,
          date: that.data.date
        }
        console.log('紅包成功以後介面請求引數資料:' + JSON.stringify(data))
        util.request(url, 'post', data, '正在載入資料', function (res) {
          console.log('紅包成功以後介面返回結果:' + JSON.stringify(res.data))
        })
        wx.reLaunch({
          url: '../my_prize/my_prize_2?reward=' + res.data.body.reward,
        })
      },
      fail: function (res) {
        console.log('紅包fail')
      },
      complete: function (res) {
        console.log('紅包complete')
        // wx.showModal({
        //   title: '紅包complete',
        //   content: '紅包complete',
        // })
      }
    })

相關推薦

程式紅包功能實現效果圖講解

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。 微信小程式開發交流qq群   173683895  、 526474645 ; 正文: 目前此功能尚在內測,無法申請。此博文僅示例。 流

程式 蒐藏功能實現(八)

搜尋功能用到了小程式的快取功能:wx.setStorage 如果沒有向用戶提供removeStorageSync或clearStorageSync,小程式的快取永久存在,沒有失效期,快取的最大不超過10MB 四類操作,八種方法: setStorage,getStorage

程式 評論留言功能實現 仿知乎

  最近沉迷學習無法自拔,太久沒有碼字,碼一個小程式留言功能實現。先上一波最後效果圖: (刪除按鈕,是使用者自己的留言時才會顯示該按鈕) 實現技術   後臺:SSM框架   資料庫:MySQL資料庫 資料庫設計 評論功能的實現主要涉及三個表 comment:

程式五星評價功能實現

實現五星評價功能,效果圖如下: .wxml檔案: <view class="star-title">1、品質效果</view> <view class="star

程式-template使用:實現購物車商品數量功能

前言上一篇我們實現了購物車功能,裡面有用到template模板功能來實現購物車商品數量加減和價格計算功能,可能篇幅過長介紹的並不清楚,本篇將詳細介紹一下template模板來減少冗餘程式碼。模板WXML提供模板(template),可以在模板中定義程式碼片段,然後在不同的地方

程式之下拉列表實現完整原始碼)

目錄 一、效果圖 二、實現原理 三、原始碼 四、專案下載 同類文章推薦: 更多幹貨關注公眾號:   一、效果圖 二、實現原理 跟網頁的下拉列表實現是一樣的,剛剛開始預設下拉的內容的是不顯示的(display:none),然後通過點選的時

程式 跑馬燈效果完整程式碼效果圖

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。 微信小程式開發交流qq群   173683895  、 526474645 ; 正文: 一:功能介紹及講解 實現的跑馬燈(跑馬燈裡面顯示文章的title)的效果,並在右側有個檢視文章的按鈕,按鈕綁定當前的跑馬燈

程式生成二維碼並且進行傳參

微信小程式生成二維碼第一步.首先我們需要去拿到Token值 第一步是一個比較常規的操作,未遇到大的問題。第二步.拿著Token進行換取二維碼    這一不是很關鍵的地方,騰訊用token換取二維碼的方法有三組介面A,B,C    我們推薦生成並使用小程式碼,它具有更好的辨識度

程式 選擇器 picker ;demo大全效果圖

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。 微信小程式開發交流qq群   173683895  、 526474645 ; 正文: 選擇器示例demo: 1.普通選擇器  2.多列選擇器  3.時間選擇器  4.日期選擇器  5.省市區選擇器 原始碼:

程式+WEB使用JS實現註冊【60s】倒計時功能

微信小程式+WEB使用JS實現註冊【60s】倒計時功能開發步驟: 1、效果圖:   2、頁面僅僅利用了JS的相關功能,包含:wxml、js、wxss  2.1wxml頁面程式碼: <text

程式 右上角分享功能實現

微信小程式前段時間開放了小程式右上角的分享功能,    可以分享任意一個頁面到好友或者群聊,    但是目前小程式不可以分享到朋友圈onShareAppMessage(options)在 Page 中定義 onShareAppMessage 函式,設定該頁面的轉發資訊。只有定

程式 簡訊驗證 功能實現案例程式碼/前後端/直接用)

模組效果展示(小程式介面) 實現的功能 小程式端: 請求獲取簡訊驗證碼 兩次請求之間間隔至少一分鐘 填寫必填內容後,才能提交表單 手機號合法性檢驗 後臺: 接前臺請求後,

程式開發之radio實現顯示和隱藏功能

我們在開發微信小程式的時候,經常會用到顯示和隱藏,但是我們知道在微信小程式裡面是不是能 使用dom操作的,話不多說,直接上程式碼 第一步.直接在wxml,首先在要選擇的按鈕上註冊一個bindtap事件如下圖 第二步.在js中的pages下的data中新增 showView

使用程式自定義元件實現的tabs選項卡功能

一個自定義元件由 json wxml wxss js 4個檔案組成。要編寫一個自定義元件,首先需要在 json 檔案中進行自定義元件宣告(將 component 欄位設為 true 可這一組檔案設為自定義元件) components/navigator/i

程式(看文件寫例項十)程式課堂寶APP實現我的模組相關介面及邏輯

繼上篇博文,這篇完成最後一個模組,即我的模組。 一、頁面效果 這個模組是和使用者型別相關的,因此老師賬號和學生賬號能看的功能不一樣,老師端效果如下: 點選頭像到達個人資訊如下: 點選後可以做相應的修改。學生端的介面如下: 修改密碼的頁面如下: &nbs

程式(看文件寫例項八)程式課堂寶APP實現練習模組前臺

接上篇博文,這篇主要描述練習模組的前臺顯示,其中包括test頁面,答題detail頁面以及提交答題後答卷answer頁面。 一、練習模組test頁面 練習頁面主要展示的是當前使用者的頭像,暱稱以及學校資訊,另外還有答題資訊,以及每個章節的練習資訊,先來看看效果: grid用的是樣式

程式(看文件寫例項七)程式課堂寶APP實現線上課堂測試

接著上篇博文已經完成簽到功能,這篇來完成課堂測試功能。 一、需求描述 1、在後臺選擇題、主觀題表中上傳測試題 2、客戶端獲取題目資訊 3、把題目資訊格式化載入顯示 4、客戶端答題,主觀題每題能上傳一張答題圖片 5、客戶端答題結束提交到伺服器 二、前臺頁面 提交大量資料

程式(看文件寫例項六)程式課堂寶APP實現簽到邏輯

繼上篇博文,這篇寫下籤到實現的邏輯。 一、實現邏輯 發起簽到 1、先上傳當前自己的定位經緯度 2、學生查詢老師的最後一次簽到記錄,如果發現簽到記錄signComplete為false說明有新的簽到 3、得到簽到的第幾次課 4、系統獲得學生的定位經緯度 5、判斷兩點經緯度轉

程式(看文件寫例項五)程式課堂寶APP實現獲取簽到列表

根據上篇博文,這篇主要實現獲取簽到列表邏輯。 獲得簽到列表主要有以下步驟: (1)查詢老師的ID (2)查詢老師的簽到記錄 (3)如果當前使用者是老師,直接顯示所有記錄,因為簽到記錄都是老師發起的,肯定每次都簽到 (4)如果當前使用者是學生,以老師的簽到列表作為長度,然後以ite

程式(看文件寫例項四)程式課堂寶APP實現簽到子頁面佈局及課程視訊播放頁面

一、簽到子頁面佈局 子頁面主要是一個簽到按鈕,然後下方是簽到記錄列表。 1、簽到按鈕 佈局程式碼: <button class='sign-button' bindtap='sign'>簽到</button>