5交互
5.1 前后端交互時序
(1)綁定銀行卡
(2)收發(fā)群手氣紅包
① 發(fā)起紅包操作
② 銀行扣款邏輯驮肉,不成功則返回异旧,成功則進(jìn)行下一步
③ 請求將紅包寫入數(shù)據(jù)庫某個set,并獲取紅包ID返回客戶端
④ 長連接通知客戶端成功
⑤ 其他用戶接收到紅包消息薇芝,點(diǎn)開陶缺,拆屯烦。由于用戶操作的速度遠(yuǎn)遠(yuǎn)低于計算機(jī)處理速度咪啡,所以這打開和拆開的分離首启,相當(dāng)于設(shè)置了一道緩沖。另外撤摸,點(diǎn)開之后毅桃,不直接 獲取金額,而是先讀取紅包是否領(lǐng)完的緩存准夷,如果沒領(lǐng)完則顯示【拆】的按鈕疾嗅。點(diǎn)擊【拆】之后再次訪問緩存看紅包是否領(lǐng)完,如果沒領(lǐng)完冕象,則請求服務(wù)器內(nèi)存計算 隨機(jī)金額并返回客戶端,然后異步寫入數(shù)據(jù)庫汁蝶。
⑥ 紅包結(jié)果會寫入LIstView(安卓的UI控件名稱渐扮,ios也有類似的控件)中,用戶可以馬上看到
⑦ 當(dāng)用戶再次打開紅包結(jié)果頁面時掖棉,會從數(shù)據(jù)庫讀取最新的結(jié)果列表并更新結(jié)果列表墓律。
(3)收發(fā)普通紅包
① 發(fā)起紅包操作
② 銀行扣款邏輯,不成功則返回幔亥,成功則進(jìn)行下一步
③ 選擇發(fā)送對象(若在聊天窗口中發(fā)起著跳過這一步)
④ 計算紅包均值(總額/個數(shù))耻讽,將紅包個數(shù)和均值寫入數(shù)據(jù)庫,返回紅包ID到客戶端
⑤ 其他用戶點(diǎn)開紅包帕棉,拆针肥,訪問紅包個數(shù)判斷是否大于0饼记,若為TRUE,則個數(shù)減1慰枕;若為FALSE則通知客戶端顯示【已領(lǐng)完】樣式具则。
5.2 界面交互
5.2.1 基本流程
5.2.2 拆紅包頁面顯示邏輯
對群手氣紅包、群普通紅包具帮、普通紅包(其實(shí)就是紅包個數(shù)為1的群普通紅包)和是否領(lǐng)到和是否領(lǐng)完做3×3×3的交叉分析之后博肋,歸納出以下結(jié)論:
5.2.3 紅包結(jié)果頁面顯示邏輯
說明:
1 代表有出現(xiàn)該項(xiàng)
“字樣”代表下圖所示區(qū)域的文字內(nèi)容:
“按鈕”代表藍(lán)色文字鏈接,如下圖所示:
金額是指自己拿到的金額
搶到的人是指一個列表:
綠色格子代表沒有這種邏輯蜂厅,可能是不出現(xiàn)該頁面或者其他原因匪凡。
對上表的數(shù)據(jù)進(jìn)行挖掘,我們可以發(fā)現(xiàn)以下規(guī)則集:
(1)當(dāng)領(lǐng)到紅包的時候掘猿,會顯示按鈕“已存入零錢病游,可用于發(fā)紅包“、”已存入零錢术奖,可用于消費(fèi)“礁遵、”已存入零錢,可用于轉(zhuǎn)賬“采记、”已存入零錢佣耐,可用于提現(xiàn)”的其中一個,順序或隨機(jī)出現(xiàn)唧龄;并顯示自己所獲得的紅包金額兼砖。
(2)當(dāng)自己發(fā)的紅包沒被領(lǐng)完,會顯示按鈕“繼續(xù)發(fā)送此紅包”既棺;
(3)領(lǐng)到別人發(fā)的紅包時讽挟,會顯示按鈕“查看我的紅包記錄“;
(4)對于群手氣紅包被領(lǐng)完時丸冕,如果紅包是自己發(fā)的會顯示字樣“n個紅包共n元耽梅,n秒被搶光”;如果是被人發(fā)的紅包則會顯示字樣“n個紅包胖烛,n秒被搶光”眼姐;對于(群)普通紅包被領(lǐng)完時,會顯示字樣“n個紅包共n元”佩番;
(5)對于紅包(個數(shù)大于1)沒被領(lǐng)完众旗,自己的紅包會顯示字樣“已領(lǐng)取x/y個,共x/y元”趟畏;別人發(fā)的紅包字樣“領(lǐng)取x/y個”贡歧;
(6)對于紅包(個數(shù)等于1)沒領(lǐng)完時,會顯示字樣“紅包金額n元,等待對方領(lǐng)取”利朵;
(7)對于群手氣紅包和自己發(fā)的普通紅包都會顯示搶到紅包的人的列表律想;
(8)已經(jīng)被領(lǐng)完的群手氣紅包才會顯示“最佳手氣”的標(biāo)識;
從(4)-(6)的規(guī)則我們可以看出哗咆,微信做到為什么是一個優(yōu)秀的產(chǎn)品而不僅僅是一個及格的產(chǎn)品蜘欲。自己發(fā)的紅包會顯示出總金額,自己發(fā)了多少錢自己心里有 數(shù)晌柬,卻不希望別人看到總的金額(雖然可以根據(jù)列表算出來姥份,但是大部分人不會去計算每一個別人紅包的總金額),避免發(fā)紅包的用戶還要承受“面子問題”挫傷用 戶發(fā)紅包的積極性年碘。這樣去營造一種無分貴賤貧富澈歉,人人都可以發(fā)紅包的氛圍,間接提高發(fā)紅包的人數(shù)和整個平臺的活躍度屿衅。
5.2.4搖一搖紅包
這一部分因?yàn)閷懳恼碌臅r候搖一搖紅包活動已經(jīng)下線了埃难,所以只能從網(wǎng)上找來截圖,簡略地說明一下流程涤久。如下圖: