ASP.NET Web Forms-HTML 表單

有的服務(wù)器控件都必須出現(xiàn)在 <form> 標(biāo)簽中，<form> 標(biāo)簽必須包含 runat="server" 屬性。

ASP.NET Web 表單

所有的服務(wù)器控件都必須出現(xiàn)在 <form> 標(biāo)簽中，<form> 標(biāo)簽必須包含 runat="server" 屬性。runat="server" 屬性表明該表單必須在服務(wù)器上進(jìn)行處理。同時(shí)也表明了包含在它內(nèi)部的控件可被服務(wù)器腳本訪問：

...HTML + server controls

</form>

注釋：該表單總是被提交到自身頁面。如果您指定了一個(gè) action 屬性，它會被忽略。如果您省略了 metion 屬性，它將會默認(rèn)設(shè)置 method="post"。同時(shí)，如果您沒有指定 name 和 id 屬性，它們會由 ASP.NET 自動分配。

注釋：一個(gè) .aspx 頁面只能包含一個(gè) <form runat="server"> 控件！

如果您在一個(gè)包含不帶有 name、method、action 或 id 屬性的表單的 .aspx 頁面中選擇查看源代碼，您會看到 ASP.NET 添加這些屬性到表單上了，如下所示：

...some code

</form>

提交表單

表單通常通過點(diǎn)擊按鈕來提交。ASP.NET 中的 Button 服務(wù)器控件的格式如下：

<asp:Button id="id" text="label" OnClick="sub" runat="server" />

id 屬性為按鈕定義了一個(gè)唯一的名稱，text 屬性為按鈕分配了一個(gè)標(biāo)簽。onClick 事件句柄規(guī)定了一個(gè)要執(zhí)行的已命名的子例程。

在下面的實(shí)例中，我們在 .aspx 文件中聲明了一個(gè) Button 控件。點(diǎn)擊按鈕運(yùn)行改變按鈕上文本的子例程：

實(shí)例

果你是一名.NET程序員，并且之前使用過Vue、Angular或者React，而沒有了解過Blazor或者沒有了解過WebAssembly，現(xiàn)在看到下面這段代碼，我估計(jì)你一定會被. NET的創(chuàng)新震撼到，其實(shí)當(dāng)我第一次看到這段代碼的時(shí)候，我確實(shí)很驚訝，原來前端還可以這樣玩。Blazor框架能夠讓你使用C#代替JavaScript來編寫代碼，是不是很酷。我只能說跟著.NET走，沒錯(cuò)！

<div>

<h1>@Name</h1>

@ChildContent

<button @onclick="OnHello">Hello</button>

</div>

@code {

[Parameter]

public string Name { get; set; }

[Parameter]

public RenderFragment ChildContent { get; set; }

private void OnHello()

{

Console.WriteLine("Write to the console in C#! 'Hello' button was selected.");

}

}

Blazor是什么？

Blazor 是一個(gè)客戶端Web框架，是一個(gè)使用 .NET生成交互式客戶端 Web UI的框架：

使用 C#代替 JavaScript 來編寫代碼，建豐富的交互式UI。
共享使用 .NET 編寫的服務(wù)器端和客戶端應(yīng)用邏輯。
將UI呈現(xiàn)為 HTML 和 CSS，以支持眾多瀏覽器，其中包括移動瀏覽器
受益于 .NET 的性能、可靠性和安全性。
支持 Windows、Linux 和 macOS 上的 Visual Studio。

Blazor有兩種模式，一種是客戶端模式，一種是服務(wù)端模式

客戶端模式（Blazor WebAssembly）

Blazor WebAssembly是單頁應(yīng)用框架，用于使用 .NET 生成交互式客戶端 Web 應(yīng)用。

WebAssembly 是開放的 Web 標(biāo)準(zhǔn)，是一種可以使用非 JavaScript 編程語言編寫代碼并且能在瀏覽器上運(yùn)行的技術(shù)方案。現(xiàn)在各大主流的瀏覽器都支持該標(biāo)準(zhǔn)，無需安裝任何插件（不像flash之流）。通過 WebAssembly，可在 Web 瀏覽器內(nèi)運(yùn)行 .NET 代碼。

服務(wù)端模式（Blazor Server）

Blazor Server在 ASP.NET Core 應(yīng)用中支持在服務(wù)器上托管Razor組件,通過SignalR（雙向通訊）連接處理 UI更新。

我們創(chuàng)建一個(gè)Blazor應(yīng)用

使用VisualStudio 2019進(jìn)行Blazor項(xiàng)目創(chuàng)建：

Blazor應(yīng)用的項(xiàng)目代碼結(jié)構(gòu)如下

運(yùn)行Blazor項(xiàng)目，效果如下

結(jié)語：本文是對Blazor技術(shù)做一個(gè)簡單的介紹或者說是技術(shù)普及。關(guān)于Blazor的客戶端模式和服務(wù)端模式，涉及的內(nèi)容較多，如果有不清楚的地方，可以查閱微軟的官方文檔。

：凡科網(wǎng)是全新一代的建站系統(tǒng)，提供免費(fèi)網(wǎng)站，享受免費(fèi)自助建站服務(wù)，網(wǎng)站模版精美，網(wǎng)站操作簡單，網(wǎng)站功能強(qiáng)大，是中小企業(yè)免費(fèi)建站的最佳選擇！Free9免費(fèi)資源網(wǎng)溫馨提示：目前凡科網(wǎng)開放免費(fèi)注冊，網(wǎng)站永久免費(fèi)使用；免費(fèi)版的在功能上有一些限制；免費(fèi)版每月需至少登錄1次，逾期將關(guān)閉網(wǎng)站，這點(diǎn)請站長們注意。

凡科

注冊地址：http://www.faisco.com.cn

二：免費(fèi)空間 free.3v.do 國內(nèi)最好的免費(fèi)空間提供商，為您提供100M永久免費(fèi)ASP空間,免費(fèi)美國空間申請，支持HTML,ASP,FTP上傳，高速穩(wěn)定，實(shí)時(shí)生效，無需等待，免備案

free.3v.do

注冊地址：http://free.3v.do/

三：浦東信息港-免費(fèi)空間,免費(fèi)ASP|.NET個(gè)人主頁空間申請,免費(fèi)PHP|FTP網(wǎng)頁空間申請,免費(fèi)全能網(wǎng)站空間申請,免費(fèi)MYSQL數(shù)據(jù)庫,免費(fèi)論壇空間

浦東信息港

注冊地址：http://www.pdxx.net/frhost/

四：主機(jī)屋采用自主研發(fā)的大規(guī)模分布式計(jì)算系統(tǒng)，已發(fā)展為中國最大的免費(fèi)空間服務(wù)商，同時(shí)為高端用戶提供專業(yè)的VIP服務(wù)，我們一直堅(jiān)持技術(shù)創(chuàng)新，一切以用戶為中心，為廣大客戶提供高質(zhì)量的域名注冊、云虛擬主機(jī)、云服務(wù)器等互聯(lián)網(wǎng)服務(wù)。

主機(jī)屋

注冊地址：http://www.zhujiwu.com/

五：酷網(wǎng)免費(fèi)空間官方網(wǎng)站提供免費(fèi)空間服務(wù) - www.kudns.com 是國內(nèi)最老牌的免費(fèi)空間網(wǎng)站,提供免費(fèi)asp、asp.net、php等免費(fèi)空間服務(wù)，是建站愛好者的免費(fèi)公益性服務(wù)平臺。

注冊地址：http://www.kudns.com/

在線咨詢

上一篇：開源炫酷相冊系統(tǒng)，在網(wǎng)頁展示你的照片PicHome
下一篇：HTML 編輯器

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商