課程大綱： 編可視化程序設(shè)計技術(shù)及應(yīng)用培訓
01
HelloWorld
環(huán)境安裝
課程簡介
平臺簡介
HelloWorld
Hello World（小程序）
02
控件
參考代碼
網(wǎng)格布局
堆棧布局
滾動視圖
超鏈接按鈕
彈出信息
開關(guān)
滑塊與數(shù)據(jù)綁定
網(wǎng)格布局（小程序）
開關(guān)（小程序）
03
高級控件
參考代碼
VisualStateManager
顯示一組數(shù)據(jù)
控件的套路
顯示一組數(shù)據(jù)（小程序）
04
管理數(shù)據(jù)
數(shù)據(jù)的類型
管理零散的數(shù)據(jù)：偏好存儲
管理批量的數(shù)據(jù)：數(shù)據(jù)庫
訪問遠程數(shù)據(jù)：Web服務(wù)
管理零散的數(shù)據(jù)：偏好存儲（小程序）
管理批量的數(shù)據(jù)：數(shù)據(jù)庫（小程序）
訪問遠程數(shù)據(jù)：Web服務(wù)（小程序）
參考代碼
05
Model-View-ViewModel(MVVM)模式
MVVM模式簡介
ViewModel與可綁定屬性
可綁定命令
ViewModelLocator與依賴注入
全局資源與數(shù)據(jù)綁定
重新審視MVVM
數(shù)據(jù)綁定的技術(shù)本質(zhì)
可綁定命令的技術(shù)本質(zhì)
MVVM的小程序?qū)崿F(xiàn)（小程序）
參考代碼
06
MVVM + IService架構(gòu)
重構(gòu)Database項目
RelayCommand與Live Template
IService
實現(xiàn)IService
整合ViewModel與IService
View與ViewModelLocator
反思MVVM + IService架構(gòu)
定義并實現(xiàn)Service（小程序）
整合ViewModel與Service（小程序）
參考代碼
07
開啟Dpx項目：重新審視數(shù)據(jù)庫
項目模板
參考代碼
主從項目模板
了解詩詞數(shù)據(jù)庫
詩詞類與實體關(guān)系映射
布局屬性與字符串常量
預(yù)覽屬性與可忽略映射
設(shè)計詩詞存儲服務(wù)接口
編碼規(guī)范
實現(xiàn)詩詞存儲1：const與static readonly
實現(xiàn)詩詞存儲2：創(chuàng)建嵌入式資源文件
實現(xiàn)詩詞存儲3：部署嵌入式資源文件
實現(xiàn)詩詞存儲4：追蹤數(shù)據(jù)庫版本
實現(xiàn)詩詞存儲5：操作數(shù)據(jù)庫
08
源代碼管理
簡介
創(chuàng)建項目
同步代碼
解決沖突
撤銷更改
分支開發(fā)
09
單元測試數(shù)據(jù)庫
創(chuàng)建測試項目
斷言文件是否存在
測試初始化數(shù)據(jù)庫
為測試而修改設(shè)計1：剝離無法測試的代碼
Mock接口與清理副作用
測算代碼覆蓋率
驗證Mock函數(shù)調(diào)用
Mock函數(shù)功能
測試幫助類
為測試而修改設(shè)計2：關(guān)閉數(shù)據(jù)庫
完成測試
10
搜索結(jié)果頁View與ViewModel
搜索結(jié)果頁View：準備工作
設(shè)計時數(shù)據(jù)
在ListView的底端顯示數(shù)據(jù)
搜索結(jié)果頁ViewModel：準備工作
無限滾動：準備工作
無限滾動：實現(xiàn)
在頁面顯示時加載數(shù)據(jù)
單元測試可綁定屬性
單元測試可綁定命令
連接View與ViewModel：準備工作
將命令關(guān)聯(lián)到事件
為測試運行而修改設(shè)計
無限滾動：設(shè)置控件行為
11
開啟Dpx-Mini項目：小程序數(shù)據(jù)庫（小程序）
創(chuàng)建項目（小程序）
數(shù)據(jù)庫服務(wù)（小程序）
詩詞存儲服務(wù)：定義成員變量（小程序）
詩詞存儲服務(wù)：獲取一條數(shù)據(jù)（小程序）
詩詞存儲服務(wù)：獲取一組數(shù)據(jù)（小程序）
搜索結(jié)果頁：定義成員變量（小程序）
搜索結(jié)果頁：在頁面顯示時加載數(shù)據(jù)（小程序）
搜索結(jié)果頁：為無限滾動載入數(shù)據(jù)（小程序）
搜索結(jié)果頁：關(guān)聯(lián)View與ViewModel（小程序）
搜索結(jié)果頁：使用wxs處理View數(shù)據(jù)
搜索結(jié)果頁：界面美化
12
導航
導航服務(wù)接口
導航功能介紹
訪問MainPage
Xamarin.Forms的NavigationPage
導航與MVVM + ISerivce架構(gòu)
定義頁面鍵
創(chuàng)建頁面實例：不優(yōu)雅的做法
緩存頁面實例
使用內(nèi)容導航服務(wù)
創(chuàng)建頁面實例：優(yōu)雅的做法
帶參數(shù)導航：介紹
帶參數(shù)導航：自定義可綁定屬性
帶參數(shù)導航：綁定到自定義可綁定屬性
帶參數(shù)導航：賦值到自定義可綁定屬性
13
值轉(zhuǎn)換器
詩詞詳情頁
定義值轉(zhuǎn)換器
單元測試值轉(zhuǎn)換器
使用值轉(zhuǎn)換器
向可綁定命令傳遞參數(shù)
帶參數(shù)的可綁定命令
單元測試帶參數(shù)的可綁定命令
使用值轉(zhuǎn)換器向可綁定命令傳遞參數(shù)
反思帶參數(shù)導航與值轉(zhuǎn)換器
14
導航（小程序）
準備工作（小程序）
內(nèi)容導航服務(wù)（小程序）
詩詞詳情頁：按條件生成CSS（小程序）
詩詞詳情頁：處理縮進（小程序）
調(diào)用導航服務(wù)（小程序）
測試導航服務(wù)（小程序）
15
收藏存儲
設(shè)計收藏存儲服務(wù)
設(shè)計收藏Model
更新收藏存儲服務(wù)的設(shè)計
實現(xiàn)收藏存儲服務(wù)
準備單元測試
測試收藏存儲
在詩詞結(jié)果頁上顯示收藏狀態(tài)：ViewModel部分
在詩詞結(jié)果頁上顯示收藏狀態(tài)：View部分
Switch控件的神奇問題
修復(fù)收藏存儲的錯誤
16
收藏存儲（小程序）
收藏存儲：讀取數(shù)據(jù)（小程序）
收藏存儲：保存數(shù)據(jù)（小程序）
在詩詞結(jié)果頁上顯示收藏狀態(tài)：讀取數(shù)據(jù)（小程序）
在詩詞結(jié)果頁上顯示收藏狀態(tài)：保存數(shù)據(jù)（小程序）
17
LINQ、線程安全與事件
準備詩詞收藏頁ViewModel
LINQ與await
詩詞收藏頁View
詩詞收藏頁的數(shù)據(jù)重復(fù)加載問題
線程安全問題
兩階段加鎖
跨頁面同步數(shù)據(jù)：簡介
跨頁面同步數(shù)據(jù)：定義事件
跨頁面同步數(shù)據(jù)：處理事件
跨頁面同步數(shù)據(jù)：單元測試事件
18
事件（小程序）
詩詞收藏頁（小程序）
在回調(diào)函數(shù)中關(guān)聯(lián)數(shù)據(jù)（小程序）
回調(diào)函數(shù)與變量的作用域（小程序）
利用回調(diào)函數(shù)實現(xiàn)事件（小程序）
19
根導航
設(shè)計根導航服務(wù)
實現(xiàn)根頁面激活服務(wù)
實現(xiàn)根導航服務(wù)
導航菜單頁View
導航菜單頁ViewModel
整合導航菜單頁View與ViewModel
初始化App：初始化頁ViewModel
初始化App：初始化頁View
解決根導航的錯誤
20
根導航（小程序）
小程序根導航（小程序）
21
跨設(shè)備同步數(shù)據(jù)
跨設(shè)備同步功能介紹
為同步更新設(shè)計：本地數(shù)據(jù)
設(shè)計遠程收藏存儲服務(wù)
設(shè)計同步服務(wù)接口
實現(xiàn)同步服務(wù)
同步算法
單元測試同步服務(wù)
22
與OneDrive同步
安裝Microsoft Graph客戶端
注冊App ID
基于OneDrive的遠程收藏存儲
登錄到OneDrive
測試登錄
其他與登錄有關(guān)的函數(shù)
壓縮收藏數(shù)據(jù)
上傳收藏數(shù)據(jù)到OneDrive
從OneDrive下載收藏數(shù)據(jù)
數(shù)據(jù)同步頁ViewModel
數(shù)據(jù)同步頁View
23
訪問Web服務(wù)
設(shè)計詩詞推薦服務(wù)接口
可以使用拼音命名變量么？
訪問Web服務(wù)：錯誤的方法
HttpClient存在的問題
處理網(wǎng)絡(luò)異常
在主線程上執(zhí)行UI交互
優(yōu)雅地生成錯誤信息
將非正常HTTP狀態(tài)碼處理為異常
簡測GetToken函數(shù)
獲取詩詞推薦
簡測GetTodayPoetry函數(shù)
生成隨機推薦
總結(jié)
24
單元測試Web服務(wù)
簡介
使用SoapUI Mock Web服務(wù)
使用SwitchHosts解析域名
反向代理服務(wù)器：簡介
安裝node-http-proxy
準備KeyTool
使用KeyTool生成密鑰存儲
使用KeyStore Explorer生成p12文件
將p12證書導入到操作系統(tǒng)
為服務(wù)器生成證書
Mock HTTPS Web服務(wù)
單元測試Web服務(wù)客戶端
Mock并測試Sentence服務(wù)客戶端
總結(jié)
25
文件的下載與緩存
簡介
設(shè)計今日圖片服務(wù)
設(shè)計今日圖片存儲服務(wù)
利用圖片存儲服務(wù)讀取圖片
理解必應(yīng)每日圖片服務(wù)
檢查圖片更新的策略與方法
測試TodayImageService
實現(xiàn)圖片存儲服務(wù)
詩詞推薦頁ViewModel
詩詞推薦頁View
將字節(jié)數(shù)組轉(zhuǎn)換為圖像源
多線程
深入await/async
深入依賴注入
26
訪問Web服務(wù)（小程序）
警告服務(wù)（小程序）
偏好存儲（小程序）
生成錯誤信息（小程序）
訪問今日詩詞服務(wù)：準備工作（小程序）
訪問今日詩詞服務(wù)：獲得Token（小程序）
訪問今日詩詞服務(wù)：獲得詩詞推薦（小程序）
生成隨機推薦（小程序）
27
顯示圖片與檢查更新（小程序）
圖片信息存儲服務(wù)（小程序）
今日圖片服務(wù)（小程序）
今日推薦頁ViewModel（小程序）
今日推薦頁View（小程序）
28
服務(wù)器端身份驗證
服務(wù)器端開發(fā)的基礎(chǔ)設(shè)施：自有服務(wù)器
服務(wù)器端開發(fā)的基礎(chǔ)設(shè)施：云服務(wù)器
服務(wù)器端開發(fā)的平臺選擇：XaaS
服務(wù)器端開發(fā)的平臺選擇：Azure Functions
身份驗證服務(wù)提供商：Auth0
設(shè)計服務(wù)器端身份驗證服務(wù)
為安卓項目準備身份驗證
安卓項目的身份驗證服務(wù)
注冊Auth0
注冊GitHub APP ID
獲得訪問Token
認識JWT Token
iOS項目的身份驗證服務(wù)
UWP項目的身份驗證服務(wù)
實現(xiàn)自己的身份驗證服務(wù)：使用IdentityServer
準備Azure遠程收藏存儲
實現(xiàn)Azure遠程收藏存儲
測試客戶端
設(shè)計服務(wù)器端身份驗證服務(wù)
實現(xiàn)服務(wù)器端身份驗證服務(wù)
首個Function：Ping
29
服務(wù)器端授權(quán)
簡介
服務(wù)器端鍵值存儲：Azure Table Storage
連接到Table Storage：使用AzureStorageAccountProvider
服務(wù)器端授權(quán)服務(wù)
準備授權(quán)數(shù)據(jù)庫
測試服務(wù)器端授權(quán)服務(wù)
30
服務(wù)器端函數(shù)
設(shè)計并實現(xiàn)服務(wù)器端收藏存儲服務(wù)
服務(wù)器端依賴注入
實現(xiàn)保存函數(shù)
測試保存函數(shù)
實現(xiàn)讀取函數(shù)
完成客戶端
測試客戶端
31
ViewModel in ViewModel
小ViewModel
大ViewModel
用于ViewModel in ViewModel的View
動態(tài)LINQ簡介
實現(xiàn)動態(tài)LINQ
測試動態(tài)LINQ
完結(jié)項目
32
ViewModel in ViewModel（小程序）
實現(xiàn)VM in VM（小程序）
用于VM in VM的View（小程序）
支持VM in VM的事件（小程序）
生成動態(tài)查詢（小程序）
云函數(shù)概覽（小程序）
加入高級會員獲得助教答疑
