Blazor
文章平均质量分 52
愚者不愚、
这个作者很懒,什么都没留下…
展开
-
初識 Blazor WebAssembly(路由Routing)
【代码】初識 Blazor WebAssembly(路由Routing)原创 2023-04-20 14:35:43 · 140 阅读 · 0 评论 -
初識 Blazor WebAssembly(Layout)
因此在同一個資料夾底下的Page元件,預設就會使用_Imports.razor指定的Layout,Page元件就不用再特別設Layout了。一個父模板可以有若干個子模板,多個子模板可以共用同一個父模板(父模板相當於一個公共的樣式包含整個子模塊)如果同時有多個頁面要使用同一個版型。,該資料夾放的都是要使用相同版型的。子模板繼承父模板(此為父模板)將A版型崁入在B版型內。在Page資料夾底下。原创 2023-04-20 14:28:23 · 127 阅读 · 0 评论 -
初識 Blazor WebAssembly(樣板元件)
定義:結構在樣板定義好,內容由使用樣板時帶入需要使用RenderFragment型別當作參數 public RenderFragment Template { get; set; } public RenderFragment 樣板名稱 { get; set; }在樣板中充當定義參數 泛型樣板化元件,需使用@typeparam指示詞例:新建一個樣板文件Child.razor內容如下<div> @ChildTemplate</div>//這裡是指使原创 2023-04-20 11:40:31 · 116 阅读 · 0 评论 -
初識 Blazor WebAssembly(Component)
1.元件生命週期SetParameterAsync 初始化前 OnInitialized(Async) 初始化 OnParametersSet(Async) 設定參數後 OnAfterRender(Async) 渲染後(1)SetParameterAsync(設定參數時,初始化之前)使用時機 : 第一次使用組件時,會先建立這個組件的執行個體第一次要求轉譯組件時,將會觸發OnInitialized生命週期事件 執行屬性注入,這代表在轉譯樹狀結構中設定組件父系所提供的參數(2)OnI原创 2023-04-18 19:25:51 · 246 阅读 · 0 评论 -
初識 Blazor WebAssembly 2(分割 .razor 文件,分為html&c#兩個文件)
2.新建一個 test.razor.cs 文件,存放c#語法,即將原文件的 @code 部分copy過來。然後我們將此文件分解成兩個文件 test.razor 和 test.razor.cs。在 test.razor.cs 中加入 namespace 和 class。緊接上文,我們定義一個 test.razor文件。1.test.razor 存放html語法。原创 2023-04-18 11:04:02 · 104 阅读 · 0 评论 -
建立一個Blazor WebAssembly項目
前置要求:NET Core SDK(目前是6.0) Visual Studio Code(2022社區版)一、打開 Visual Studio,創建一個新項目二、點選Blazor,選擇Blazor WebAssembly應用,點擊下一步如果沒有選項,請在工作負荷中確認是否有安裝ASP. Net 和Web開發緊接上一步,出現如下頁面,選擇放入的文件夾及文件名稱,完成後接著下一步如下配置完成後點擊創建,成功建立項目使用 dotnet watc原创 2023-04-14 15:24:41 · 119 阅读 · 0 评论