Especialista Web J13: Introducción a Asp.Net
Upcoming SlideShare
Loading in...5
×
 

Especialista Web J13: Introducción a Asp.Net

on

  • 3,207 views

Breve introducción a ASP.NET

Breve introducción a ASP.NET

Statistics

Views

Total Views
3,207
Views on SlideShare
3,190
Embed Views
17

Actions

Likes
0
Downloads
91
Comments
0

1 Embed 17

http://www.slideshare.net 17

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Especialista Web J13: Introducción a Asp.Net Especialista Web J13: Introducción a Asp.Net Presentation Transcript

  • 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=&quot;C#&quot; CodeFile=&quot;Ej1-FormularioWeb.aspx.cs&quot; %>
  • 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 =&quot;button&quot; value =&quot;Buscar&quot;> < asp:Button id =&quot;cmdBuscar&quot; runat =&quot;server&quot; Text =&quot;Buscar&quot;/> Obligatorio en los CS
  • Controles de Servidor WebControl HTML equivalente <asp:button> <input type=submit> <asp:checkbox> <input type=checkbox> <asp:hyperlink> <a href=&quot;…&quot;> </a> <asp:image> <img src=&quot;…&quot;> <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=&quot;5&quot;> </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=&quot;uc&quot; TagName=&quot;encabezado&quot; Src=&quot;header.ascx&quot; %> <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=&quot;C#“ CodeFile=&quot;MasterPage.master.cs&quot; Inherits=&quot;MasterPage&quot; %> < asp:contentplaceholder id=&quot;contenedor&quot; runat=&quot;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=&quot;C#&quot; MasterPageFile =&quot;~/MasterPage.master&quot; CodeFile=&quot;Default.aspx.cs&quot; Inherits=&quot;_Default&quot; Title=&quot;Home&quot; %> < asp:Content ID=&quot;cntDefault&quot; ContentPlaceHolderID=&quot;contenedor&quot; Runat=&quot;Server&quot;> contenido de la página </asp:Content>