ASP.NET Core 3全棧Web開發(fā)：使用.NET Core 3.1 和 Ang（第3版）

目　　錄

第1章 準備工作 1
1.1 技術需求 1
1.2 兩個框架，一個目標 2
1.2.1 ASP.NET Core的變革 2
1.2.2 Angular有哪些新變化？ 5
1.2.3 選擇.NET Core和Angular的理由 11
1.3 全棧方法 12
1.4 SPA、NWA和PWA 12
1.4.1 單頁面應用程序 13
1.4.2 原生Web應用程序 13
1.4.3 漸進式Web應用程序 13
1.4.4 產(chǎn)品負責人的期望 15
1.5 SPA項目示例 16
1.6 準備工作空間 16
1.6.1 免責聲明 17
1.6.2 創(chuàng)建項目 18
1.7 小結 22
1.8 推薦主題 22
第2章 探索項目 23
2.1 技術需求 23
2.2 解決方案概述 23
2.3 .NET Core后端 24
2.3.1 Razor頁面 24
2.3.2 控制器 25
2.3.3 配置文件 26
2.4 Angular前端 32
2.4.1 工作空間 32
2.4.2 /ClientApp/src/文件夾 38
2.4.3 測試應用 40
2.5 開始工作 44
2.5.1 靜態(tài)文件緩存 44
2.5.2 清理客戶端應用 48
2.6 小結 53
2.7 推薦主題 53
第3章 前端與后端的交互 55
3.1 技術需求 55
3.2 .NET Core健康檢查簡介 55
3.2.1 添加HealthCheck中間件 56
3.2.2 添加網(wǎng)際控制報文協(xié)議檢查 57
3.2.3 改進ICMPHealthCheck類 59
3.3 Angular中的健康檢查 64
3.3.1 創(chuàng)建Angular組件 64
3.3.2 將組件添加到Angular應用 73
3.4 小結 75
3.5 推薦主題 75
第4章 使用Entity Framework Core 創(chuàng)建數(shù)據(jù)模型 77
4.1 技術需求 77
4.2 WorldCities Web應用 78
4.3 數(shù)據(jù)源 80
4.4 數(shù)據(jù)模型 81
4.4.1 Entity Framework Core簡介 81
4.4.2 安裝Entity Framework Core 82
4.4.3 SQL Server數(shù)據(jù)提供者 83
4.4.4 數(shù)據(jù)建模方法 84
4.5 創(chuàng)建實體 88
4.5.1 定義實體 88
4.5.2 定義關系 92
4.6 獲取SQL Server 94
4.6.1 安裝SQL Server 2019 95
4.6.2 在Azure上創(chuàng)建數(shù)據(jù)庫 97
4.6.3 配置數(shù)據(jù)庫 102
4.7 使用代碼優(yōu)先方法創(chuàng)建數(shù)據(jù)庫 104
4.7.1 設置DbContext 105
4.7.2 數(shù)據(jù)庫初始化策略 106
4.7.3 更新appsettings.json文件 106
4.7.4 創(chuàng)建數(shù)據(jù)庫 107
4.7.5 添加初始遷移 107
4.8 填充數(shù)據(jù)庫 111
4.9 實體控制器 117
4.9.1 CitiesController 117
4.9.2 CountriesController 120
4.10 小結 120
4.11 推薦主題 121

第5章 獲取和顯示數(shù)據(jù) 123
5.1 技術需求 123
5.2 獲取數(shù)據(jù) 123
5.2.1 請求和響應 123
5.2.2 一個長列表 125
5.3 使用Angular Material提供數(shù)據(jù) 129
5.3.1 MatTableModule 131
5.3.2 MatPaginatorModule 134
5.3.3 MatSortModule 144
5.3.4 添加過濾功能 156
5.4 更新國家/地區(qū) 165
5.4.1 .NET Core 165
5.4.2 Angular 168
5.5 小結 173
5.6 推薦主題 174
第6章 表單和數(shù)據(jù)驗證 175
6.1 技術需求 175
6.2 探索Angular表單 176
6.2.1 Angular中的表單 176
6.2.2 使用表單的理由 177
6.2.3 模板驅動的表單 178
6.2.4 模型驅動的/響應式表單 179
6.3 構建第一個響應式表單 181
6.3.1 ReactiveFormsModule 181
6.3.2 CityEditComponent 182
6.3.3 添加導航鏈接 187
6.4 添加一個新城市 190
6.4.1 擴展CityEditComponent 190
6.4.2 添加Create a new City按鈕 193
6.4.3 HTML select 195
6.4.4 Angular Material select(MatSelectModule) 199
6.5 理解數(shù)據(jù)驗證 201
6.5.1 模板驅動的驗證 202
6.5.2 模型驅動的驗證 203
6.5.3 服務器端驗證 207
6.6 FormBuilder簡介 213
6.6.1 創(chuàng)建CountryEditComponent 213
6.6.2 測試CountryEditComponent 223
6.7 小結 226
6.8 推薦主題 226

第7章 代碼調整和數(shù)據(jù)服務 227
7.1 技術需求 227
7.2 優(yōu)化和調整 227
7.2.1 模板改進 228
7.2.2 類繼承 229
7.3 Bug修復和改進 232
7.3.1 驗證lat和lon 232
7.3.2 添加城市個數(shù) 235
7.3.3 DTO類——真的應該使用它們嗎？ 240
7.3.4 添加國家/地區(qū)名稱 244
7.4 數(shù)據(jù)服務 247
7.4.1 對比XMLHttpRequest與fetch(和HttpClient) 248
7.4.2 構建數(shù)據(jù)服務 251
7.5 小結 267
7.6 推薦主題 267
第8章 后端和前端調試 269
8.1 技術需求 269
8.2 后端調試 269
8.2.1 Windows還是Linux？ 270
8.2.2 基礎知識 270
8.2.3 條件斷點 270
8.2.4 Output窗口 273
8.2.5 調試EF Core 274
8.3 前端調試 280
8.3.1 Visual Studio中的JavaScript調試 280
8.3.2 瀏覽器開發(fā)者工具 282
8.3.3 調試Angular表單 284
8.3.4 客戶端調試 289
8.4 小結 290
8.5 推薦主題 290
第9章 ASP.NET Core和Angular單元測試 291
9.1 技術需求 291
9.2 .NET Core單元測試 292
9.2.1 創(chuàng)建WorldCities.Tests項目 292
9.2.2 第一個測試 294
9.2.3 測試驅動的開發(fā) 300
9.2.4 行為驅動的開發(fā) 301
9.3 Angular單元測試 302
9.3.1 一般概念 303
9.3.2 第一個Angular測試套件 304
9.4 小結 313
9.5 推薦主題 314
第10章 身份驗證和授權 315
10.1 技術需求 315
10.2 是否進行身份驗證和授權 316
10.2.1 身份驗證 316
10.2.2 授權 318
10.2.3 專有與第三方 318
10.3 使用.NET Core進行專有身份驗證和授權 319
10.3.1 ASP.NET Core Identity Model 320
10.3.2 設置ASP.NET Core Identity 321
10.4 更新數(shù)據(jù)庫 337
10.4.1 添加身份遷移 337
10.4.2 應用遷移 337
10.4.3 對數(shù)據(jù)執(zhí)行seed操作 339
10.5 身份驗證方法 341
10.5.1 會話 341
10.5.2 令牌 342
10.5.3 簽名 343
10.5.4 雙因子 343
10.5.5 結論 343
10.6 在Angular中實現(xiàn)身份驗證 343
10.6.1 創(chuàng)建AuthSample項目 344
10.6.2 探索Angular授權API 346
10.7 在WorldCities應用中實現(xiàn)授權API 359
10.7.1 導入前端授權API 359
10.7.2 調整后端代碼 361
10.7.3 測試登錄和注冊 364
10.8 小結 365
10.9 推薦主題 365
第11章 漸進式Web應用 367
11.1 技術需求 367
11.2 PWA的特征 367
11.2.1 安全源 368
11.2.2 離線加載和Web應用清單 369
11.3 實現(xiàn)PWA需求 370
11.3.1 手動安裝 370
11.3.2 自動安裝 377
11.4 處理離線狀態(tài) 379
11.4.1 選項1：窗口的isonline/isoffline事件 379
11.4.2 選項2：Navigator.onLine屬性 379
11.4.3 選項3：ng-connection-service npm包 380
11.4.4 跨請求資源共享 384
11.5 測試PWA能力 385
11.5.1 使用Visual Studio和IIS Express 385
11.5.2 其他測試方法 390
11.6 小結 391
11.7 推薦主題 392
第12章 Windows和Linux部署 393
12.1 技術需求 393
12.2 為生產(chǎn)環(huán)境做好準備 393
12.2.1 .NET Core部署提示 394
12.2.2 Angular部署提示 399
12.3 Windows部署 402
12.3.1 在MS Azure上創(chuàng)建一個Windows Server VM 402
12.3.2 配置VM 406
12.3.3 發(fā)布和部署HealthCheck應用 408
12.3.4 配置IIS 410
12.3.5 測試HealthCheck Web應用 414
12.4 Linux部署 415
12.4.1 在MS Azure中創(chuàng)建一個Linux CentOS VM 416
12.4.2 配置Linux VM 417
12.4.3 調整WorldCities應用 421
12.4.4 發(fā)布和部署WorldCities應用 423
12.4.5 配置Kestrel和Nginx 425
12.4.6 測試WorldCities應用 430
12.5 小結 432
12.6 推薦主題 433