SlideShare una empresa de Scribd logo
1 de 2
<%--Directiva--%>
<%@ Page Language="C#" %>
<%--Codigo en linea--%>
<script runat="server">
protected void btnAceptar_Click(object sender, EventArgs e)
{
lblResultado.Text = txtNombre.Text;
txtNombre.Text = string.Empty;
}
</script>
<%--HTML para dibujar los controles en pantalla--%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Mi primera aplicacion - Maestros del Web</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtNombre" runat="server"></asp:TextBox>
<asp:Button ID="btnAceptar" runat="server" Text="Aceptar"
onclick="btnAceptar_Click"/>
<br/>
<asp:Label ID="lblResultado" runat="server"
Text="[Resultado]"></asp:Label>
</div>
</form>
</body>
</html>
La estructura de aplicación
1.- Contiene una directiva:
Le estamos indicando que la pagina usará lenguaje C# (C Sharp)
2.- Código en línea:
El tag scriptestá indicando que el código se ejecutará del lado del servidor. En esta porción del
código van las acciones que ejecutaremos en nuestra aplicación; en este caso sólo tenemos una
única acción asociada al botón Aceptar.
3.- Código HTML para la creación de objetos en pantalla.
En pantalla vemos tres objetos
Un TextBox llamado txtNombre (Para ingresar un nombre).
Un Botón llamado btnAceptar y con el evento OnClick definido (Ejecutamos la acción de pegar
contenido).
Un label de resultados llamado lblResultado. (Mostramos los resultados luego de ejecutar el evento
del botón).

Más contenido relacionado

La actualidad más candente

La actualidad más candente (10)

Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.
 
php ejemplos
php ejemplosphp ejemplos
php ejemplos
 
Jsp
JspJsp
Jsp
 
AngularJS
AngularJSAngularJS
AngularJS
 
Mail inicio sesion_remota
Mail inicio sesion_remotaMail inicio sesion_remota
Mail inicio sesion_remota
 
Zen AJAX - Programador PHP
Zen AJAX - Programador PHPZen AJAX - Programador PHP
Zen AJAX - Programador PHP
 
Objetosimpliciosjsp
ObjetosimpliciosjspObjetosimpliciosjsp
Objetosimpliciosjsp
 
Creación de directivas personalizadas en AngularJS
Creación de directivas personalizadas en AngularJSCreación de directivas personalizadas en AngularJS
Creación de directivas personalizadas en AngularJS
 
Acceso a BBDD mediante un servlet
Acceso a BBDD mediante un servletAcceso a BBDD mediante un servlet
Acceso a BBDD mediante un servlet
 
Web de noticias en Ajax
Web de noticias en AjaxWeb de noticias en Ajax
Web de noticias en Ajax
 

Destacado (9)

hv_rafael_reyes_
hv_rafael_reyes_hv_rafael_reyes_
hv_rafael_reyes_
 
Flyer Proof
Flyer ProofFlyer Proof
Flyer Proof
 
HV: YULIET CARMONA
HV: YULIET CARMONAHV: YULIET CARMONA
HV: YULIET CARMONA
 
POEMANUARIOS VERMELLOS DE 3º
POEMANUARIOS VERMELLOS DE 3ºPOEMANUARIOS VERMELLOS DE 3º
POEMANUARIOS VERMELLOS DE 3º
 
Iteraciones o looping scratch
Iteraciones o looping   scratchIteraciones o looping   scratch
Iteraciones o looping scratch
 
HV Brenda Mondragon
HV Brenda Mondragon HV Brenda Mondragon
HV Brenda Mondragon
 
Twitter advanced
Twitter advancedTwitter advanced
Twitter advanced
 
Desmontar el cuadro del seat 600
Desmontar el cuadro del seat 600Desmontar el cuadro del seat 600
Desmontar el cuadro del seat 600
 
Hv Jhon Fredy
Hv Jhon FredyHv Jhon Fredy
Hv Jhon Fredy
 

Similar a Ejemplo aplicacion web (estructura)

Similar a Ejemplo aplicacion web (estructura) (20)

DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En Xml
 
Ajax
AjaxAjax
Ajax
 
Mi app-asp-net-mvc2
Mi app-asp-net-mvc2Mi app-asp-net-mvc2
Mi app-asp-net-mvc2
 
Especialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetEspecialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.Net
 
Actividad autónoma: Controles de validacion en ASP.NET
Actividad autónoma: Controles de validacion en ASP.NETActividad autónoma: Controles de validacion en ASP.NET
Actividad autónoma: Controles de validacion en ASP.NET
 
Grails: Framework para el desarrollo de aplicaciones Web No 5
Grails: Framework para el desarrollo de aplicaciones Web No 5Grails: Framework para el desarrollo de aplicaciones Web No 5
Grails: Framework para el desarrollo de aplicaciones Web No 5
 
T10_Ejercicios_Solucion.pdf
T10_Ejercicios_Solucion.pdfT10_Ejercicios_Solucion.pdf
T10_Ejercicios_Solucion.pdf
 
DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En Xml
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Novedades en XAML
Novedades en XAMLNovedades en XAML
Novedades en XAML
 
Screen scraping
Screen scrapingScreen scraping
Screen scraping
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
 
Asp .net
Asp .netAsp .net
Asp .net
 
Ajax
AjaxAjax
Ajax
 
Introducción a DJango
Introducción a DJangoIntroducción a DJango
Introducción a DJango
 
Funciones
FuncionesFunciones
Funciones
 
Introducción a Flask
Introducción a FlaskIntroducción a Flask
Introducción a Flask
 
Practicos script
Practicos scriptPracticos script
Practicos script
 
Phonegap
PhonegapPhonegap
Phonegap
 
JqueryMobile
JqueryMobile JqueryMobile
JqueryMobile
 

Ejemplo aplicacion web (estructura)

  • 1. <%--Directiva--%> <%@ Page Language="C#" %> <%--Codigo en linea--%> <script runat="server"> protected void btnAceptar_Click(object sender, EventArgs e) { lblResultado.Text = txtNombre.Text; txtNombre.Text = string.Empty; } </script> <%--HTML para dibujar los controles en pantalla--%> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Mi primera aplicacion - Maestros del Web</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="txtNombre" runat="server"></asp:TextBox> <asp:Button ID="btnAceptar" runat="server" Text="Aceptar" onclick="btnAceptar_Click"/> <br/> <asp:Label ID="lblResultado" runat="server" Text="[Resultado]"></asp:Label> </div> </form> </body> </html>
  • 2. La estructura de aplicación 1.- Contiene una directiva: Le estamos indicando que la pagina usará lenguaje C# (C Sharp) 2.- Código en línea: El tag scriptestá indicando que el código se ejecutará del lado del servidor. En esta porción del código van las acciones que ejecutaremos en nuestra aplicación; en este caso sólo tenemos una única acción asociada al botón Aceptar. 3.- Código HTML para la creación de objetos en pantalla. En pantalla vemos tres objetos Un TextBox llamado txtNombre (Para ingresar un nombre). Un Botón llamado btnAceptar y con el evento OnClick definido (Ejecutamos la acción de pegar contenido). Un label de resultados llamado lblResultado. (Mostramos los resultados luego de ejecutar el evento del botón).