移動端實現拼團

2021-10-07 06:39:00 字數 1063 閱讀 7844

記錄拼團元件的開發歷程,

需求分析:

拼團時間段內,展示可拼團的人數,距離本期拼團結束的倒計時。

非拼團時間,展示不可拼團頁面,並且提示下乙個拼團開始時間。

拼團成功,拿到推送的資料,展示**中頁面3s,**結果5s;再次判斷是否在拼團時間內。

拼團失敗,距離本期拼團結束的倒計時為0時,進入拼團結束3s;再次判斷是否在拼團時間內。

處理拼團時間字段: timer: '7:01-12:00#13:00-18:00#19:02-22:09'。

把字段打散成陣列,拿到hour與minutes,set入new date ,gettime之後去比較大小。得出是否在拼團時間,如果不在則繼續找 到下乙個拼團開始時間;

首先判斷是否在拼團時間段內,拿到資料後,再根據訂單狀態(拼團中,拼團成功,拼團失敗)進入不同分支;

webscoket 接收到推送拼團成功的資料時,進入拼團成功;如果計時到『00小時 00分鐘 00秒』時還未有推送,則進入拼團失敗。

1.拼團成功進入的方法

/**

* 接收到推送成功訊息時

* 1.顯示**中,2s後消失,

* 2.顯示中獎者,5s後拉取最新資料

* */

async successlottery() , 3000)}) // 先顯示**動畫

await new promise(resolve =>

}, 1000)})

await this.$parent.$parent.init() // 拉取最新資訊

this.init() // 重置元件的資料

},

2.拼團失敗的方法

/**

* 未接收到推送成功訊息時

* 1.先顯示拼團結束,3s後消失,

* 2.後拉取最新資訊,進入非拼團狀態

* */

async endlottery() ,3000)}) // 先顯示拼團結束

this.$parent.$parent.init() // 拉取最新資訊

},

小程式 微信拼團設計實現

運營設定拼團的商品 拼團人數,開團時長 團長開啟拼團 此時設定redis庫存,有效時長 參團成員參加 併發處理,類似秒殺系統,不過沒有秒殺流量大,所以沒有使用mq等訊息中介軟體做db的保護層 本文就是講解 參團成員參加 拼團的設計。系統說明 注意 因為有網路呼叫就有既不成功也不失敗的狀態,只能通過系...

拼團功能實現 php PHP實現微信退款功能

要是在測試的時候,網頁提示 curl 58 說明 證書的路徑出現問題 這裡要填物理路徑,也就是絕對路徑 網頁提示curl 52 說明你的證書引入少了,在官方的demo上只有兩個證書 apiclient cert.pem和 apiclient key.pem 你還需要引入乙個證書 rootca.pem...

移動端實現專案

method post enctype multipart form data type file class pic id img name pic1 type button class btn id tp 選擇 class sub type submit id sub type button d...