整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

ASP.NET Web Forms-HTML 表单

有的服务器控件都必须出现在 <form> 标签中,<form> 标签必须包含 runat="server" 属性。


ASP.NET Web 表单

所有的服务器控件都必须出现在 <form> 标签中,<form> 标签必须包含 runat="server" 属性。runat="server" 属性表明该表单必须在服务器上进行处理。同时也表明了包含在它内部的控件可被服务器脚本访问:

<form runat="server">

...HTML + server controls

</form>

注释:该表单总是被提交到自身页面。如果您指定了一个 action 属性,它会被忽略。如果您省略了 metion 属性,它将会默认设置 method="post"。同时,如果您没有指定 name 和 id 属性,它们会由 ASP.NET 自动分配。

注释:一个 .aspx 页面只能包含一个 <form runat="server"> 控件!

如果您在一个包含不带有 name、method、action 或 id 属性的表单的 .aspx 页面中选择查看源代码,您会看到 ASP.NET 添加这些属性到表单上了,如下所示:

<form name="_ctl0" method="post" action="page.aspx" id="_ctl0">

...some code

</form>


提交表单

表单通常通过点击按钮来提交。ASP.NET 中的 Button 服务器控件的格式如下:

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

id 属性为按钮定义了一个唯一的名称,text 属性为按钮分配了一个标签。onClick 事件句柄规定了一个要执行的已命名的子例程。

在下面的实例中,我们在 .aspx 文件中声明了一个 Button 控件。点击按钮运行改变按钮上文本的子例程:

实例

果你是一名.NET程序员,并且之前使用过Vue、Angular或者React,而没有了解过Blazor或者没有了解过WebAssembly,现在看到下面这段代码,我估计你一定会被. NET的创新震撼到,其实当我第一次看到这段代码的时候,我确实很惊讶,原来前端还可以这样玩。Blazor框架能够让你使用C#代替JavaScript来编写代码,是不是很酷。我只能说跟着.NET走,没错!

<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 是一个客户端Web框架,是一个使用 .NET生成交互式客户端 Web UI的框架

  • 使用 C#代替 JavaScript 来编写代码,建丰富的交互式UI。
  • 共享使用 .NET 编写的服务器端和客户端应用逻辑。
  • 将UI呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器
  • 受益于 .NET 的性能、可靠性和安全性。
  • 支持 Windows、Linux 和 macOS 上的 Visual Studio。

Blazor有两种模式,一种是客户端模式,一种是服务端模式

  • 客户端模式(Blazor WebAssembly)

Blazor WebAssembly是单页应用框架,用于使用 .NET 生成交互式客户端 Web 应用。

WebAssembly 是开放的 Web 标准,是一种可以使用非 JavaScript 编程语言编写代码并且能在浏览器上运行的技术方案。现在各大主流的浏览器都支持该标准,无需安装任何插件(不像flash之流)。通过 WebAssembly,可在 Web 浏览器内运行 .NET 代码。

  • 服务端模式(Blazor Server)

Blazor Server在 ASP.NET Core 应用中支持在服务器上托管Razor组件,通过SignalR(双向通讯)连接处理 UI更新。

我们创建一个Blazor应用

使用VisualStudio 2019进行Blazor项目创建:

Blazor应用的项目代码结构如下

运行Blazor项目,效果如下

结语:本文是对Blazor技术做一个简单的介绍或者说是技术普及。关于Blazor的客户端模式和服务端模式,涉及的内容较多,如果有不清楚的地方,可以查阅微软的官方文档。

:凡科网是全新一代的建站系统,提供免费网站,享受免费自助建站服务,网站模版精美,网站操作简单,网站功能强大,是中小企业免费建站的最佳选择!Free9免费资源网温馨提示:目前凡科网开放免费注册,网站永久免费使用;免费版的在功能上有一些限制;免费版每月需至少登录1次,逾期将关闭网站,这点请站长们注意。

凡科

注册地址:http://www.faisco.com.cn

二:免费空间 free.3v.do 国内最好的免费空间提供商,为您提供100M永久免费ASP空间,免费美国空间申请,支持HTML,ASP,FTP上传,高速稳定,实时生效,无需等待,免备案

free.3v.do

注册地址:http://free.3v.do/

三:浦东信息港-免费空间,免费ASP|.NET个人主页空间申请,免费PHP|FTP网页空间申请,免费全能网站空间申请,免费MYSQL数据库,免费论坛空间

浦东信息港

注册地址:http://www.pdxx.net/frhost/

四:主机屋采用自主研发的大规模分布式计算系统,已发展为中国最大的免费空间服务商,同时为高端用户提供专业的VIP服务,我们一直坚持技术创新,一切以用户为中心,为广大客户提供高质量的域名注册、云虚拟主机、云服务器等互联网服务。

主机屋

注册地址:http://www.zhujiwu.com/

五:酷网免费空间 官方网站 提供免费空间服务 - www.kudns.com 是国内最老牌的免费空间网站,提供免费asp、asp.net、php等免费空间服务,是建站爱好者的免费公益性服务平台。

注册地址:http://www.kudns.com/