Especialista Web J13: Introducción a Asp.Net

Especialista en desarrollo de aplicaciones web JORNADA 13A : Introducción a ASP.NET cid deza, moisés [email_address]

Introducción ASP.NET Aplicación Web: Conjunto de páginas HTML que se transmiten por medio del protocolo HTTP entre un cliente y un servidor. ASP.NET : Framework (marco de trabajo) de Microsoft que permite programar aplicaciones de modo similar a cómo se hace con las aplicaciones Windows ( stand-alone ).

Algunas características ASP.NET Multilenguaje : Permite cualquier lenguaje del .NET Framework (orientación a objetos). Su componente esencial es el WebForm (Formulario Web). Utiliza Controles de Servidor . Independencia del cliente (navegador, SO). Compilado . Clara separación entre la capa de presentación y la de lógica (desaparece spaguetti-code )

Aplicación Web ASP.NET Algunos de sus componentes son: WebForms : Archivos con extensión .aspx. Constituyen la interfaz Archivos Code-Behind : Archivos con extensión .aspx.cs, aspx.vb, etc. Contienen el código que se ejecutará en el servidor (la lógica). Archivos de configuración : Fundamentalmente el fichero Web.config. Existe uno por aplicación y permite configurar la aplicación. Directorio Bin : Contiene el ensamblado (.dll) Es algo así como el .exe de una aplicación de escritorio. Puede contener otros ensamblados externos.

Aplicación Web ASP.NET Esquema de los componentes: WebForm1.aspx.vb WebForm1.aspx WebForm2.aspx.vb WebForm2.aspx Global.asax Web.config BIN Database Comp. Comp.

Formularios Web Formulario Web (ASP.NET WebForm) Página expresada en lenguaje de marcas que es compilada y ejecutada dinámicamente en el servidor para generar la salida solicitada por el cliente (explorador ó dispositivo). Code Behind Es el código que se ejecuta del lado del servidor para lograr el comportamiento deseado en un formulario web. En cada WebForm (.aspx) se indica qué fichero contiene el código fuente (.aspx.cs) Ejemplo 1 <%@ Page Language="C#" CodeFile="Ej1-FormularioWeb.aspx.cs" %>

Controles de Servidor Son componentes que son ejecutados en el servidor y convertidos en código HTML que el navegador es capaz de interpretar. Algunos de ellos son similares a etiquetas HTML, pero al ser ejecutados en el servidor, se puede operar con ellos en el Code Behind . Siguen el paradigma de la Programación Orientada a Objetos. Mantienen su estado entre postbacks .

Controles de Servidor Botón HTML “clásico” (No es de Servidor) Control de Servidor Web Entonces: ¿ cual es la diferencia ? ¿cuándo usar una etiqueta HTML o su Control de Servidor equivalente? ¿se pueden mezclar ? Ejemplo2. < INPUT type ="button" value ="Buscar"> < asp:Button id ="cmdBuscar" runat ="server" Text ="Buscar"/> Obligatorio en los CS

Controles de Servidor WebControl HTML equivalente <asp:button> <input type=submit> <asp:checkbox> <input type=checkbox> <asp:hyperlink> <a href="…"> </a> <asp:image> <img src="…"> <asp:imagebutton> <input type=image> <asp linkButton> <asp:label> <span> </span> <asp:panel> <div> </div> <asp:radiobutton> <input type=radiobutton> <asp:table> <table> </table> <asp:textbox> <input type=text> <asp:listbox> <select size="5"> </select>

Controles de Servidor - Validación Son controles ocultos (no visibles en la interfaz) que permiten llevar a cabo validación de los campos del formulario. Los controles son: RequiredFieldValidator . Valor requerido. CompareValidator . Valida contra un valor constante o contra otro control. RangeValidator . Valor dentro de un rango de tipos. RegularExpressionValidator . Valida contra un patrón o expresión regular. CustomValidator . Lógica de validación proporcionada por nosotros. ValidationSummary . No es un validador, sino que muestra mensajes de error “agrupados”. Ejemplo 3.

Controles de Usuario Ficheros con extensión .ascx que son controles que simplifican la reutilización de código de la interfaz de usuario dentro de las aplicaciones ASP.NET Se puede considerar cómo una parte de WebForm En ellos se pueden incluir cualquier control de servidor o etiqueta HTML, salvo <HTML> y <FORM> . Pueden ser utilizados en muchos WebForms. Ejemplo 4.

Controles de Usuario Para utilizarlos hay que realizar 2 pasos: 1.- Registrarlos en la cabecera del WebForm mediante la directiva @Register . 2.- Incluir una etiqueta en el WebForm en el lugar en que se quiera utilizar. Ejemplo <%@Register TagPrefix="uc" TagName="encabezado" Src="header.ascx" %> <uc:encabezado id=“Enc1” runat=“server”> </uc:encabezado>

ViewState Mantiene el estado de los controles entre los postback de una página . El viewstate se implementa mediante un campo oculto en html generado y viaja en cada POST. Es posible deshabilitarlo para toda la página o para un control en concreto, ya que carga la página. Ejemplo 2

Master Pages Se puede considerar como una plantilla . El resto de páginas que heredan de la Master Page, llamadas Páginas de Contenido , heredan su contenido visual, pero son independientes. Se utilizan para incluir los encabezados, menús, pies de página, etc. Es un archivo con extensión .master

Master Pages Contiene una directiva @Master en lugar de @Page. Es como cualquier otro WebForm, pero siempre debe contener el control asp:contentplaceholder . Ejemplo 6. <%@ Master Language="C#“ CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> < asp:contentplaceholder id="contenedor" runat="server“> contenido por defecto < /asp:contentplaceholder >

Content Pages Son WebForms habituales en las que hay que indicar cuál es su página maestra. El contenido particular de cada página de contenido se indica dentro del control asp:Content. Ejemplo 6. <%@ Page Language="C#" MasterPageFile ="~/MasterPage.master" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Home" %> < asp:Content ID="cntDefault" ContentPlaceHolderID="contenedor" Runat="Server"> contenido de la página </asp:Content>

Especialista Web J13: Introducción a Asp.Net

Más contenido relacionado

La actualidad más candente (18)

Destacado (11)

Similar a Especialista Web J13: Introducción a Asp.Net (20)

Más de Moisés Cid Deza (8)

Último (20)

Especialista Web J13: Introducción a Asp.Net