View
35
Download
3
Category
Preview:
Citation preview
Crear un formulario Web Form con Microsoft
ASP.NET
Descripción
Crear formularios Web Forms
Uso de controles de servidor
Lección: Crear formularios Web Forms
¿Qué es un formulario Web Form?
Crear un formulario Web Form con Visual Studio .NET
Demostración: convertir una página HTML en un formulario Web Form
¿Qué es un formulario Web?
<%@ Page Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%>
<html><body ms_positioning="GridLayout"> <form id="Form1" method="post" runat="server"> </form></body>
</html>
<%@ Page Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%>
<html><body ms_positioning="GridLayout"> <form id="Form1" method="post" runat="server"> </form></body>
</html>
Extensión .aspx Atributos de página
Directiva @ Page Atributos de cuerpo Atributos de formulario
Crear un formulario Web con Visual Studio .NET
Las nuevas aplicaciones Web ASP.NET crean un formulario Web predeterminado: WebForm1.aspx
Crear formularios Web Forms adicionales desde el Explorador de soluciones
Actualizar páginas HTML existentes en formularios Web Forms
Demostración: convertir una página HTML en un formulario Web
Cambiar la extensión .htm por la extensión .aspx
Lección: uso de los controles de servidor
¿Qué es un control de servidor? Tipos de controles de servidor Guardar View State Demostración: convertir controles HTML en controles de
servidor Controles de servidor HTML Controles de servidor Web Práctica: identificar el código HTML generado por los
controles de servidor Web Seleccionar el control adecuado Demostración: agregar controles de servidor a un
formulario Web
¿Qué es un control de servidor?
Runat="server"
Los eventos ocurren en el servidor
View state saved
Have built-in functionality
Common object model
Todos tiene atributos Id y Text
Crear browser-specific HTML
<asp:Button id="Button1" runat="server" Text="Submit"/><asp:Button id="Button1" runat="server" Text="Submit"/>
Tipos de controles de servidor
Controles de servidor HTML
Controles de servidor Web
Controles intrínsecos
Controles de validación
Controles ricos
Controles List-bound
Controles Web de Internet Explorer
Guardar el estado de vista
Control oculto ViewState de pares de nombre y valor almacenados en el formulario Web Form
De forma predeterminada, ajustable a nivel de formulario Web Form y control
<%@ Page EnableViewState="False" %>
<asp:ListBox id="ListName" EnableViewState="true" runat="server">
</asp:ListBox>
<%@ Page EnableViewState="False" %>
<asp:ListBox id="ListName" EnableViewState="true" runat="server">
</asp:ListBox>
<input type="hidden" name="__VIEWSTATE" value="dDwtMTA4MzE0MjEwNTs7Pg==" />
<input type="hidden" name="__VIEWSTATE" value="dDwtMTA4MzE0MjEwNTs7Pg==" />
Demostración: Convertir controles HTML en controles de servidor
Actualizar controles HTML a controles de servidor HTML
Agregar un control de servidor Web
Utilizar SmartNavigation
Controles de servidor HTML
Basados en elementos HTML
Existen en el espacio de nombres System.Web.UI.HtmlControls
<input type="text" id="txtName" runat="server" />
<input type="text" id="txtName" runat="server" />
Controles de servidor Web
Existen en el espacio de nombres System.Web.UI.WebControls
Sintaxis del control
HTML generado por el control
<asp:TextBox id="TextBox1"runat="server">Text_to_Display</asp:TextBox>
<asp:TextBox id="TextBox1"runat="server">Text_to_Display</asp:TextBox>
<input name="TextBox1" type="text" value="Text_to_Display"Id="TextBox1"/>
<input name="TextBox1" type="text" value="Text_to_Display"Id="TextBox1"/>
Práctica: Identificar el código HTML generado por los controles de servidor Web
Los estudiantes:
Agregarán controles de servidor Web a un formulario Web e identificarán el código HTML que se envía al cliente
Tiempo: 5 minutos
Se necesitan funcionalidades específicas como un calendario o rotación de publicidad
El control interactuará con scripts cliente y servidor
Se está escribiendo una página que puede ser utilizada por varios navegadores
Se está trabajando con páginas HTML existentes y se desea agregar funcionalidades de página ASP.NET Web
Se prefiere un modelo de programación Visual Basic
Se prefiere un modelo de objetos como HTML
Utilizar controles de Utilizar controles de servidor Web si:servidor Web si:
Utilizar controles de servidor Utilizar controles de servidor HTML si:HTML si:
El ancho de banda no es un problemaEl ancho de banda es limitado
Seleccionar el control adecuado
Demostración: Agregar controles de servidor a un formulario Web
Crear un formulario Web
Agregar controles TextBox, Button y Label
Agregar un control Calendar
Recommended