.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N241026601出刊日期：2024/10/2 ASP.NET Core Identity使用程式碼優先的方式進行開發，要如何搭配資料庫優先的方式，將ASP.NET Core Identity所需的資料表放在指定的現有資料庫之中呢? 這篇文章將一步步詳細說明做法。 為了方便產生存取現有的SQL Server Express「Northwind」資料庫的「Entity」與「DbContext」類別，我們先來安裝「EF Core Power Tools」擴充程式。 安裝EF Core Power Tools... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240926502 出刊日期：2024/9/18 本篇文章將延續本站《使用scaffold功能設計Blazor應用程式 - 1》》一文的情境，介紹如何使用Visual Studio 2022的Scaffolding功能建立Blazor CRUD頁面，利用工具的圖型介面進行資料移轉以及說明自動產生的程式碼用途。 使用EFC資料移轉建立資料庫 Visual Studio 2022提供一個圖型介面，不必記憶或輸入指令，就可以使用EFC資料移轉功能來建立資料庫。從「Solution Explorer」視窗 &... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240926501 出刊日期：2024/9/4 Visual Studio 2022開發工具提供的最新.NET 8 Blazor Web App樣板專案可以搭配scaffold功能，快速地產生使用 Blazor 靜態伺服器端轉譯（Blazor static server rendering），和「QuickGrid」元件來顯示資料庫中表格式資料的程式碼。 Visual Studio 2022產生的.NET 8 Blazor Web App樣板預設以Entity Framework Core為基礎來產生... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240826402 出刊日期：2024/8/21 Blazor 是一個使用 C# 和 HTML 來建立互動式 Web UI 的框架。在這一系列文章中，我們將介紹如何從無到有建立一個.NET 8 Blazor框架的 CRUD 資料存取應用程式。。CRUD 代表資料的新增（Create）、讀取（Read）、修改（Update）和刪除（Delete），這是大多數資料驅動應用程式的基本操作。 以下是專案包含的主要元件和功能： 資料模型（Data Models）：定義應用程式中使用的資料結構。這些模型代表... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240826401 出刊日期： 2024/8/7 本篇文章將延續本站《使用Scaffolding功能建立Web API - 1》一文的情境，介紹如何使用Visual Studio 2022的Scaffolding功���建立Web API來開發ASP.NET Core Web API，利用工具的圖型介面進行資料移轉以及測試Web API。 管理連結服務 Visual Studio 2022現在內建管理連結服務的功能，從「Solution Explorer」視窗，專案名稱下的「Connected Servi... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240726302 出刊日期： 2024/7/24 這篇文章將介紹Visual Studio 2022 開發ASP.NET Core Web API提供的一些功能，例如*.http檔案、Swagger、Scaffolding功能與Endpoint explorer瀏覽與測試Web API。 建立「ASP.NET Core Web API」專案 首先使用Visual Studio 2022開發工具建立一個「ASP.NET Core Web API」專案，建立步驟如下：啟動Visual Studio 2... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240726301 出刊日期： 2024/7/10 這篇文章將要介紹如何在.NET 8 Blazor Web App專案中使用靜態伺服器端轉譯（靜態 SSR，static server-side rendering）來設計檔案上傳的功能，了解如何分別透過HTML「Input」欄位與Blazor內建的「InputFile」元件來選取檔案，將圖檔上傳到伺服端儲存。 讓我們從使用Visual Studio 2022開發環境新建一個ASP.NET Core Blazor網站應用程式開始。 建立Blazor ... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240626202 出刊日期：2024/6/26 本篇文章將延續本站《在Blazor使用Fluent UI元件 - 6》一文的情境，介紹如何在現有的Blazor專案中使用Fluent UI Blazor元件，透過 Web API整合「FluentListbox」、「FluentCombobox」、「FluentSelect」、「FluentTreeView」「FluentMenu」…等多種元件來顯示遠端資料。 使用「FluentCombobox」元件設計下拉式清單方塊 「Fluent... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240626201 出刊日期：2024/6/12 Fluent UI 是由 Microsoft 開發的一套設計系統和前端框架，可在各種平台（包括 Web、Windows、iOS 和 Android）提供一致且美觀的用戶端介面。Fluent UI 的目標是通過一套統一的設計語言和可重用的元件庫，使開發者能夠快速設計出現代化、響應式且易於使用的應用程式。 本篇文章將延續本站《在Blazor使用Fluent UI元件 - 5》一文的情境，介紹如何在現有的Blazor專案中使用Fluent UI Blazor... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號：N240526103 出刊日期：2024/5/29 在本站《在Blazor使用Fluent UI元件 - 4》一文介紹如何在現有的Blazor專案中，手動加入Fluent UI元件 ，並使用「FluentDialog」元件設計確認刪除的對話盒。在這一篇文章中，我們將介紹延續這系列文章的情境，介紹該如何自訂對話盒，以便讓其它元件能夠重複使用這個對話盒。 設計MyDialog 首先讓我們使用元件來自訂對話盒，元件的程式碼可放在專案根目錄下的「Shared」資料夾。從「Solution Explorer」... [更多...]