欧美中文字幕第一页-欧美中文字幕一区-欧美中文字幕一区二区三区-欧美中文字幕在线-欧美中文字幕在线播放-欧美中文字幕在线视频

玩轉微信應用號,「小程序」開發實操指南第六彈

我是創始人李巖:很抱歉!給自己產品做個廣告,點擊進來看看。  

玩轉微信應用號,「小程序」開發實操指南第六彈

鈦媒體注:鈦媒體作者博卡君對于“應用號的最終形態”與“怎樣將一個「服務號」改造成為「小程序」”的話題上,有著自己的獨特的理解。他想要用第三方工具的實例,來演示開發過程。今天,他為我們帶來《微信小程序分組開發與左滑功能實現》的內容。感興趣的朋友,也不要錯過此前鈦媒體發布的第一彈、第二彈和第三彈、第四彈、第五彈中的精彩內容。第九章:微信小程序拍照收納開發以及刪除名片等

還是先來看看我們今天的主題——拍照收納。

拍照收納分為:上傳圖片/識別名片、手動填寫名片信息兩個路徑,這里只說下拍照識別,手動填寫和前面的編輯名片是同樣的頁面,大家可以翻翻之前的教程。

玩轉微信應用號,「小程序」開發實操指南第六彈

這個布局很快,wxml 沒多少內容。

玩轉微信應用號,「小程序」開發實操指南第六彈

拍照收納的原理是收納名片功能,步驟是打開微信的拍照 API,同時支持選擇本地圖片 wx.chooseImage 接口。

玩轉微信應用號,「小程序」開發實操指南第六彈

取到圖片路徑需上傳圖片文件到后臺服務器,這里參照文檔打印三個回調。

玩轉微信應用號,「小程序」開發實操指南第六彈

但是我發現在開發者工具測試的時候,沒有任何打印信息,后臺同樣也沒有接到我上傳過去的圖片。

玩轉微信應用號,「小程序」開發實操指南第六彈

選擇一張圖片,點擊打開后??刂婆_的 console 沒有成功或者失敗的回調。

玩轉微信應用號,「小程序」開發實操指南第六彈

由于尚處內測版本,暫時還不確定是開發者工具上的 bug 還是 API 接口問題,總之這里影響了小程序開發,我已經寫郵件給微信做了反饋。

如果圖片上傳成功,后臺取到圖片會去調一個識別信息操作,最后把識別到的信息傳給我們前臺進行渲染,最后把信息保存到名片夾里面,收納名片流程才算走通。

再補充下名片夾頁面的名片刪除吧:

每個名片夾后面都帶個刪除功能,這個功能是通過左滑出現。

玩轉微信應用號,「小程序」開發實操指南第六彈

點擊刪除,出現是否確定刪除彈框(使用自帶的模態框組件)。

玩轉微信應用號,「小程序」開發實操指南第六彈

確定與取消事件。

玩轉微信應用號,「小程序」開發實操指南第六彈

由于這里名片分為,線上收納與線下收納。故而多了個 if 判斷,走的刪除 request 不是一個接口,其他都相差不多。這里最重要的是要獲取到 cardId,才能知道被刪除的是哪張名片。

玩轉微信應用號,「小程序」開發實操指南第六彈

名片的父元素綁定的全部事件,以及需要用到的一些自定義參數。Id 用在左滑上 data-card_id 用在頁面跳轉與刪除上,data-card_type 用在判斷線上與線下名片。

玩轉微信應用號,「小程序」開發實操指南第六彈

cardId 可以在 bindtouchstart 上取到,因為左滑事件是發生 bindtouchstart 事件上。

玩轉微信應用號,「小程序」開發實操指南第六彈

當然后面需要用到的值還是先定義個 var 存起來。

玩轉微信應用號,「小程序」開發實操指南第六彈

刪除完之后還需重新刷新下首頁。

玩轉微信應用號,「小程序」開發實操指南第六彈

并且提升下用戶體驗,告訴用戶名片刪除成功。

玩轉微信應用號,「小程序」開發實操指南第六彈

玩轉微信應用號,「小程序」開發實操指南第六彈

玩轉微信應用號,「小程序」開發實操指南第六彈

最后一提,當列表很多時,我們需要確定點擊到的是那個信息。

玩轉微信應用號,「小程序」開發實操指南第六彈

上面的信息都是 block 循環出來的,bindtap 點擊事件,然后就是 id=”{{pms.type}}”,重點就是這個 id 來判斷被點擊的對象。

玩轉微信應用號,「小程序」開發實操指南第六彈

操作數據,我們一定要先熟悉好數據的結構,故而在開發前和后臺一定要約定好數據結構,熟悉數據結構后,其實開發起來就如庖丁解牛,非常快速(大家開發了小程序后,有沒有對 zepoto 與 jQuery 產生反感?哈哈!)

玩轉微信應用號,「小程序」開發實操指南第六彈

好了,關于拍照組件的相關內容就寫到這里吧!這一章內容就算是博卡君教程的完結篇了。雖然寫的內容中包含小程序開發工具的問題,不過我還是推薦大家都嘗試調用一下拍照相關功能,看看這些問題在你的機器上會不會出現。按照微信的官方文檔,我嘗試給 weixin_developer@qq.com 那個郵箱發了郵件報告 bug。沒想到很快收到了官方回復,確認了這點。希望盡快得到更新版,一起期待吧?

更多商業新知,關注鈦媒體微信號:鈦媒體(ID:taimeiti)
玩轉微信應用號,「小程序」開發實操指南第六彈

鈦媒體微信二維碼

隨意打賞

微信 小程序 開發指南微信小程序應用指南小程序 開發指南玩轉微信公眾號微信小程序開發微信小程序指南微信小程序
提交建議
微信掃一掃,分享給好友吧。
主站蜘蛛池模板: 国产精品视频一区二区三区经 | 成人在线免费观看视频 | 97在线观看中心 | 日韩欧美亚洲每日更新网 | 亚洲图片国产日韩欧美 | 欧美国产亚洲精品高清不卡 | 久久综合色之久久综合 | 久久国产加勒比精品无码 | 四虎在线免费 | 狠狠色先锋资源网 | 日韩视频一区二区三区 | 黄黄视频在线观看 | 国产福利在线观看视频 | 久久精品一区二区三区日韩 | 国产欧美另类第一页 | 国产真实乱xxxav | 色婷婷狠狠五月综合天色拍 | 羞羞色院91蜜桃在线观看 | 俄罗斯一级毛片免费视频 | 色综合久久婷婷天天 | 成人看片黄a免费 | 四虎影视4hutv最新地址在线 | 91色综合| 久草视频在线看 | 久青草青综合在线视频 | 欧美一级性视频 | 欧美一区二区日韩一区二区 | 色婷婷久久免费网站 | 五月天婷亚洲天综合网精品偷 | 午夜宅男在线观看 | 国产精彩视频在线 | 欧美亚洲国产精品久久高清 | 国产精品国产三级国产无毒 | 欧美国产综合日韩一区二区 | 日韩中文字幕精品久久 | 亚洲国产最新在线一区二区 | 国内主播大秀福利视频在线看 | 99国产超薄丝袜足j在线播放 | 99久久成人| 久久机热这里只有精品无需 | 97久久人人爽人人爽人人 |