美團(tuán)小程序開發(fā)文檔(美團(tuán)外賣小程序)
今天給各位分享美團(tuán)小程序開發(fā)文檔的知識,其中也會對美團(tuán)外賣小程序進(jìn)行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!
本文目錄一覽:
小程序標(biāo)題的加載效果怎么做?
相對來說還是比較簡單的.圖片列表展示數(shù)據(jù)是一個數(shù)組,在后臺請求回來數(shù)據(jù)時我們定義一個和圖片列表數(shù)組長度一樣的數(shù)組arr,里面的元素都是布爾值false;再定義一個數(shù)組arrHeight用于存放每個圖片相對于頂部的高度值。通過滾動監(jiān)聽每個圖片高度值是否小于滾動條高度,從而改變數(shù)值arr里對應(yīng)的布爾值。然后頁面的image組件通過對src設(shè)置三目運(yùn)算來判斷是展示默認(rèn)圖片還是實(shí)際圖片。我也是即速應(yīng)用里的即速問答摘抄過來的,ask.jisuapp.cn
里面涉及到的api我就不詳說了,可以去小程序開發(fā)文檔查具體用法。以下是具體代碼:
html代碼:
js代碼:
注:第28行的延時實(shí)際上是等待image組件加載圖片然后初始化獲取單個圖片高度,image組件有一個bindload屬性,但是這個屬性是有一個圖片加載就會執(zhí)行一次,在這里做獲取就會獲取N次,不利于性能優(yōu)化;
第50行的i/2是因?yàn)槊啃杏袃蓮垐D片,這兩張的高度是一樣的,所以Math.floor(i /?2),加10是我上下圖片之間的margin值;
第57行如果不加上? app.globalData.windowHeight?那效果就是一滾動加載的不是底部的兩張圖片而是頂部的兩張圖片,大家可以試一下效果;
在此圖片懶加載效果已實(shí)現(xiàn),這里并不是滾動到了某張圖片的位置然后向后臺請求圖片數(shù)據(jù)再加載出來,其實(shí)本質(zhì)上圖片早就已經(jīng)全部加載了,只是通過滾動到位置再顯示,達(dá)到懶加載的效果,希望能對你們有所幫助。
美團(tuán)小程序功能設(shè)計(需求文檔)
? ? ? ? ?墨刀連接:?
一.需求背景
二.需求目的及明細(xì)
三.業(yè)務(wù)流程
? ? 3.1業(yè)務(wù)流程
? ? 3.2頁面流程
四.功能詳細(xì)設(shè)計
? ? 4.1交互設(shè)計
? ? 4.2原型
五.考核指標(biāo)
六.總結(jié)
公司最近想把用戶約見這個場景在微信小程序上做深做透,基于這個業(yè)務(wù)訴求,設(shè)計聚餐投票的功能,便微信群用戶在線下聚會前,能先在線上把大家喜歡的美團(tuán)店鋪匯總在一起,然后投票決策聚會去吃哪個店,可以節(jié)約用戶的時間成本。
使用投票聚餐一定是針對的一個小群體,這個小群體一定是有一定關(guān)系的,如;同事,朋友,同學(xué),家人等,基于上述理論對用戶-場景-需求分析:
需求目的:完整的投票聚餐功能,選擇商戶到統(tǒng)計投票。解決用戶在聚餐選擇商家時意見不統(tǒng)一或者想要統(tǒng)計大家意見時的需求。
創(chuàng)建流程 :
編輯流程 :
1.我的
在我的頁面中新增入口圖標(biāo),點(diǎn)擊后可進(jìn)入投票聚餐
2.新增投票頁
頁面分為新增投票模塊以及歷史投票模塊,歷史投票模塊以時間順序排列
創(chuàng)建投票:創(chuàng)建投票后進(jìn)入選擇餐廳頁面
編輯:點(diǎn)擊編輯后,重新編輯此次記錄,進(jìn)入確認(rèn)頁面,可重新發(fā)起投票
3.選擇餐廳頁
選擇餐廳頁面分為3個模塊,頂部的搜索模塊,排序模塊以及商家展示模塊。
排序模塊分為4種篩選模式:
按照美食種類分類,其中默認(rèn)為全部美食,用戶點(diǎn)擊后出現(xiàn)下拉菜單,用戶可選擇美食分類(如:食品保健,特色菜,福建菜等)
按照地理位置進(jìn)行排序,分類模塊按城市區(qū)域地理性標(biāo)志劃分,默認(rèn)選擇為附近
為用戶篩選的常用關(guān)鍵字排序,分為:智能排序,離我最近,好評優(yōu)先,銷量最高,默認(rèn)為智能排序
按照餐廳服務(wù)以及用餐人數(shù)為用戶進(jìn)行篩選,默認(rèn)狀態(tài)為關(guān)閉
確認(rèn)添加:點(diǎn)擊確認(rèn)添加后,進(jìn)入確認(rèn)頁
添加商戶:點(diǎn)擊加號添加商戶,再此點(diǎn)擊取消添加商戶
搜索:點(diǎn)擊搜索頁進(jìn)入搜索頁面
已添加商戶:點(diǎn)擊后進(jìn)入展開已添加商戶,可以對已添加商戶進(jìn)行刪除
4.確認(rèn)頁
確認(rèn)頁分為主題元素,商戶展示模塊
主題默認(rèn)為系統(tǒng)填寫,用戶點(diǎn)擊后可進(jìn)行修改
生成投票分享好友:點(diǎn)擊后進(jìn)入好友頁
添加喜歡餐廳:點(diǎn)擊后進(jìn)入選擇餐廳頁,無人員限制
刪除商家:點(diǎn)擊后刪除商家
5.結(jié)果頁
模塊分為主題模塊,商戶展示模塊以及出現(xiàn)在商戶暫時模塊下面的統(tǒng)計模塊
投票:點(diǎn)擊投票按鈕投票,再次點(diǎn)擊取消投票;用戶若已選擇商戶,在點(diǎn)擊其他商戶的投票按鈕將自動取消已選的上加商戶。
隨機(jī)功能:場景為當(dāng)出現(xiàn)平票時為用戶隨機(jī)一家商戶,沒有操作權(quán)限,任何人都可以操作,但點(diǎn)擊一次后默認(rèn)10分鐘后才能再次點(diǎn)擊,隨機(jī)結(jié)果將一直展現(xiàn),直到下次隨機(jī)出現(xiàn)新的結(jié)果
回首頁:點(diǎn)擊后返回首頁
添加喜歡餐廳:點(diǎn)擊后進(jìn)入餐廳選擇頁,選擇完畢后直接進(jìn)入到結(jié)果頁。
1.考察用戶日活增長指數(shù):當(dāng)天日貨量-前一天的日活量/前一天的日活量x100%。投票聚餐是有分享屬性存在的,純在分享屬性,進(jìn)入小程序的用戶數(shù)應(yīng)相應(yīng)增多。
2.對投票聚餐的入口,新增投票以及生成投票分享好友進(jìn)行埋點(diǎn),統(tǒng)計訪問人數(shù),分別計算轉(zhuǎn)化率。是考核功能的轉(zhuǎn)換率,用戶流入入口的數(shù)據(jù),是判斷這個需求是真需求還是偽需求的根本。
3.使用流程轉(zhuǎn)化率:新增投票訪問人數(shù)/投票聚餐的訪問人數(shù)x100%,生成投票分享好友訪問人數(shù)/投票聚餐的訪問人數(shù)x100%。此數(shù)據(jù)是對流程的考察,用戶是否覺得流程好用,從此數(shù)據(jù)能夠得出一定的結(jié)論。
總結(jié)
投票聚餐是針對于當(dāng)代年輕人常出現(xiàn)的聚餐場景,由于每個人都有自己的喜好而出現(xiàn)的意見不統(tǒng)一的需求,因此誕生出來的功能。此功能要包含完整的投票流程,從選擇餐廳-投票,并需將選擇餐廳的分類功能盡量做詳細(xì),給用戶更多的參考意見。此功能完成后,用戶日活應(yīng)有一定程度的增長。
小程序開發(fā)所有的流程
小程序開發(fā)流程如下:
1、微信小程序注冊
在微信公眾平臺注冊小程序,完成注冊后可以同步進(jìn)行信息完善和開發(fā)。
2、微信小程序信息完善
填寫小程序基本信息,包括名稱、頭像、介紹及服務(wù)范圍等。
3、微信小程序開發(fā)
完成小程序開發(fā)者綁定、開發(fā)信息配置后,開發(fā)者可下載開發(fā)者工具、參考開發(fā)文檔進(jìn)行小程序的開發(fā)和調(diào)試?!?/p>
4、微信小程序提交審核和發(fā)布
完成小程序開發(fā)后,提交代碼至微信團(tuán)隊審核,審核通過后即可發(fā)布(公測期間不能發(fā)布)。
微信小程序如何接入美團(tuán)api
微信小程序接入美團(tuán)api:調(diào)用聚合數(shù)據(jù)API開發(fā)微信小程序,首先需要注冊并進(jìn)行實(shí)名認(rèn)證,然后在后臺中申請數(shù)據(jù),通過申請之后就可以獲取APPKEY。
目前微信已支持40個國家(地區(qū))接入微信支付可以找第三方服務(wù)商幫忙注冊認(rèn)證海外公眾號以后,接入跨境支付,資料齊全的前提下,申請開通需要的時間:大概2周左右。
團(tuán)長“三重保障”:
社區(qū)便利店、快遞站點(diǎn)等店鋪經(jīng)營者,或是寶媽、自由職業(yè)者,都可通過“美團(tuán)優(yōu)選團(tuán)長端”微信小程序申請成為美團(tuán)優(yōu)選團(tuán)長,最快當(dāng)天就可完成審核。
美團(tuán)優(yōu)選本著“攜手百萬團(tuán)長,服務(wù)一億家庭”的愿景,針對團(tuán)長提供“三重保障”措施——有競爭力的傭金和獎勵金、完善的培訓(xùn)體制、質(zhì)優(yōu)價廉的商品及售后支持,賦能團(tuán)長服務(wù)好社區(qū)家庭用戶,也幫助團(tuán)長獲得持續(xù)、穩(wěn)定的收入。
美團(tuán)小程序開發(fā)文檔的介紹就聊到這里吧,感謝你花時間閱讀本站內(nèi)容,更多關(guān)于美團(tuán)外賣小程序、美團(tuán)小程序開發(fā)文檔的信息別忘了在本站進(jìn)行查找喔。