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

目　　錄

第1章 準(zhǔn)備工作 1
1.1 技術(shù)需求 1
1.2 兩個(gè)框架，一個(gè)目標(biāo) 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 單頁面應(yīng)用程序 13
1.4.2 原生Web應(yīng)用程序 13
1.4.3 漸進(jìn)式Web應(yīng)用程序 13
1.4.4 產(chǎn)品負(fù)責(zé)人的期望 15
1.5 SPA項(xiàng)目示例 16
1.6 準(zhǔn)備工作空間 16
1.6.1 免責(zé)聲明 17
1.6.2 創(chuàng)建項(xiàng)目 18
1.7 小結(jié) 22
1.8 推薦主題 22
第2章 探索項(xiàng)目 23
2.1 技術(shù)需求 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 測(cè)試應(yīng)用 40
2.5 開始工作 44
2.5.1 靜態(tài)文件緩存 44
2.5.2 清理客戶端應(yīng)用 48
2.6 小結(jié) 53
2.7 推薦主題 53
第3章 前端與后端的交互 55
3.1 技術(shù)需求 55
3.2 .NET Core健康檢查簡介 55
3.2.1 添加HealthCheck中間件 56
3.2.2 添加網(wǎng)際控制報(bào)文協(xié)議檢查 57
3.2.3 改進(jìn)ICMPHealthCheck類 59
3.3 Angular中的健康檢查 64
3.3.1 創(chuàng)建Angular組件 64
3.3.2 將組件添加到Angular應(yīng)用 73
3.4 小結(jié) 75
3.5 推薦主題 75
第4章 使用Entity Framework Core 創(chuàng)建數(shù)據(jù)模型 77
4.1 技術(shù)需求 77
4.2 WorldCities Web應(yīng)用 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)建實(shí)體 88
4.5.1 定義實(shí)體 88
4.5.2 定義關(guān)系 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 設(shè)置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 實(shí)體控制器 117
4.9.1 CitiesController 117
4.9.2 CountriesController 120
4.10 小結(jié) 120
4.11 推薦主題 121

第5章 獲取和顯示數(shù)據(jù) 123
5.1 技術(shù)需求 123
5.2 獲取數(shù)據(jù) 123
5.2.1 請(qǐng)求和響應(yīng) 123
5.2.2 一個(gè)長列表 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 小結(jié) 173
5.6 推薦主題 174
第6章 表單和數(shù)據(jù)驗(yàn)證 175
6.1 技術(shù)需求 175
6.2 探索Angular表單 176
6.2.1 Angular中的表單 176
6.2.2 使用表單的理由 177
6.2.3 模板驅(qū)動(dòng)的表單 178
6.2.4 模型驅(qū)動(dòng)的/響應(yīng)式表單 179
6.3 構(gòu)建第一個(gè)響應(yīng)式表單 181
6.3.1 ReactiveFormsModule 181
6.3.2 CityEditComponent 182
6.3.3 添加導(dǎo)航鏈接 187
6.4 添加一個(gè)新城市 190
6.4.1 擴(kuò)展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ù)驗(yàn)證 201
6.5.1 模板驅(qū)動(dòng)的驗(yàn)證 202
6.5.2 模型驅(qū)動(dòng)的驗(yàn)證 203
6.5.3 服務(wù)器端驗(yàn)證 207
6.6 FormBuilder簡介 213
6.6.1 創(chuàng)建CountryEditComponent 213
6.6.2 測(cè)試CountryEditComponent 223
6.7 小結(jié) 226
6.8 推薦主題 226

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