微信小程序?qū)崿F(xiàn)購物車功能(上)

003--筆記

微信小程序?qū)崿F(xiàn)購物車功能--邏輯

效果圖:

購物車效果圖.PNG

邏輯:

01、登錄授權(quán)( ‘購物車’及‘我的’頁面磨总,進入的時候首先要授權(quán)嗦明,這個根據(jù)自己的需求可更改)
?????1)、wx.login 獲取coed碼
?????2)蚪燕、wx.request 向開發(fā)者服務(wù)器發(fā)送code碼娶牌,并換取token --- 此時后端同時將token存入數(shù)據(jù)庫
?????3)、登錄成功后馆纳,顯示購物車頁面
02诗良、請求購物車數(shù)據(jù),使用wx.request請求鲁驶。
?????1)鉴裹、獲取本地token,如果獲取不到钥弯,就引導(dǎo)用戶去login頁面授權(quán)
?????2)径荔、如果本地有token,就發(fā)送請求脆霎,請求購物車的數(shù)據(jù)总处。每次請求將用戶id(token)傳向服務(wù)器,根據(jù)用戶id(token)請求響應(yīng)數(shù)據(jù)
?????3)睛蛛、從服務(wù)器拿到的物品數(shù)據(jù)data里面鹦马,只有物品的信息,我們需要給每個物品的數(shù)據(jù)中加入自定義屬性忆肾,來判斷當前復(fù)選框是否被選中
03荸频、購物車商品數(shù)量的加減
?????1)、商品數(shù)量加:
??????????1-1)客冈、通過e事件對象獲取當前被點擊的商品在goodslist中的索引值旭从,
??????????1-2)、根據(jù)索引值去goodslist中更改當前商品的數(shù)量num郊酒。num++
??????????1-3)遇绞、根據(jù)索引值去goodslist中獲取商品id,num++的同時燎窘,實時發(fā)送請求摹闽,去更改數(shù)據(jù)庫中的num。(商品數(shù)量num是存在數(shù)據(jù)庫中的褐健,因為數(shù)量后期會在各個頁面之間傳遞付鹿,所以我選擇存在數(shù)據(jù)庫中了澜汤。)
??????????1-4)、會觸發(fā)計算總價的方法
?????2)舵匾、商品數(shù)量減:
??????????2-1)俊抵、同上,
??????????2-2)坐梯、但是要對num<1的情況做處理
??????????2-3)徽诲、會觸發(fā)計算總價的方法
04、刪除商品
?????1)吵血、通過e事件對象獲取當前被點擊的商品在goodslist中的索引值
?????2)谎替、根據(jù)索引值去goodslist中刪除當前商品
?????3)、根據(jù)索引值去goodslist中獲取當前商品id蹋辅,然后去數(shù)據(jù)庫中刪除當前商品
?????4)钱贯、會觸發(fā)計算總價的方法
05、單選事件
?????1)侦另、會觸發(fā)計算總價的方法
06秩命、全選事件
?????1)、實現(xiàn)物品的全選
當用戶通過單選選擇了所有物品時褒傅,“全選按鈕”會自動改變?yōu)檫x中樣式弃锐;當用戶通過“全選按鈕”選擇所有商品的時候,每個商品都應(yīng)該是選中狀態(tài)
?????2)樊卓、會觸發(fā)計算總價的方法
07拿愧、計算總價
?????1)杠河、任何一次觸發(fā)該函數(shù)碌尔,都會重新計算價格,將總價變?yōu)?券敌,再進行選中項的價格累加唾戚,而不是在原總價上累加或減某一個商品的價格

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市待诅,隨后出現(xiàn)的幾起案子叹坦,更是在濱河造成了極大的恐慌,老刑警劉巖卑雁,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件募书,死亡現(xiàn)場離奇詭異,居然都是意外死亡测蹲,警方通過查閱死者的電腦和手機莹捡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來扣甲,“玉大人篮赢,你說我怎么就攤上這事。” “怎么了启泣?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵涣脚,是天一觀的道長。 經(jīng)常有香客問我寥茫,道長遣蚀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任纱耻,我火速辦了婚禮妙同,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘膝迎。我一直安慰自己粥帚,他們只是感情好,可當我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布限次。 她就那樣靜靜地躺著芒涡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪卖漫。 梳的紋絲不亂的頭發(fā)上费尽,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天,我揣著相機與錄音羊始,去河邊找鬼旱幼。 笑死,一個胖子當著我的面吹牛突委,可吹牛的內(nèi)容都是我干的柏卤。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼匀油,長吁一口氣:“原來是場噩夢啊……” “哼缘缚!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起敌蚜,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤桥滨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后弛车,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體齐媒,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年纷跛,在試婚紗的時候發(fā)現(xiàn)自己被綠了喻括。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡忽舟,死狀恐怖双妨,靈堂內(nèi)的尸體忽然破棺而出淮阐,到底是詐尸還是另有隱情,我是刑警寧澤刁品,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布泣特,位于F島的核電站,受9級特大地震影響挑随,放射性物質(zhì)發(fā)生泄漏状您。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一兜挨、第九天 我趴在偏房一處隱蔽的房頂上張望膏孟。 院中可真熱鬧,春花似錦拌汇、人聲如沸柒桑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽魁淳。三九已至,卻和暖如春与倡,著一層夾襖步出監(jiān)牢的瞬間界逛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工纺座, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留息拜,地道東北人。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓净响,卻偏偏與公主長得像少欺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子别惦,可洞房花燭夜當晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 前言 以往的購物車狈茉,基本都是通過大量的 DOM 操作來實現(xiàn)夫椭。微信小程序其實跟 vue.js 的用法非常像掸掸,接下來就...
    linshuai閱讀 11,317評論 3 18
  • 1、模擬購物車功能 創(chuàng)建store/cart.js export default { state:{ cartl...
    千鋒H5閱讀 3,152評論 0 1
  • 早上蹭秋,接到一個陌生電話扰付,原來是武義童話辦打來的。 她通知我仁讨,我的文章被征用了羽莺,把銀行卡號發(fā)給她,把稿費打過來洞豁。 說...
    孤獨的小豬89583閱讀 249評論 4 2
  • 虛與實盐固,作相對論荒给,再明白不過:虛者,空也刁卜,看不見摸不著志电;實者,充盈飽滿蛔趴,真切實在挑辆。 虛幻、虛偽孝情、虛名鱼蝉、虛張聲勢...
    三峽孬張閱讀 323評論 0 3
  • 第七天 一、這個周末箫荡,請你花兩個小時的時間魁亦,給自己本周的覺察營做個總結(jié):本周的情緒起伏變化、本周的對自我的覺察點羔挡、...
    豌豆女人閱讀 310評論 1 1