網頁程式設計ASP.NET MVC 5.x範例完美演繹

    第四版(適用Visual C# 2022/2019)

    Collecting
    US$20.61

    內容簡介


    知名技術部落格「DotNet開發聖殿」以多年程式開發經驗,將業界的專業開發技巧融入於書中。

    為MVC新手設計的絕佳教材,從精闢原理解說開始,再導引到實務範例。內容注重MVC範例展示,培養實作MVC程式的能力,而非讀完MVC理論,卻不知如何下手。或者您曾學過MVC或研讀過其他書籍,在技術與觀念仍無法領略MVC精髓,希望重奠根基,重理大腦完整思路,那麼這本書正可滿足您的需求。
    精選內容,讓您Do Less, Get More,短時間內培養出即戰力,本書內容有:
    * Visual Studio 2022工具安裝、MVC開發環境建立與程式部署
    * 介紹MVC架構如何三分天下,精解Model、View與Controller三者職責與運作
    * View / HTML Helpers / Bundle & Minification / Layout功能大解析
    * 全面掌握Razor語法,提升View頁面的智慧與判斷力
    * 用開源Chart.js及JSON製作HTML5互動式商業統計圖表
    * 以jQuery Ajax / Web API 2.0 / JSON三劍客建立輕量級高效能網站
    * 以真實汽車銷售網站演示Routing路由大法,認識這位引導網站人流的大管家
    * Entity Framework的Database First / Model First / Code First完全制霸
    * 用單元測試提升MVC程式之品質
    * 將MVC應用程式部署至Microsoft Azure雲端平台
    * 將MVC延伸到ASP.NET Core,讓您掌握最新前沿技術的應用

    作者介紹


    聖殿祭司 奚江華
    *DotNet開發聖殿Blog版主 blog.sina.com.tw/dotnet/
    *曾歷任台灣微軟MSDN, TechED, TechDay研討會講師
    *軟體開發技術顧問

    目錄


    CH01 ASP.NET MVC概觀與 Visual Studio 2022開發環境
    CH02 掌握Controller / View / Model / Scaffolding / Layout五大元素
    CH03 Bootstrap網頁美型彩妝師
    CH04 用Razor語法提升View 的智慧與戰鬥力
    CH05 以開源Chart.js及JSON繪製HTML5互動式商業統計圖表
    CH06 JSON資料格式及Web API 2.0服務應用大解析
    CH07 以HTML Helpers製作CRUD 資料讀寫電子表單
    CH08 以Routing路由建立汽車銷售網站的URL查詢實戰
    CH09 Entity Framework與資料庫存取(一):Database First資料庫優先 & Model First模型優先
    CH10 Entity Framework與資料庫存取(二):Code First程式優先
    CH11 Unit Test單元測試
    CH12 將MVC程式部署到Microsoft Azure雲端
    CH13 新世代ASP.NET Core MVC應用程式初體驗
    附錄A ASP.NET MVC行動網頁與jQuery Mobile完美整合(電子書,請線上下載)
    附錄B 用jQuery Mobile 建立跨平台行動網頁-以汽車銷售網站為例(電子書,請線上下載)

    Content

    • 1-1
      封面頁
    • 1-2
      書名頁
    • 1-3
      作者序
    • 1-4
      目錄
    • 1-5
      範例目錄
    • 1-6
      CH01 ASP.NET MVC 概觀與Visual Studio 2017 開發環境
    • 1-7
      1-1 MVC 樣式 vs. ASP.NET MVC 框架
    • 1-8
      1-2 Visual Studio 2017 開發工具下載及安裝
    • 1-9
      1-3 ASP.NET MVC 框架組成及運作流程
    • 1-10
      1-4建立第一個MVC 專案與檢視六大步驟的對應檔
    • 1-11
      範例1-1 建立第一個MVC 專案
    • 1-12
      1-5 掌握Controller、Model 及View 的建立技巧
    • 1-13
      範例1-2 逐步建立自訂的Controller、Model 及View
    • 1-14
      1-6 解析ASP.NET MVC 專案資料夾功用
    • 1-15
      1-7 談身份驗證的四種模式
    • 1-16
      1-8 用NuGet 管理專案Library 套件
    • 1-17
      1-9 IIS Express 及SQL Server ExpressLocalDB 開發環境
    • 1-18
      1-10 ASP.NET MVC 與ASP.NET Web Form 優缺點之比較
    • 1-19
      1-11 部署ASP.NET MVC 應用程式至IIS 網站
    • 1-20
      1-12 建立Model 時常用的C#物件和集合初始設定式
    • 1-21
      1-13 專案程式列表及使用方式
    • 1-22
      1-14 結論
    • 1-23
      CH02 掌握Controller / View / Model / Scaffolding / Layout 五大元素
    • 1-24
      2-1 Controller / Action 之職責功用與運作流程
    • 1-25
      2-1-1 從路由找到對應的Controller 及Action 進行調用
    • 1-26
      2-1-2 Controller 與Action 的角色與功用
    • 1-27
      2-2 View 檢視
    • 1-28
      2-3 Controller 傳遞資料給View 的四種途徑
    • 1-29
      2-3-1 以ViewData 傳遞資料
    • 1-30
      2-3-2 以ViewBag 傳遞資料
    • 1-31
      2-3-3 以Model 傳遞資料
    • 1-32
      範例2-1 Controller 傳遞資料給View-以寵物店為例
    • 1-33
      2-3-4 以TempData 傳遞資料
    • 1-34
      2-4 建立Model 模型與強型別檢視
    • 1-35
      2-4-1 利用Scaffolding 從Model 產出View 檢視
    • 1-36
      範例2-2 製作員工通訊錄列表
    • 1-37
      2-4-2 強型別檢視和動態型別檢視之區別
    • 1-38
      2-5 利用Data Annotations 技巧將Model 欄位名稱用中文顯示
    • 1-39
      2-6 以Scaffolding 快速建立完整的CRUD 資料庫讀寫程式
    • 1-40
      2-6-1 以Scaffolding 快速建立CRUD 資料庫讀寫程式
    • 1-41
      範例2-3 以Scaffolding 快速建立CRUD 的資料庫應用程式
    • 1-42
      2-6-2 Scaffolding 產出的CRUD 相關檔案及結構說明
    • 1-43
      2-7 網站Layout 佈局檔
    • 1-44
      2-7-1 Layout 佈局檔實際內容結構
    • 1-45
      2-7-2 為個別View 指定新的Layout 佈局檔
    • 1-46
      範例2-4 建立新的佈局檔讓View 套用
    • 1-47
      2-7-3 CSS 及JavaScript 函式庫參考與Bundle 和Minification 之間的關係
    • 1-48
      2-8 Controller / Action / View 名稱調整與Convention 約定
    • 1-49
      範例2-5 Controller / Action / View 名稱異動的練習
    • 1-50
      2-9 View 預設的搜尋路徑及過程
    • 1-51
      2-10 Action 的設計限制
    • 1-52
      2-11 Action 回傳的十五種Action Result 動作結果
    • 1-53
      2-11-1 ActionResult 基底類別與其衍生類別
    • 1-54
      2-11-2 ViewResult 動作結果
    • 1-55
      2-11-3 PartialViewResult 動作結果
    • 1-56
      2-11-4 ContentResult 動作結果
    • 1-57
      2-11-5 EmptyResult 動作結果
    • 1-58
      2-11-6 JavaScriptResult 動作結果
    • 1-59
      2-11-7 JsonResult 動作結果
    • 1-60
      2-11-8 FileResult 動作結果
    • 1-61
      2-11-9 RedirectResult 動作結果
    • 1-62
      2-11-10 RedirectToRouteResult 動作結果
    • 1-63
      2-11-11 HttpStatusCodeResult 動作結果
    • 1-64
      2-12 結論
    • 1-65
      CH03 Bootstrap 網頁美型彩妝師
    • 1-66
      3-1 Bootstrap 功能概觀
    • 1-67
      3-2 MVC 中的Bootstrap 環境與設定
    • 1-68
      3-3 在HTML 中使用Bootstrap 樣式與UI 元件
    • 1-69
      3-3-1 Bootstrap 支援的瀏覽器版本
    • 1-70
      3-3-2 Bootstrap 的HTML 樣板
    • 1-71
      範例3-1 建立Bootstrap 的HTML 樣板
    • 1-72
      3-3-3 Panel 面板(元件)
    • 1-73
      3-3-4 Button 按鈕(樣式)
    • 1-74
      3-3-5 Jumbotron 超大螢幕(元件)
    • 1-75
      3-3-6 Glyphicons 字型圖示(元件)
    • 1-76
      3-3-7 Label 標籤(元件)
    • 1-77
      3-3-8 Input groups 輸入群組(元件)
    • 1-78
      3-3-9 Badge 徽章標誌(元件)
    • 1-79
      3-3-10 文字顏色(樣式)
    • 1-80
      3-3-11 背景顏色(樣式)
    • 1-81
      3-3-12 文字對齊(樣式)
    • 1-82
      3-3-13 Table 表格(樣式)
    • 1-83
      3-3-14 Navbar 導航列(元件)
    • 1-84
      3-3-15 Dropdown(元件)
    • 1-85
      3-3-16 List group(元件)
    • 1-86
      3-4 在MVC 專案中使用Bootstrap 樣式及元件
    • 1-87
      3-4-1 解說MVC 專案如何參考及引用Bootstrap
    • 1-88
      3-4-2 用Bootstrap 改造與美化View 檢視頁面
    • 1-89
      範例3-2 以Scaffolding 產生CRUD 樣板及員工資料
    • 1-90
      範例3-3 以Bootstrap 改造及美化View 檢視的UI 介面
    • 1-91
      3-5 以Section 機制將View 自訂的css 及js 投射到佈局檔指定位置
    • 1-92
      範例3-4 以Section 將View 自訂的css 及js 產生到指定位置
    • 1-93
      3-6 Gird 網格系統簡介
    • 1-94
      3-6-1 Grid 系統以12 個欄位為版面配置基準
    • 1-95
      3-6-2 row 中欄位組成與版面配置
    • 1-96
      3-7 結論
    • 1-97
      CH04 用Razor 語法提升View 的智慧與戰鬥力
    • 1-98
      4-1 Razor 概觀
    • 1-99
      4-2 Razor 語法規則
    • 1-100
      4-3 Razor 判斷式與流程控制
    • 1-101
      4-3-1 if...else 條件判斷式
    • 1-102
      4-3-2 switch...case 判斷式
    • 1-103
      4-3-3 for 迴圈
    • 1-104
      4-3-4 foreach 陳述式
    • 1-105
      4-3-5 while 陳述式
    • 1-106
      4-3-6 do...while 陳述式
    • 1-107
      4-4 以Razor 語法判斷成績高低並標示不同顏色之實例
    • 1-108
      範例4-1 製作學生考試成績列表
    • 1-109
      範例4-2 以Razor 語法判斷學生成績高低及找出總分最高者
    • 1-110
      範例4-3 在View 中以純粹的Razor 及LINQ 語法找出總分最高者
    • 1-111
      4-5 以@helper 指示詞建立可重複使用的RazorHelper
    • 1-112
      範例4-4 建立可重複使用的Razor Helper
    • 1-113
      4-6將個別頁面中的Razor Helper 提升到全網站共用
    • 1-114
      範例4-5 自訂全網站可用的Razor Helper
    • 1-115
      4-7 建立可重複使用的Partial View 部分檢視
    • 1-116
      4-7-1 Partial View 運作方式與特性
    • 1-117
      4-7-2 Partial View 的資料傳遞方式
    • 1-118
      範例4-6 將人物牌卡製作成Partial View,供所有View 呼叫使用
    • 1-119
      範例4-7 傳遞model 資料到Partial View,動態生成不同的牌卡
    • 1-120
      4-8 結論
    • 1-121
      CH05 以開源Chart.js 及JSON 繪製HTML5 互動式商業統計圖表
    • 1-122
      5-1 熱門JavaScript 繪圖函式庫介紹
    • 1-123
      5-2 Chart.js 內建的八種商業圖形
    • 1-124
      5-3 MVC 專案中Chart.js 的安裝與參考方式
    • 1-125
      5-4在HTML 中使用Chart.js 繪製常用商業統計圖表
    • 1-126
      5-4-1 Chart.js 語法結構
    • 1-127
      5-4-2 用Line 折線圖繪製月均溫趨勢
    • 1-128
      範例5-1 用Line 折線圖繪製月均溫
    • 1-129
      5-4-3 Line 的點、線和填充模式之變化
    • 1-130
      範例5-2 Line 的點、線和填充模式變化之綜合演練
    • 1-131
      5-4-4 用Bar 長條圖繪製投票統計數
    • 1-132
      範例5-3 用Bar 長條圖繪製員工國外旅遊投票統計
    • 1-133
      5-4-5 用Radar 雷達圖繪製公司營運管理指標之比較
    • 1-134
      範例5-4 用Radar 雷達圖繪製公司營運管理面向指標
    • 1-135
      5-4-6 用Pie 圓餅圖繪製公司人力資源分佈
    • 1-136
      例5-5 用Pie 與Doughnut Chart 繪製職務類型及學歷分佈比例
    • 1-137
      5-5 在MVC 中整合Chart.js 與JSON 資料存取
    • 1-138
      範例5-6 MVC 以Line 折線圖繪製各地區月份平均氣溫
    • 1-139
      範例5-7 MVC 從Controller 傳遞資料給View 的Line 折線圖繪製月均溫
    • 1-140
      範例5-8 MVC 以Bar 長條圖統計國外旅遊投票數
    • 1-141
      範例5-9 MVC 以Radar 雷達圖進行兩類車種之六大面向比較
    • 1-142
      範例5-10 MVC 用Pie 與Doughnut Chart 繪製年度產品營收及地區貢獻度
    • 1-143
      5-6 結論
    • 1-144
      CH06 JSON 資料格式及Web API 2.0 服務應用大解析
    • 1-145
      6-1 JSON 概觀
    • 1-146
      6-1-1 JSON 資料結構
    • 1-147
      6-1-2 JSON 資料的編碼(序列化)與解碼(反序列化)
    • 1-148
      6-2 JavaScript 中的JSON 編解碼與存取
    • 1-149
      6-2-1 JavaScript 中JSON 物件結構資料的編碼與解碼
    • 1-150
      範例6-1 JSON 物件結構在JavaScript 中的編解碼與存取
    • 1-151
      6-2-2 JavaScript 中JSON 陣列結構資料的編碼與解碼
    • 1-152
      範例6-2 JSON 陣列結構在JavaScript 中的編解碼與存取
    • 1-153
      6-3 Controller 傳遞JSON 資料給View 的Chart.js 繪圖元件
    • 1-154
      範例6-3 Controller 傳遞JSON 資料給View 繪製月均溫折線圖
    • 1-155
      6-4 以Ajax 呼叫Controller / Action 取回JSON資料
    • 1-156
      6-4-1 以MVC 的Controller / Action 建立API 服務
    • 1-157
      範例6-4 以MVC 的Controller / Action 建立API 服務
    • 1-158
      6-4-2 四類簡單易用的jQuery Ajax 指令
    • 1-159
      範例6-5 用jQuery Ajax 呼叫遠端API 取回JSON 汽車銷售資料
    • 1-160
      範例6-6 以Ajax 向後端API 取回JSON 資料,繪製汽車銷售趨勢圖
    • 1-161
      6-5 以ASP.NET Web API 2 建立HTTP 服務與API
    • 1-162
      範例6-7 以Web API 2.0 建立汽車銷售數據查詢專用API 服務
    • 1-163
      6-6 以Postman 測試API 輸出資料是否正常
    • 1-164
      範例6-8 以Postman 對Web API 送出請求及接收資料
    • 1-165
      6-7 結論
    • 1-166
      CH07 以HTML Helpers 製作CRUD 資料讀寫電子表單
    • 1-167
      7-1 HTML Helpers 簡介
    • 1-168
      7-2 HTML Helpers 常用指令
    • 1-169
      範例7-1 以ValidationMessage 及ValidationSummary 方法產生輸入驗證
    • 1-170
      7-3 HTML Helpers 套用Bootstrap 樣式或加入額外HTML 屬性
    • 1-171
      7-4 以HTML Helpers 和Entity Framework 製作資料庫讀寫表單程式
    • 1-172
      7-4-1 用Entity Framework Code First Migrations產生資料庫及樣本資料
    • 1-173
      範例7-2 用Code First Migrations 建立資料庫及樣本資料
    • 1-174
      7-4-2 從GET 與POST 角度解釋CRUD 四類Views 與Actions 的對應關係
    • 1-175
      7-4-3 Index 資料清單功能建立
    • 1-176
      範例7-3 顯示員工資料清單-Index
    • 1-177
      7-4-4 Details 資料明細功能建立
    • 1-178
      範例7-4 顯示員工明細資料-Details
    • 1-179
      7-4-5 Create 新增資料功能建立
    • 1-180
      範例7-5 新增員工資料-Create
    • 1-181
      7-4-6 Edit 編輯資料功能建立
    • 1-182
      範例7-6 編輯員工資料-Edit
    • 1-183
      7-4-7 Delete 刪除資料功能建立
    • 1-184
      範例7-7 刪除員工資料-Delete
    • 1-185
      7-5 結論
    • 1-186
      CH08 ASP.NET MVC 行動網頁與jQuery Mobile 完美整合
    • 1-187
      8-1 ASP.NET MVC 行動網頁支援功能
    • 1-188
      8-1-1 Display Modes 顯示模式與User-Agent 字串
    • 1-189
      8-1-2 以Display Modes 解析User-Agent 字串以調用專屬的行動檢視頁
    • 1-190
      範例8-1 為Home/Index 增加行動裝置專用的View 檢視頁
    • 1-191
      範例8-2 新增Display Modes 設定以支援iPhone 及Android 專用檢視頁
    • 1-192
      8-1-3 其他與行動開發有關的部分
    • 1-193
      8-2 Viewport 檢視區設定
    • 1-194
      8-3 jQuery Mobile 行動UI 開發框架概述
    • 1-195
      8-4 安裝jQuery.Mobile.MVC 套件
    • 1-196
      8-5 在MVC中實現桌面版與行動版共同協作的網頁設計
    • 1-197
      範例8-3 在MVC 中建立桌面版與行動版共存的雙協作設計
    • 1-198
      8-6 行動裝置的模擬瀏覽工具與技巧
    • 1-199
      8-7 結論
    • 1-200
      CH09 用jQuery Mobile 建立跨平台行動網頁-以汽車銷 售網站為例
    • 1-201
      9-1 jQuery Mobile 行動開發框架概觀
    • 1-202
      9-1-1 jQuery Mobile 功能特色
    • 1-203
      9-1-2 jQuery Mobile 跨平台的瀏覽器支援
    • 1-204
      9-2 MVC 專案中的jQuery Mobile 安裝與環境設定
    • 1-205
      9-3 Pages 頁面功能
    • 1-206
      9-3-1 Page 語法結構
    • 1-207
      9-3-2 單一Page 的建立
    • 1-208
      9-3-3 多重Pages 的建立
    • 1-209
      9-3-4 在MVC 中建立Pages 及資料庫存取
    • 1-210
      範例9-1 在MVC 中建立jQuery Mobile 單一Page 程式
    • 1-211
      範例9-2 在MVC 中建立jQuery Mobile 多重Pages 程式
    • 1-212
      範例9-3 用Partial View 將多重Pages 程式進一步精煉
    • 1-213
      範例9-4 從資料庫讀取資料以動態建立多重Pages 程式
    • 1-214
      9-4 Toolbar 工具列-Header 與Footer
    • 1-215
      9-5 Icon 圖示
    • 1-216
      9-6 Button 按鈕
    • 1-217
      9-7 Dialog 對話方塊與Transition 轉場動畫效果
    • 1-218
      9-8 Listview 資料清單與導航元件
    • 1-219
      9-9 為汽車公司建立銷售及維修行動網頁之實際案例
    • 1-220
      範例9-5 建立汽車銷售及維修Mobile Web 行動網頁實例
    • 1-221
      範例9-6 從資料庫讀取資料以動態建立汽車資訊Listview 清單
    • 1-222
      9-10 Table 元件與RWD 模式
    • 1-223
      9-11 結論
    • 1-224
      CH10 以Routing 路由建立汽車銷售網站的URL 查詢實戰
    • 1-225
      10-1 探討Routing 路由誕生的原因與優勢
    • 1-226
      10-2 路由的載入與定義
    • 1-227
      10-3 路由URL Pattern 樣式比對模式及找尋過程
    • 1-228
      10-3-1 路由URL Pattern 樣式的比對模式與過程
    • 1-229
      10-3-2 URL Pattern 之Segment 區段與Placeholder參數
    • 1-230
      10-4 為汽車網站建立快捷人性化的路由查詢實戰
    • 1-231
      10-5 路由資訊與參數的讀取
    • 1-232
      範例10-1 在Controller 及View 中讀取路由資訊
    • 1-233
      10-6 汽車網站專案之環境設定與程式建立
    • 1-234
      範例10-2 在專案中安裝jQuery Mobile 與汽車資料的初始化
    • 1-235
      範例10-3 建立汽車銷售網站程式
    • 1-236
      10-7 用OutputCache 快取網頁內容以增加效能
    • 1-237
      10-8 結論
    • 1-238
      CH11 Entity Framework 與資料庫存取(一): Database First 資料庫優先 & Model First 模型優先
    • 1-239
      11-1 Entity Framework 與ORM 概觀
    • 1-240
      11-2 Entity Framework 6 支援的ORM 功能
    • 1-241
      11-3 Entity Framework 的三種開發模式
    • 1-242
      11-4 Database First 資料庫優先
    • 1-243
      11-4-1 EDM 模型的建立與使用
    • 1-244
      範例11-1 從既有Northwind 料庫產生Entity Data Model 資料模型
    • 1-245
      11-4-2 EDM 資料模型組成解析與CRUD 查詢
    • 1-246
      範例11-2 對EDM 資料模型做CRUD 操作
    • 1-247
      11-5 Model First 模型優先
    • 1-248
      範例11-3 以Model First 的EDM 模型產生新資料庫
    • 1-249
      範例11-4 用EF 程式對BlogDataModel 資料模型做資料新增及查詢
    • 1-250
      11-6 檢視EF 產生的DbContext 及實體資料模型檔
    • 1-251
      11-7 從資料庫更新模型 / 由模型產生資料庫
    • 1-252
      範例11-5 在Database First 模式下,將資料庫Table 新增的欄位更新至EDM 模型
    • 1-253
      範例11-6 在Model First 模式下,將改變後的EDM 模型設計更新至資料庫
    • 1-254
      11-8 結論
    • 1-255
      CH12 Entity Framework 與資料庫存取(二): Code First 程式優先
    • 1-256
      12-1 什麼是Code First 程式優先
    • 1-257
      12-2 在主控台專案用Code First 建立新資料庫
    • 1-258
      範例12-1 在主控台專案以Code First 建立新資料庫
    • 1-259
      12-3 在主控台專案用Code First 存取現有資料庫
    • 1-260
      範例12-2 在主控台專案以Code First 存取現有資料庫
    • 1-261
      12-4 在MVC 專案中使用Code First
    • 1-262
      12-4-1 在MVC 專案中以Code First 建立新資料庫
    • 1-263
      範例12-3 在MVC 使用Code First 建立部落格CRUD 網頁程式
    • 1-264
      12-4-2 MVC 專案中以Code First 存取現有資料庫
    • 1-265
      範例12-4 在MVC 使用Code First 從既有資料庫產生CRUD 網頁程式
    • 1-266
      12-5 DbContext 與DbSet 類別之功用
    • 1-267
      12-6 以Code First Migrations 將Model 異動更新到資料庫
    • 1-268
      範例12-5 用Code First Migrations 將Model 異動更新到資料庫
    • 1-269
      12-7 結論
    • 1-270
      版權頁
    • 1-271
      封底頁

    Preview

    | No Content

    FAQ

    您可以透過手機、平板或是電腦登入 HiSKIO 平台,在【我的學習】>【我的書籍】頁面,選擇想看的電子書。

    Recommendations

    Reviews

    | Collecting

    Pre-Purchase Q&A

    | No Content

    Sales Plans