Leanpub Header

Skip to main content

Blazor 快速體驗

Hands-On Lab 動手練習

Blazor 快速體驗 電子書

Minimum price

$9.99

$15.00

You pay

$15.00

Author earns

$12.00
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
105
Pages
5,154Words
About

About

About the Book

關於本書

歡迎可以先來觀看 Blazor 快速體驗 之 線上操作教學影片,並且訂閱本 Youtube 頻道

這是一本帶領對於 Blazor 有興趣的新手開發者,可以快速體驗這個微軟最新的網頁開發框架技術的開發過程,在這本書中,將不會講解枯澀的相關技術內容,而是設計一個應用情境,也就是一般常用的 CRUD (新增 Create, 查詢 Retrive, 更新 Update, 刪除 Delete) 的記事應用程式需求開發,從無到有的帶領讀者透過 Visual Studio 2019 這個開發工具,設計出的 Blazor 伺服器端的這樣應用程式。

所以,購買本書的讀者,將會強烈建議讀者要跟著本書的內容,逐一進行專案的設計與練習,在每個練習階段,都會有不同要帶給讀者的學習方向;透過這樣的練習開發過程,就會明瞭 Blazor 這個開發框架技術究竟可以做到什麼樣的強大功能;不過,這本書中並不會詳盡說明各種 Blazor 開發技術內容,而是提供一個動手練習實作的說明操作步驟,體驗 Blazor 專案開發過程。因此,若您沒有這樣的興趣或者這樣的需求,請不要購買這本書。

因此,當讀者完成所有的專案練習開發,相信您對於 Blazor 這個優秀的開發框架必定有更清楚的認識,了解到不需要使用到繁雜的 JavaScript 程式語言,僅使用 Blazor 就可以做到那些網站設計上的功能。

這本書能提供什麼

在這本書裡面,將會提供 8 章的內容,分別是

建立 Blazor Server Side 伺服器端的專案

  

了解如何透過 Visual Studio 2019 開發工具,開始建立一個 伺服器端的 Blazor 專案。

開始設計CRUD 的新增與刪除功能

首先,這裡將會透過剛剛建立的  Blazor Server Side 伺服器端 專案,設計出一個使用記憶體作為儲存空間的 CRUD 應用程式,不過,在這裡將會先設計出新增與刪除的功能,在下一章內容才會介紹如何使用對話窗來強化新增與修改的功能;另外,在這兩章的內容裡,會將 CRUD 的各項程式碼,直接寫 Blazor Component 元件裡,還是那句話,這裡完全不會使用到任何 JavaScript 程式碼,僅僅使用到 C# 程式語言 與 HTML 宣告式標記語言而已。

增加 CRUD 的新增與修改對話窗功能

延續上一章的開發結果,將會繼續開發新增與修改功能,不過,對於要新增與修改的紀錄,可以透過 BootStrap 的對話窗功能來進行記錄輸入;不過,在這裡將不是透過呼叫 jQuery 的方式,而是透過 C# 資料綁定的處理機制來顯示這個對話窗。

建立記事服務並且使用相依性注入服務

為了要能夠設計出一個容易維護的專案程式碼,因此需要套用 SRP 原則,因此,在這裡將會設計一個抽象介面與實作該介面的具體服務類別,將相關記事紀錄處理用到的程式碼分離到這個具體服務類別內,並且透過 ASP.NET Core 提供的相依性注入 Dependency Injection 服務,把所需要的具體服務類別執行個體,注入到 Blazor Component 元件內,如此,便可以在 Blazor 元件內使用這個具體服務類別物件,來進行 CRUD 的存取。透過這樣的設計技巧,可以讓這個專案具有高度鬆散耦合關係。

使用資料庫來儲存記事服務相關紀錄

接下來將會使用 Entity Framework Core 套件,設計一個新的提供資料庫(這裡將會使用 SQLite 資料庫做為操作範例)具體服務類別;一旦完成這個資料庫存取的具體服務類別,只需要在 Startup 類別內(在專案根目錄下,可以找到 Startup.cs 這個檔案),註冊這個新建立的資料庫存取具體服務類別,這樣,在不修改原先 Blazor 元件的程式碼下,便可以直接讓這個原有 Blazor 專案,瞬間華麗變換成為不再使用記憶體作為存取目媒介,而是使用資料庫作為存取媒介的應用程式了。

在 Blazor 專案內呼叫 JavaScript 程式碼

在這一章中,將會展示如何透過 C# 來呼叫 JavaScript 的設計過程;這裡會先修改原先的 CRUD 元件中使用的對話窗功能,當要進行新增與修改的時候,將會透過 C# 來呼叫 jQuery 程式碼,讓這個對話窗顯示窗來;另外,將會使用已經包裝好的一個 Blazor NuGet 套件,該套件可以透過 C# 程式碼的呼叫,動態的顯示出一個對話窗,這裡將會針對 刪除 按鈕來進行重新設計,當使用點選 刪除 按鈕之後,將會透過 Blazored.Modal 元件來顯示一個對話窗,詢問使用者是否要刪除這筆紀錄,若回答是肯定的,將會立即刪除這筆紀錄。

在 Blazor 專案內設計 Web API 服務

在這之前,已經完成了一個 CRUD 應用程式,並且會將資料記錄存取到資料庫內的功能,現在,將可以在 Blazor 專案內啟用 RESTful Web API 服務功能,讓這個網站也可以提供 Web API 的服務;所以,透過這章的開發練習,將會知道如何在 Blazor 專案內來設計出 RESTful Web API 的服務。

使用 Web API 來儲存記事服務相關紀錄

最後,將會需要新設計一個存取 Web API 的具體服務類別,並且將這個服務註冊到 ASP.NET Core 內的 DI Container 容器中,當然,也無須修改原有 Blazor 專案內的元件設計程式碼,便可以讓這個 Blazor 專案,立即使用透過呼叫 Web API 服務,來進行記事紀錄之 CRUD 應用。

更多內容,可以參考作者 Vulcan Lee 部落格文章

C# .NET Blazor Research

Xamarin Research

Author

About the Author

Vulcan Lee

從 2012 年開始進行 .NET / C# 教育訓練課程之後,對於許多開發出來的課程,並不是隨便敷衍的設計出來,這其中我會不斷地針對已經開發出來的課程來進行修正、改版、追加內容,因此,相關的課程是不斷的在變化與強化的。

要完成這樣的一系列課程是一種自我挑戰,讓自己可以看得更高、看得更遠、讓抄襲者永遠無法模仿,因為,這些課程加入了許多巧思與技能在裡面,內行看門道、外行看熱鬧。

我所設計的教學課程,為了要能夠讓入門者、想要精通者都可以喜歡我設計的課程,將會把課程應該具有的特色,所提供的內容將會涵蓋到更多的層面、更多範例碼、更多觀念介紹、更多的動畫來理解艱澀技術應用、更多挑戰應用、更多的日常遇到問題與解決方法、更完整的開發設計指引。

因此,很期望到時候能夠與大家一起來進行這個課程的交流與互動,也希望大家可以從這些課程學到更多知識與經驗,應用在日常開發專案上。

若對於這些課程有興趣,或者有任何其他需求,可以到 Xamarin Blazor 實驗室 粉絲團來私訊給我

也歡迎來查看我寫的部落格文章 https://csharpkh.blogspot.com/

Contents

Table of Contents

關於本書

  1. 這本書能提供什麼
  2. 誰適合閱讀這本書
  3. 練習專案原始碼

1.建立 Blazor Server Side 伺服器端的專案

  1. 說明
  2. 注意事項
  3. 1.1執行這個專案
  4. 1.2結論

2.開始設計 CRUD 的新增與刪除功能

  1. 2.1建立專案會用到的資料模型
  2. 2.2建立與設計 Blazor 元件 - 顯示所有記事紀錄
  3. 說明
  4. 提示
  5. 說明
  6. 2.3在 Blazor 專案首頁,加入此元件
  7. 說明
  8. 提示
  9. 說明
  10. 2.4執行這個專案
  11. 說明
  12. 2.5結論

3.增加 CRUD 的新增與修改對話窗功能

  1. 提示說明
  2. 3.1修正資料模型具有內建驗證屬性
  3. 3.2修正 MyNotes 元件可以使用對話窗來新增與修改
  4. 提示說明
  5. 3.3執行這個專案
  6. 3.4結論

4.建立記事服務並且使用相依性注入服務

  1. 提示說明
  2. 提示說明
  3. 4.1建立記事的抽象型別
  4. 4.2建立記事的具體實作類別
  5. 提示說明
  6. 4.3設計完成後的完整 Startup.cs 內容
  7. 4.4修正 MyNotes.razor 元件,使用 MyNoteService 服務
  8. 提示說明
  9. 4.5設計完成後的完整 MyNotes.razor 內容
  10. 4.6執行這個專案
  11. 4.7結論

5.使用資料庫來儲存記事服務相關紀錄

  1. 5.1安裝 Entity Framework Core 需要用到的套件
  2. 5.2建立使用資料庫用到 DbContext 類別
  3. 5.3修正記事資料模型類別
  4. 5.4註冊使用 SQLite 資料庫服務
  5. 5.5建立使用資料庫的記事服務具體實作類別
  6. 5.6註冊使用資料庫的記事服務具體實作類別
  7. 5.7設計完成後的完整 Startup.cs 內容
  8. 5.8啟用 EF Core 中的移轉功能
  9. 5.9執行這個專案
  10. 5.10結論

6.在 Blazor 專案內呼叫 JavaScript 程式碼

  1. 6.1加入 BootStrap 需要用到的 JavaScript
  2. 6.2修正 MyNotes.razor 元件,可以呼叫 JavaScript
  3. 6.3執行這個專案
  4. 6.4安裝與設定 Blazored.Modal 元件
  5. 6.5新增刪除要使用的對話窗元件
  6. 6.6使用 Blazored.Modal 元件來設計是否要刪除之對話窗功能
  7. 6.7執行這個專案
  8. 6.8結論

7.在 Blazor 專案加入 Web API 服務的功能

  1. 7.1修正記事資料模型
  2. 7.2在 Blazor 專案內設計 Web API 服務
  3. 7.3建立 Web API 要使用的控制器
  4. 7.4執行這個專案
  5. 7.5結論

8.使用 Web API 來儲存記事服務相關紀錄

  1. 8.1建立使用 Web API 的記事服務具體實作類別
  2. 8.2註冊 Web API 會用到的相關服務
  3. 8.3設計完成後的完整 Startup.cs 內容
  4. 8.4執行這個專案
  5. 8.5結論

版權頁

Get the free sample chapters

Click the buttons to get the free sample in PDF or EPUB, or read the sample online here

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub