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