CodeBehind

Mientras que nuestro primer ejemplo era bueno, desafortunadamente rompimos uno de los principios de codificación de ASP.NET: Separar marcado y código. Como notaste, añadimos un bloque de script (utilizando <% %>), donde escribimos una linea de código C# para usar el label. Mientras esto está bien para un ejemplo simple y pequeño como este, muy rápidamente se volvería desastroso tener un montón de código C# dentro de otro montón de código HTML. Si también agregas algo de JavaScript y CSS, muy pronto se volverá caótico editarlo. Por esta razón MS introdujo CodeBehind, una técnica que permite separar completamente marcado (HTML, CSS, etc.) y código (C#, VB.NET, etc.). Así que removamos el bloque de script (de <% to %>) y guardemos el archivo.

Como mencionamos anteriormente, VS añadió un archivo llamado Default.aspx.cs. Si no puedes verlo en el Explorador de Soluciones, haz click en el pequeño símbolo de más a la izquierda del archivo Default.aspx. Abre el archivo. En este punto, si nunca has trabajado con .NET u otro lenguaje de programación que no sea para desarrollo web, puede parecer un poco tenebroso. No se parece en nada a HTML. Sin embargo, trataré de explicar las distintas partes del contenido, y pronto podrás ver que CodeBehind es una gran herramienta para tener una mejor perspectiva de tu trabajo. Aquí hay una vista completa de como luce el archivo hasta ahora:

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
}

Por ahora, la parte superior es irrelevante para nosotros. Es una lista de namespaces siendo incluidos utilizando la palabra reservada using, para su uso en el archivo. Ya que este es un tutorial de ASP.NET y no un tutorial de C#, no profundizaré en esto. Después tenemos la clase. Las clases son una parte del concepto de Programación Orientada a Objetos, el cual se ha vuelto muy popular, especialmente con lenguajes como Java y C#. POO es un tema muy complejo, el cual tampoco será explicado en este tutorial.

El nombre de esta clase es "_Default", y los : (dos puntos) nos dice que esta clase hereda de la clase Page en el namespace System.Web.UI. Esto significa que nuestra página ya puede realizar muchas cosas, sin haber programado nada, debido a que hereda métodos y propiedades de otra clase. Todas las páginas en ASP.NET heredan de la clase Page, u otro clase la cual hereda de la clase Page.

El único método dentro de nuestra clase es Page_Load, el cual es llamado cada vez que la página es cargada. Utilicemos esto a nuestro favor, añadamos algo a este método. Podemos utilizar la misma linea de código que usamos antes, pero obviamente sin las etiquetas para bloque de script. Añade la linea de código entre los caracteres { y }:

HelloWorldLabel.Text = "Hello, world!";

Ya está. Corre el proyecto (F5) y echa un vistazo. La página luce exactamente igual, pero solo hemos utilizado CodeBehind por primera vez. Este ejemplo se está comenzando a volver viejo, entonces en el próximo capítulo comenzaremos a ver algo un poco más interesante.