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? Extensión .aspx Atributos de página Directiva @ Page Atributos de cuerpo Atributos de formulario <%@ Page Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%> <html> <body ms_positioning="GridLayout"> <form id="Form1" method="post" runat="server"> </form> </body> </html>
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? <asp:Button id="Button1" runat="server" Text="Submit"/> 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
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 <input type="hidden" name="__VIEWSTATE" value="dDwtMTA4MzE0MjEwNTs7Pg==" /> <%@ Page EnableViewState="False" %> <asp:ListBox id="ListName" EnableViewState="true" runat="server"> </asp:ListBox>
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" />
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> <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
Seleccionar el control adecuado Utilizar controles de servidor HTML si: Utilizar controles de servidor Web si: Se prefiere un modelo de objetos como HTML Se prefiere un modelo de programación Visual Basic Se está trabajando con páginas HTML existentes y se desea agregar funcionalidades de página ASP.NET Web Se está escribiendo una página que puede ser utilizada por varios navegadores El control interactuará con scripts cliente y servidor Se necesitan funcionalidades específicas como un calendario o rotación de publicidad El ancho de banda es limitado El ancho de banda no es un problema
Demostración: Agregar controles de servidor a un formulario Web Crear un formulario Web Agregar controles TextBox, Button y Label Agregar un control Calendar