使用Blazor SSR設計檔案上載

by Vivid 10. 七月 2024 15:45
.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 ... [更多...]

Tags:

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

在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

.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

使用MudBlazor美化Blazor UI - 3

by Vivid 29. 十一月 2023 09:10
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N231125503 出刊日期:2024/11/29 這篇文章將延續本站《使用MudBlazor美化Blazor UI - 1》、《使用MudBlazor美化Blazor UI - 2》系列文章的情境,介紹如何使用MudBlazor程式庫,來設計具備質感設計 (Material Design)的網站UI介面。 使用MudDialog顯示對話盒 除了使用「Snackbar」送通知之外,「MudBlazor」也有一個「MudDialogProvider」元件可搭配「MudDialog」元件來顯... [更多...]

Tags:

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

NET Magazine國際中文電子雜誌

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

月分類Month List