LeanCloud + Ionic3 迅速重構應用

geekidentity 發布于2019-06-21 16:11 / 1555人閱讀

摘要：的數據強制刷新由于的數據綁定與更新策略，有時取回數據時數據并不能引起頁面的變更，這時候就需要強制刷新頁面綁定的數據了。這次重構差不多就用了四天的時間，寫了個個個，按時交活兒希望本文可以在小應用的快速構建上給大家一個參考

作者：李宜棟

??【玩轉 LeanCloud 】開發者經驗分享：

學校有一個高考志愿填報的應用需要重構，之前的實現是通過構建 Laravel RESTful API + Ionic2 實現院校和分數線信息的檢索，但是一個人前后端聯調太麻煩了，加上平時課多，交活兒日期又近在眼前，所以考慮再三決定換成 Ionic3 + 后端云的方式來構建應用，這樣不用花心思去搞后端的 CRUD，速度上應該能快不少。

在 Ionic 中應用的每個頁面都可以做成封裝好的組件，在 Page 中負責調用 Service (Provider) 進行數據請求與更新，獲取到的數據注入到組件當中刷新顯示數據或者冒泡到 Page 當中進行處理。主要的需求包括后端的數據存儲、地圖展示和繪制折線圖表。

后兩項需求并不難，正好以前接觸過，顯示地圖用 Baidu Map SDK，繪制折線圖用 Echarts 的 JavaScript SDK，在這個項目中主要就是在 TypeScript 的調用上注意一下。數據存儲的后端云，其實最開始我沒用 LeanCloud，用的別的。我本想把本地數據庫的數據上傳到云端，但發現那個云端的數據遷移功能根本不 work，我是免費用戶，去給人家提個 issue 吧也不見得能多快就給修復，所以還是另辟蹊徑吧。找著找著就看到了 LeanCloud，它家的數據遷移好用，這事兒也就這么定了。

數據遷移我從 DataGrip 導出數據到 CSV 格式，注意要設置選擇用引號包圍字段值來解決空值的問題，做好字段類型標注，導好的文件在 LeanCloud 控制臺里一鍵上傳就全 OK 啦。另外之前使用的別人家的 JavaScript SDK，現在換成 LeanCloud 的 SDK，要在 Ionic 項目的 www 目錄下將 index.html 文件加入對應的 CDN 的 script 引用，代碼中所有要調用 LeanCloud SDK 的地方都要加上 declare var AV; 對強迫癥來說實在不友好，所以還是要 npm 一下之后配置一下 TypeScript 好。

初始化 SDK，設置 ID 和 Key：

然后就可以在 Service 中使用了，也能在 Page 中以 Promise 的方式調用了。

之后就可以開心地堆組件啦。
踩過一些坑，在這里提個醒：

1.contains 和 containedIn 不是一碼事，contains 是字符串包含，containedIn 是數組包含，而且 contains 做模糊查詢的時候條件關系要用 or。

2.Ionic 的數據強制刷新：由于 Ionic 的數據綁定與更新策略，有時取回數據時數據并不能引起頁面的變更，這時候就需要強制刷新頁面綁定的數據了。

3.數字型數據：最初數據導入的時候為了方便，全部用的 string 類型，所以數字字段排序的時候…….你懂的。

這次重構差不多就用了四天的時間，寫了 16 個 Page、17 個 Component、5 個 Provider，按時交活兒！希望本文可以在小應用的快速構建上給大家一個參考~

GPU云服務器云服務器 LeanCloud 迅速快遞迅速發展迅速云計算

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/10980.html

搭建公眾號自動回復功能

摘要：今天的主角是如何搭建一個公眾號自動回復功能。對于大網站或者項目來說，找一家如阿里云騰訊云等云服務平臺，但對于個人只是想簡單的搭建一個公眾號管理自動回復功能，終究有些大材小用了結合使用相得映彰，而且可以根據需要升級擴展。程序員愛炫技，寫個公眾號文章，都想拿點技術整整【自動回復】；程序員愛偷懶，什么都想做個【自動化】，最好所有事情系統都給做了，點點手指頭就能達到目標。今天的主角是如何搭...

MobService 2019-08-20 18:15 評論0 收藏0
使用Ionic3框架開始第一個混合開發APP

摘要：什么是框架框架是一個混合開發框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關技術快速開發多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應用。什么是混合開發？簡單來說，就是在開發移動應用中同時使用Native和Web的開發方式。什么是Ionic3框架？ Ionic3框架是一個混合開發...

wangshijun 2019-08-02 15:57 評論0 收藏0
使用Ionic3框架開始第一個混合開發APP

摘要：什么是框架框架是一個混合開發框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關技術快速開發多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應用。什么是混合開發？簡單來說，就是在開發移動應用中同時使用Native和Web的開發方式。什么是Ionic3框架？ Ionic3框架是一個混合開發...

Mr_houzi 2019-08-21 11:54 評論0 收藏0