RSS

Primer Demo Sencillo ASP.NET

08 Sep

El primer Demo va ser algo sencillo y simple, vamos a mostrar una pagina con ciertos elementos weblo primero que se tiene que hacer es crear un ASP.NET Web Site, para este ejemplo se maneja el lenguaje C# con un Location File System en la ruta que ustedes desen y el nombre que tmb ustedes desen

image

Una vez creado el ide nos muestra una pantalla con un codigo generado por default

image

en el cual pondremos el siguiente codigo en la seccion <div> com se muestra a continuacion:

image

Bueno expliquemos un poco de codigo:

la primeras 2 secciones del <h1> y <h2> son etiquetas en HTML las cuales son titulos el numero determina el tamaño en que se va desplegar, aqui cabe mencionar que en la etiqueta 2 se hace uso del framework para que nos muestre la hora, que es un script es por ello que se usa el  <% =Script %> el cual lo que hace es mostrar la fecha y la hora en que se esta ejecutando, como el tipo que regresa es un Date, por eso se usa una conversion a String.

Enseguida se agregan 3 componentes del panel Toolbox o barra de Herramientas, estos componentes son : Un TextBox, Un Boton, un Literal.

<asp:Control ID=”NombreControl” runat=”server” </asp:Control>

esta es la sintaxis de lo que son los controles que se van agregando a nuestra pagina, el cual se va complementando con las propiedades que se vayan agregando a los componentes.

Los &nbsp es otra etiqueta HTML quie indica espacios en blanco.

<asp:Button ID=”btnNombre” runat=”server”
Text=”Mostrar Nombre” onclick=”btnNombre_Click”></asp:Button>

El siguiente codigo es como configuramos como se muestra el boton, el ID es como se va manejar en el codigo del lado del servidor (CodeBehind) en el cual vamos a ir poniendo los eventos con los que va responder dicho boton, que accion va realizar, ahi tiene onclick que es lo que va hacer el boton al momento de presionarlo.

quedando la pantalla en modo de disenio de la siguiente manera

image

En el boton se debe dar doble click para que abra el Default.aspx.cs en el cual pondremos el siguiente codigo:

protected void btnNombre_Click(object sender, EventArgs e)
    {
        litNombre.Text = txtNombre.Text;
    }

Esto hara que el codigo que pongamos en el Texbox, sera asignado al objeto Literal.

Compilamos el codigo con F5 o con el “Play” de color verde de nuestro IDE, mostrando el siguiente mensaje, solo hay que indicarle OK

image

Mostrando la siguiente Pagina

image

Este es el primer demo con el que se da la bienvenida al ASP.NET

 
Leave a comment

Posted by on September 8, 2011 in ASP.NET

 

Tags: ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: