(1) 實作排序與分頁存取 (2) 實作本地快取機制

1. http://mvc.tw
臺北場
Azure Mobile Services (Mobile Apps) 的應用

2. http://mvc.tw
Mobile Services

3. http://mvc.tw
MOBILE SERVICES
• 快速建立行動應用程式的後端平台
• 三大功能
• 資料處理
• 身分驗證
• 推播通知
• 多樣化平台的選擇
• Windows / Windows Phone
• iOS
• Android
• HTML/Javascript
• Xamarin
• PhoneGap

4. http://mvc.tw
WHY ?
• 專心於行動應用程式開發
• 多平台的支援
• 簡化後端平台的管理負擔
• 彈性及快速的擴充能力

5. http://mvc.tw
SQL
Database
Mobile
Services
Microsoft Azure

6. http://mvc.tw
建立

7. http://mvc.tw

8. http://mvc.tw
public class azurecampdata
{
public string id { get; set; }
[JsonProperty(PropertyName = "__createdAt")]
public DateTime? createdAt { get; set; }
[JsonProperty(PropertyName = "__updatedAt")]
public DateTime? updatedAt { get; set; }
[JsonProperty(PropertyName = "__deleted")]
public bool deleted { get; set; }
public string name { get; set; }
public string city { get; set; }
public string address { get; set; }
}

9. http://mvc.tw
排序

10. http://mvc.tw
排序
• IMobileServiceTableQuery<T>. OrderBy
• IMobileServiceTableQuery<T>.
OrderByDescending

11. http://mvc.tw
(1) APP 端
MobileServiceCollection<azurecampdata, azurecampdata> result =
null;
IMobileServiceTable<azurecampdata> table =
ServicesHelper.MobileService.GetTable<azurecampdata>();
IMobileServiceTableQuery<azurecampdata> query =
table.OrderByDescending((x)=> x.updatedAt);
result = await query.ToCollectionAsync();

12. http://mvc.tw
(2) SERVER 端 SCRIPT

13. http://mvc.tw
效能與經濟

14. http://mvc.tw
SQL
Database
Mobile
Services
Microsoft Azure

15. http://mvc.tw
分頁
• IMobileServiceTableQuery<T>. Take
• 取得筆數
• IMobileServiceTableQuery<T>. Skip
• 跳過筆數
IMobileServiceTableQuery<azurecampdata> query =
table.OrderByDescending((x) => x.updatedAt).Skip(skip).Take(take);

16. http://mvc.tw
本地快取

17. http://mvc.tw
public class CachingPageData
{
private ObservableCollection<azurecampdata> _items;
public ObservableCollection<azurecampdata> Items
{
get { return _items; }
set { _items = value; }
}
public CachingPageData()
{ _items = new ObservableCollection<azurecampdata>(); }
}
本地快取
• 利用本地快取降低網路存取需求

18. http://mvc.tw
限制快取數量

19. http://mvc.tw
2 3 4
5
1
2 3 4
2 3 4

20. http://mvc.tw
http://skilltree.my
http://demoshop.tw http://www.hexdigits.com https://fb.me/studyazure
http://cacafly.com
主辦單位
合作伙伴
協辦單位

21. http://mvc.tw
• 本投影片所包含的商標與文字皆屬原著作者所有。
• 本投影片使用的圖片皆從網路搜尋。
• 本著作係採用姓名標示-非商業性-相同方式分享 3.0 台灣 (中華民國) 授權條款授權。
謝謝各位