Ejemplo aplicacion web (estructura)

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>

Transcript of Ejemplo aplicacion web (estructura)

Page 1: Ejemplo aplicacion web (estructura)

<%--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>

Page 2: Ejemplo aplicacion web (estructura)

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 script está 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 objetosUn 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).