Unidad 1

Desarrollar aplicaciones Web Forms

alumno
2015
Unidad 1

Unidad 1: Desarrollar aplicaciones

Web Forms
Objetivos

Introducirnos en el desarrollo web de ASP.Net.

Realizar aplicaciones web con los formularios web de Visual Studio .Net.

Introduccin
Los formularios Web Forms estn formados por una combinacin de HTML, cdigo y
controles que se ejecutan en un servidor Web ejecutando Microsoft Internet
Information Services (IIS). En esta versin de Visual Studio .Net 2010 no es necesario
como requisito tener instalado IIS, el propio Visual Studio trae como caracterstica un
servidor propio que ejecuta las pginas aspx como servidor de desarrollo.
Los formularios Web Forms muestran una interfaz de usuario que genera HTML y que
se enva al navegador, mientras que el cdigo de soporte y los controles que la
componen permanecen en el servidor Web.
Esta divisin entre el interfaz en el cliente y el cdigo en el servidor es una importante
diferencia entre los formularios Web Forms y las pginas Web de servidor tradicionales.
Una pgina Web tradicional requiere que todo el cdigo se enve y se procese en el
navegador, los formularios Web Forms nicamente necesitan enviar al navegador los
controles de la interfaz, y el proceso de las pginas se mantiene en el servidor.
Esta divisin entre IU y cdigo aumenta el nmero de navegadores soportados e
incrementa la seguridad y funcionalidad de la pgina Web.
Todo formulario Web est basado en cdigo HTML y toda pgina aspx contiene un unico
formulario con el atributo runat=server. Solamente puede existir un formulario por
cada pgina.
Toda pgina aspx est compuesta por una directiva. Dicha directiva es la primera lnea
de cualquier pgina aspx e indica elementos tales como la pgina de cdigo del servidor
a la que est asociada la pgina aspx o el lenguaje que se va a utilizar para dicha pgina.
La directiva est compuesta por etiquetas de servidor:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"

Inherits="_Default" %>

Los atributos obligatorios de cualquier directiva son los siguientes:

alumno 2
Unidad 1

Language: Indica el lenguaje de servidor en el que se va a programar en la pgina.

AutoEventWireUp: Cuando el valor del atributo AutoEventWireup se establece
en true, el motor en tiempo de ejecucin de ASP.NET no requiere eventos para
especificar controladores de eventos como Page_Load o Page_Init. Esto significa
que no es necesario establecer que la pgina vaya a leer el evento Page_Load, lo
har automticamente. Por ejemplo, en el lenguaje Visual Basic no ser
necesario utilizar la palabra clave Handles en el mtodo del evento para asociar
la accin con la pgina.
CodeFile: Indica cual es la pgina de cdigo de servidor asociado con todos lo
mtodos y propiedades.
Inherits: Indica cual es la clase de la que hereda la pgina aspx.
Toda pgina web tiene asociado un formulario de servidor:
<form id="form1" runat="server">
<div>

</div>
</form>

Dicho formulario de servidor sirve para incluir todos los controles web que vayamos a
utilizar en nuestra pgina. Podemos complementar perfectamente cdigo HTML para
el diseo con controles web para la lgica propia de la pgina. Ser imprescindible
incluir todos los controles web dentro del formulario para la correcta ejecucin de la
pgina.
Los atributos de una etiqueta <Form> incluyen:
Method: El atributo Method identifica el mtodo para enviar valores de control
de devolucin al servidor.
Las opciones de este atributo son:
o Post: Los datos se pasan en pares nombre/valor dentro del cuerpo de la
peticin HTTP (Hypertext Transfer Protocol).
o Get: Los datos se pasan en una cadena de consulta.

Runat: Una de las principales caractersticas de un formulario Web Form es que

los controles se ejecutan en el servidor. El atributo runat="server" hace que el
formulario publique informacin de control de retorno a la pgina ASP.NET en el
servidor donde se ejecuta el cdigo de soporte. Si el atributo runat no est
establecido en "server", el formulario funciona como un formulario HTML
normal.
La estructura de cualquier pgina inicial asp net ser la siguiente:

alumno 3
Unidad 1

Arquitectura de una aplicacin Web en .NET

Desarrollar aplicaciones Web ASP.NET sobre el .NET Framework es similar a desarrollar

aplicaciones Windows. El componente fundamental de ASP.NET es el formulario Web
Form. Un formulario Web Form es la pgina Web que los usuarios visualizan en un
navegador. Una aplicacin Web ASP.NET consta de uno o ms formularios Web Form.
Un Web Form es una pgina dinmica que puede acceder a recursos del servidor.
Por ejemplo, una pgina Web tradicional puede ejecutar scripts en el cliente para
realizar tareas bsicas. En cambio, un formulario Web Form ASP.NET tambin puede
ejecutar cdigo en el lado servidor para acceder a una base de datos, generar
formularios Web Forms adicionales, o aprovechar la seguridad incorporada en el
servidor. Adems, como un formulario Web Form ASP.NET no depende de utilizar scripts
en el cliente, no depende del tipo de navegador del cliente o del sistema operativo. Esta
independencia permite desarrollar un nico formulario Web Form que puede ser
visualizado prcticamente en todos los dispositivos que dispongan de acceso a Internet
y de un navegador Web.
Debido a que ASP.NET forma parte del .NET Framework, podemos desarrollar
aplicaciones Web ASP.NET en cualquier lenguaje basado en .NET. La tecnologa ASP.NET
tambin permite la creacin de servicios Web XML. Los servicios Web XML son
aplicaciones distribuidas que utilizan XML para transferir informacin entre clientes,
aplicaciones y otros servicios Web XML.
Las partes de una aplicacin Web ASP.NET incluyen:
Formularios Web Forms o pginas .aspx: Los formularios Web Forms y las
pginas .aspx proporcionan la interfaz de usuario para la aplicacin Web.

alumno 4
Unidad 1

Pginas con cdigo behind: Las pginas con cdigo asociado estn vinculadas a
los formularios Web Forms y contienen el cdigo del servidor para el formulario
Web Form.
Archivos de configuracin: Los archivos de configuracin son archivos XML que
definen la configuracin predeterminada para la aplicacin Web y para el
servidor Web.
Cada aplicacin Web tiene un archivo de configuracin Web.config.
Adems, cada servidor Web tiene un archivo machine.config. Puede existir un
web.config en cada carpeta de la aplicacin y configurar opciones para todas
las subcarpetas de la misma, a menos que exista un web.config que en alguna de
ellas, que sobrescriba los valores definidos por el web.config exterior.
Normalmente se tiene un web.config en la raz del proyecto ASP.NET.
En el web.config de definen los roles de acceso, miembros, conexin a base de
datos y las variables propias de la aplicacin entre otras configuraciones.
En tiempo de ejecucin se pueden obtener los valores aqu definidos, mediante las
clases que forman parte de la librera del Framework y se encuentran en el namespace
System.Configuration.
Archivo Global.asax: Los archivos Global.asax contienen el cdigo necesario para
responder a los eventos a nivel de aplicacin provocados por ASP.NET.
Enlaces a servicios Web XML: Los enlaces a servicios Web XML permiten a la
aplicacin Web enviar y recibir datos de un servicio Web XML.
Conectividad a bases de datos: La conectividad a bases de datos permite a la
aplicacin Web transferir datos desde y hacia fuentes de base de datos.
Cach: El uso de cach permite a la aplicacin Web devolver ms rpidamente
formularios Web Forms y datos tras la primera peticin.
Los elementos que podemos encontrar dentro de una aplicacin ASP .NET:
Formularios Web Forms ASP.NET (.aspx): Los formularios Web Forms ASP.NET
se utilizan cuando es necesario generar sitios Web dinmicos a los que los
usuarios accedern directamente. Los formularios Web Forms ASP.NET pueden
estar soportados por una pgina de cdigo subyacente diseada por la extensin
WebForm .aspx.vb o WebForm. aspx.cs.
Servicios Web ASP.NET (.asmx): Los servicios Web se utilizan cuando deseamos
crear sitios Web dinmicos a los que nicamente accedern otros programas.
Los servicios Web ASP.NET pueden estar soportados por una pgina de cdigo
subyacente designada por la extensin WebService .asmx.vb o WebService
.asmx.vb.
Clases y pginas de cdigo subyacente (.vb o .cs): Las versiones anteriores de
Visual Basic utilizaban diferentes extensiones de archivo para distinguir entre
clases (.cls), formularios (.frm), mdulos (.bas), y controles de usuario (.ctl).
Visual Studio .NET permite mezclar mltiples tipos en un nico archivo.vb o .cs.
Las pginas de cdigo subyacente utilizan dos extensiones: el tipo de pgina

alumno 5
Unidad 1

(.aspx o .asmx) y la extensin de Visual Basic (.vb) o la extensin de C# (.cs). Por

ejemplo, el nombre de archivo completo para la pgina de cdigo subyacente de
un formulario Web Form ASP.NET predeterminado es WebForm1.aspx.vb para
un proyecto Visual Basic .NET y para un proyecto C# es WebForm1.aspx.cs.
Clases de aplicacin global (global.asax): El archivo Global.asax, tambin
conocido como el archivo de la aplicacin ASP.NET, es un archivo opcional que
contiene cdigo para responder a eventos a nivel de aplicacin provocados
por ASP.NET o por HttpModules. En tiempo de ejecucin, se parsea Global.asax
y se compila en una clase .NET Framework generada dinmicamente y derivada
de la clase base HttpApplication.
Archivos de recursos (.resx): Un recurso es cualquier dato no ejecutable
implantado lgicamente con una aplicacin. Un recurso puede mostrarse en una
aplicacin como un mensaje de error o como parte de la IU. Los recursos pueden
contener datos de diversos tipos, incluyendo cadenas, imgenes y objetos
persistentes. Almacenar los datos en un archivo de recursos permite
modificarlos sin necesidad de recompilar toda la aplicacin.
Styles.css: Styles.css es el archivo de hojas de estilo predeterminado para la
aplicacin Web.

Archivo Web.config: Este archivo Web.config contiene opciones de

configuracin que el CLR lee, como polticas de enlace de ensamblados, objetos
remoting, etc., y otras configuraciones que la aplicacin puede leer. Los
archivos Web.config tambin contienen las clases de aplicacin global
soportadas por un proyecto.

Cuando se compila un proyecto Web, se crean dos tipos adicionales de archivos:

1) Archivos ensamblados del proyecto (.dll): Todas las pginas de cdigo

subyacente (.aspx.vb y .aspx.cs) de un proyecto estn compiladas en un nico
archivo ensamblado que se almacena como ProjectName .dll. Este archivo
ensamblado del proyecto se ubica en el directorio /bin del sitio Web.

2) AssemblyInfo.vb o AssemblyInfo.cs: El archivo AssemblyInfo se utiliza para

describir la informacin general del ensamblado, como la versin y los atributos
del mismo.

Estructura de ficheros y carpetas en una aplicacin Web

de ASP .NET
Cuando creamos una aplicacin Web ASP.NET, Visual Studio .NET crea dos carpetas
para almacenar los archivos que soportan esa aplicacin. Cuando compilamos un
proyecto, se crea una tercera carpeta para almacenar el archivo .dll resultante. Visual
Studio .NET crea una carpeta para la solucin, ProjectA, que contiene el archivo
ProjectA .sln. Este archivo es un mapa de los diversos archivos que soportan el
proyecto.

alumno 6
Unidad 1

Tambin podemos crear una solucin en blanco y agregarle proyectos.

Estos archivos incluyen:

El archivo de proyecto, ProjectA .vbproj o csproj, que es un documento XML

que contiene referencias a todos los elementos del proyecto, como formularios
y clases, adems de referencias de proyecto y opciones de compilacin.

Formularios ASP.NET Web Forms, Default.aspx, o servicios Web XML,

WebService .asmx.

Pginas de cdigo subyacente, Default.vb o cs o WebService1.asmx.vb

Un archivo Web.config, que contiene las opciones de configuracin de la

aplicacin Web.

Un archivo Global.asax que gestiona los eventos que son invocados mientras la
aplicacin Web se est ejecutando.

Por otra parte, la estructura de directorios de ASP.NET puede ser determinada por las
preferencias del desarrollador.

Aparte de unos pocos nombres de directorios reservados, el sitio puede expandirse a

cualquier nmero de directorios.

Existen una serie de directorios especiales que el desarrollador puede implementar en

su sitio web:

App_Browsers: Contiene archivos de definicin especficos para navegadores.

App_Code: Es un directorio para cdigos. El servidor ASP.NET automticamente

compilara los archivos (y subdirectorios) en esta carpeta en un ensamblado que
es accesible desde cualquier pgina del sitio. App_Code es tpicamente usada
para cdigo de acceso a datos, cdigo de modelo o cdigo de negocios.
Tambin cualquier manejador http especfico para el sitio e implementacin de
mdulos y servicios web van este directorio. Como alternativa a utilizar
App_Code el desarrollador puede optar por proporcionar un ensamblado
independiente con cdigo precompilado.

App_Data: Directorio por defecto para las base de datos, tales como archivos
mdb de Microsoft Access y archivos mdf de Microsoft SQL Server.
Este directorio es usualmente el nico con permisos de escritura en la
aplicacin.

alumno 7
Unidad 1

App_LocalResources: Contiene archivos de recursos localizados para paginas

individuales del sitio.

App_GlobalResources: Contiene archivos resx con recursos localizados

disponibles para cada pgina del sitio. Este es donde el desarrollador ASP.NET
tpicamente almacenara mensajes que sern usados en ms de una pgina.

App_Themes: usado para temas alternativos del sitio.

App_WebReferences: Usado para archivos de descubrimiento y archivos WSDL

para referencias a servicios web para ser consumidos en el sitio.

Bin: Contiene cdigo compilado (archivos .dll) para controles, componentes, y

otro cdigo que pueda ser referenciado por la aplicacin. Cualquier clase
representada por cdigo en la carpeta Bin es automticamente referenciada en
la aplicacin.

VIDEO: REALIZANDO APLICACIONES WEB FORMS

Realizar Laboratorio: envo de informacin con GET y

POST

alumno 8