在Blazor使用Fluent UI元件 -7

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

Tags:

.NET | .NET Magazine國際中文電子雜誌 | Blazor | 許薰尹Vivid Hsu

在Blazor使用Fluent UI元件 - 6

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

Tags:

.NET | .NET Magazine國際中文電子雜誌 | ASP.NET Web API | Blazor | 許薰尹Vivid Hsu

在Blazor使用Fluent UI元件-5

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

Tags:

.NET | .NET Magazine國際中文電子雜誌 | Blazor | 許薰尹Vivid Hsu

在Blazor使用Fluent UI元件-4

by Vivid 15. 五月 2024 16:25
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N240526102 出刊日期:2024/5/15 在本站《在Blazor使用Fluent UI元件 - 2》與《在Blazor使用Fluent UI元件 -3》一文介紹如何在現有的Blazor專案中,手動加入Fluent UI元件的功能。在這一篇文章中,我們將介紹延續這系列文章的情境,介紹Fluent UI套件的「FluentDataGrid」元件,這次我們將透過Entity Framework Core來讀取Northwind資料庫的資料來顯示。 安裝Entity Framewrok Core套件 ... [更多...]

Tags:

.NET | .NET Magazine國際中文電子雜誌 | Blazor | 許薰尹Vivid Hsu

在Blazor使用Fluent UI元件-3

by Vivid 1. 五月 2024 16:01
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N240526101 出刊日期:2024/5/1 在本站《在Blazor使用Fluent UI元件 - 1》與《在Blazor使用Fluent UI元件 - 2》一文介紹如何在現有的Blazor專案中,手動加入Fluent UI元件的功能。在這一篇文章中,我們將介紹延續這系列文章的情境,介紹Fluent UI套件中「FluentDataGrid」元件的功能。 動態顯示欄位 若想動態決定「FluentDataGrid」元件要顯示的欄位,可以加入一小段程式碼。讓我們修改「MyDataGridC... [更多...]

Tags:

.NET | .NET Magazine國際中文電子雜誌 | Blazor | 許薰尹Vivid Hsu

在Blazor使用Fluent UI元件-2

by Vivid 17. 四月 2024 15:27
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N240426002 出刊日期:2024/4/17 Fluent UI 是 Microsoft 提供的一套 UI 框架,提供了許多預先設計好的元件,如按鈕、輸入方塊、下拉式選單等,讓開發者不需從無到有,可以快速地建立出具有一致性、豐富又美觀的使用者介面。 在本站《在Blazor使用Fluent UI元件 - 1》一文中介紹如何使用Fluent UI Blazor官方提供的專案範本來建立應用程式。在這一篇文章中,我們將介紹如何在現有的Blazor專案中,手動加入Fluent UI元件的功能。 ... [更多...]

Tags:

.NET | .NET Magazine國際中文電子雜誌 | Blazor | 許薰尹Vivid Hsu

在Blazor使用Fluent UI元件 - 1

by Vivid 3. 四月 2024 13:38
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N240426001 出刊日期:2024/4/3 Fluent UI Blazor 是一個由微軟開發的開源元件庫,可以讓程式開發人員在 Blazor 應用程式中使用 Fluent UI 來設計系統。Fluent UI 是一種設計套件,可幫助開發人員建立美觀、一致且易於使用的使用者介面。  Fluent UI Blazor 元件庫目前包含了超過 40 幾個元件,涵蓋了應用程式或網站中常見的使用者介面元素,例如按鈕、文字方塊、下拉式選單、表格、圖表等等。這些元件經過精心設計,可與 Fluent ... [更多...]

Tags:

.NET | .NET Magazine國際中文電子雜誌 | Blazor | 許薰尹Vivid Hsu

使用Visual Studio Code設計ASP.NET Core Web API - 2

by Vivid 20. 三月 2024 15:30
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N240325902 出刊日期:2024/3/20 本文將延續本站《使用Visual Studio Code設計ASP.NET Core Web API - 1》一文的情境,介紹如何在ASP.NET Core Web API專案中設計資料模型、資料服務,以及控制器的程式碼,以處理各種不同的HTTP請求,例如使用 CRUD 操作(新增、讀取、更新、刪除)處理資料。  設計資料模型  在設計 Web API 之前,我們需要提供執行作業的資料暫存區,通常會使用模型類別來代表,我們將加入... [更多...]

Tags:

.NET | .NET Magazine國際中文電子雜誌 | ASP.NET Web API | 許薰尹Vivid Hsu

使用Visual Studio Code設計ASP.NET Core Web API - 1

by Vivid 6. 三月 2024 15:15
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N240325901 出刊日期:2024/3/6 當您透過瀏覽器存取一個網站時,您看到的內容是由網站的伺服器使用 HTML、CSS 和 JavaScript 等技術和程式語言生成的。這些技術和程式語言使網站能夠呈現豐富的內容和互動體驗。 除了呈現內容之外,網站的伺服器還需要與用戶端進行溝通,以接收輸入和提供服務。例如,當您填寫一個註冊表單或點擊一個購物的產品按鈕時,您的瀏覽器會將這些資訊發送回伺服器。在傳統的 Web 開發中,這種溝通是透過 HTML 表單或 JavaScript 進行的。然而,隨著 We... [更多...]

Tags:

.NET | .NET Magazine國際中文電子雜誌 | ASP.NET Web API | 許薰尹Vivid Hsu

.NET 8 Blazor新功能簡介

by Vivid 7. 二月 2024 11:20
.NET 8 Blazor新功能簡介 .NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N240225801 出刊日期:2024/2/7   .NET 8 Blazor 引入了多項新功能,其中包含本站< QuickGrid元件>一文介紹的「QuickGrid」的新元件,可以表格形式顯示資料,支援排序、篩選、分頁和虛擬化等功能;還有可導覽到有命名元素,讓客戶端可導覽到頁面上的特定 HTML 元素…等等功能。在這一篇文章中,我們將介紹一些.NET 8為Blazor加入的新功能。   建立Blazor專案 ... [更多...]

Tags:

.NET | .NET Magazine國際中文電子雜誌 | Blazor | 許薰尹Vivid Hsu

NET Magazine國際中文電子雜誌

NET Magazine國際中文電子版雜誌,由恆逸資訊創立於2000,自發刊日起迄今已發行超過500篇.NET相關技術文章,擁有超過40000名註冊讀者群。NET Magazine國際中文電子版雜誌希望藉於電子雜誌與NET Developer達到共同學習與技術新知分享,歡迎每一位對.NET 技術有興趣的朋友們多多支持本雜誌,讓作者群們可以有持續性的動力繼續爬文。<請加入免費訂閱>

月分類Month List