Curso de ASP.NET

¡Horror, qué es esto! ¿Quiere decir que antes de escribir programas debo saber qué variables debo utilizar y además de qué tipo? Pues si, y además esto conlleva cosas tremendamente importantes en la programación:

• Nunca se debe comenzar a programar sin haber hecho un diseño de lo que queremos realizar
• Es obligatorio que se definan todas las variables que se van a utilizar y su tipo.

El segundo punto me encargaré mas adelante de explicaros. Del primero pues nada, está claro: papel y lápiz y a pensar en el programa, luego pasar a limpio la idea y los procesos o algoritmos mas importantes que vamos a realizar y por fin lo plasmaremos en un programa. Si esto se hace correctamente la declaración de variables mas que un engorro es otro paso mas en el desarrollo de nuestro programa y que nos va a asegurar que lo demás va a funcionar bien, en cuando a tipos de datos se refiere.

Es un vicio generalizado en los programadores de Visual Basic que cojan el ratón y un formulario y empiecen a dibujar el resultado de la pantalla y luego, lo último a escribir código. ¡NO! La diferencia entre un programador y un analista es que el analista primero piensa, plasma las ideas y realiza el diseño sobre el papel. El programador no debe realizar la típica acción de "prueba y ensayo", es decir escribo código y lo pruebo, si no funciona, lo corrijo, lo vuelvo a probar... y así hasta que funciona.

Esto, obviamente, os pasará al principio, pero luego lo interesante es hacer un análisis del programa para detectar los problemas y el flujo correcto que debe seguir. Finalmente escribir el código que lógicamente no funcionará a la primera pero estará bastante cerca. (Una ley de Murphy dice que "si algo funciona a la primera es que está mal hecho"). Paciencia, la programación es algo que no se debe aprender rápido, hay que asimilar, el entorno, la herramienta y nuestra capacidad, limitada al principio por el propio conocimiento del lenguaje. Si no lo conocemos no sabremos muy bien que se puede hacer con él. Pero esto es temporal, la práctica y sobre todo, el buen estilo ayudarán mucho a que el proceso de aprendizaje sea corto.

Y dicho este "paquete" sigamos con nuestras variables. Estábamos con que nos hemos asustado un poco porque tenemos un montón de tipos de datos y no sabremos muy bien cual utilizar. Atento a este supuesto que le ha pasado a todo programador en sus inicios:

Resulta que voy a realizar unas operaciones con números enteros y elijo el tipo "short" que me dice el manual que es para números enteros. Ahora mi programa opera con este valor y por razones del programa debe asignarle el valor de 87000... sigo con el programa y resulta que no funciona nada, que una pantalla sencilla me devuelve un valor imposible. Pero... ¡si sólo he hecho una multiplicación!. Bien, el problema está en que el tipo de datos elegido para la variable ha sido el "short" (equivalente al Int de VB6) y en este tipo de datos sólo le caben números hasta el valor 32767. ¡Uf! para encontrar este fallo me he tirado horas. Para resolverlo debo utilizar un tipo de datos que admita números mas grandes (Long o Integer).

Como disponemos de mucha memoria en nuestros equipos y no queremos ser rácanos vamos a utilizar siempre los tipos de datos mas grandes para que no se nos den estos problemas,  total, gastar 2 bytes mas cuando tengo 1.000 millones (1 GB de memoria)  no es mucho ¿no? . Mas adelante, cuando tengamos mas práctica escogeremos el tipo exacto... Veamos entonces que tipo de datos son los que te recomiendo que debemos utilizar en nuestro aprendizaje:

• INT/LONG, para valores numéricos enteros
• DOUBLE, para valores reales o con decimales
• DATE, para valores de fecha
• BOOLEAN, para valores boleanos, es decir los que pueden ser sólo cierto/falso (true/false). Por ejemplo: "Servicio militar cumplido: True"
• STRING, para cadenas de caracteres.

Con estos 5 tipos de datos tendré prácticamente resuelto todo el tema de las variables en cuanto al tipo de datos que debo utilizar se refiere. Ya los ampliaremos a lo largo del curso, ahora vamos a ver si declaramos o no las variables y cómo se hace...

Antes de seguir vamos a realizar una página de ejemplo para ver la salida por pantalla. Luego seguiremos declarando... tranquilo nos cansaremos de declarar variables... Vamos a crear una página de ejemplo en nuestro web developer. Vamos a configurarlo rápido para que podamos comenzar a trabar. No te preocupes si no conocemos todavía el entorno, esto lo veremos mas adelante. Ahora quiero que practiquemos con variables. Así que pon en marcha el Visual Web Developer 2008 y le decimos "Crear nuevo Web":

Le indicamos la ruta predeterminada:

Con las opciones que aparecen debajo de "Location" y "Language" que ves. Una vez terminado tendremos un pantalla como esta. Fíjate a la derecha arriba como tendremos nuestro explorador de proyectos, es decir, las páginas web y otros ficheros que componen nuestra aplicación Web:

Por defecto nos aparece en pantalla el código de una página predeterminada que este entorno crea siempre y que se llama "default.aspx". La cerraremos pulsando en la "x" del título:

Y cerraremos también la de bienvenida para quedarnos con la pantalla vacía. Ahora pulsaremos con el botón derecho en el título de nuestro web en el explorador de proyectos:

Para indicarle que queremos añadir un nuevo elemento, que será una página web para realizar nuestros ejemplos. Fíjate en esta pantalla:

Le indicaremos que es un "Web Form", es decir un formulario web que son las páginas estándar de ASP.NET y en las opciones que ves abajo a la derecha deben estar desmarcadas las dos. Mas adelante ya veremos estas opciones, de momento nos van a facilitar la labor de escribir estos sencillos ejemplos. Abre el ejemplo1.aspx y veremos en el editor lo siguiente:

Debajo verás pestañas en las que podemos cambiar de la vista de código a la de diseño. Pulsa en la de diseño para que tengas la ventana y dentro del recuadro que hay arriba arrastra tres controles de tipo "label" que tienes a la izquierda:

Estos son componentes de ASP.NET que nos van a ayudar a ejecutar nuestros ejemplos. De momento la idea es que los hagamos funcionar, la explicación detallada la veremos mas adelante. Abre ahora la vista de diseño:

Fíjate en la parte de abajo como ha escrito estos tres controles de ASP.NET de tipo label. Son simplemente literales en los que podré escribir unos datos en pantalla. Es lo que utilizaremos en estos ejemplos. Ahora otro detalle que te cuento y en otro capítulo explicaremos. Cada vez que se carga una página se produce un evento especial de carga de página. Técnicamente quiero decir que cada vez que se carga una página se ejecuta un procedimiento que se llama "Page_Load" donde podremos escribir código que queremos ejecutar antes de mostrar la página al usuario. Por ejemplo vamos a escribir en las etiquetas del ejemplo, para esto le asignaremos a la propiedad "Text" de estas etiquetas un texto de prueba. ¿Como se llaman estas etiquetas? Pues si te fijas en el código tienen un valor que empieza por "ID" que las identifica: <asp:Label ID="Label1"....

Por tanto para asignarles un texto pondremos Label1.text="Hola" y esto hará que en pantalla ese control de etiqueta tome ese valor y lo escriba en pantalla. Escribe entonces este código justo donde está puesto y con todo el código que ves:

Solo he puesto la parte de arriba de la página, la parte de abajo es igual. Pulsaremos ahora en el botón "Depuración" o ·"Debug" para ejecutar nuestra página:

Si no hemos tenido ningún error se ejecutará la página, pero si lo hemos tenido nos lo avisará con un mensaje:

Nos dice que tenemos errores y si queremos continuar, le diremos que no porque vamos a corregirlo. Ahora nos dice lo siguiente:

Que es un mensaje para que activemos la depuración ya que por defecto está desactivada. Ahora ya debería estar todo pero no, falta un último detalle... por defecto Internet Explorer no muestra datos sobre la ejecución de páginas ni depuraciones, ya que esto es solo para los desarrolladores, así que me avisa que está desactivada:

Y que tendremos que irnos al Internet Explorer y en su página de propiedades desactivar esta opción:

Y por fin! todo está listo. Como te digo, todo esto lo veremos mas adelante, ahora es para ponernos a practicar realizando sencillos ejemplos de variables. Le decimos OK y nos mostrará una lista con los errores que hemos realizado en la página. SI todo ha ido correcto nos mostrará el resultado:

Te recomiendo que hagas todos los ejemplos para practicar aunque te voy a proporcionar todos los que vayamos haciendo. Para descargarte este ejemplo pulsa aquí. Los pongo comprimidos para que no den problemas al tener extensión .aspx, ya que son ficheros especiales. Los descomprimes en tu equipo y luego en el explorador de soluciones le haces un copiar, pegar. Así lo incorporas a tu sitio web de ejemplo. Te recomiendo que crees una carpeta con el número del tema:

Con el botón derecho tendrás todas estas opciones. Así las tendrás mas organizadas. Como ves he creado una carpeta llamada "Tema_4" y he "copiado" y "pegado" el fichero de ejemplo.

Ya tenemos todo listo así que a empezar con nuestros ejemplos de verdad.

1. Crea una nueva página que se llame "variables.aspx" similar al anterior con tres controles label (puedes copiar y pegar el anterior y luego renombrarlo) y en la parte de la carga de la página ponemos:

Es decir, declaramos tres variables de tres tipos distintos, le asignamos unos valores y se lo asignamos a los controles label.

2. Ejecutamos la página:

3. Ahora vamos al código y añadimos esta asignación:

Es decir añadimos la variable "dirección" y le ponemos un valor. Ahora intentamos ejecutar la página y:

Nos avisa de que tenemos un error. Aun así le decimos que la queremos ejecutar y pulsamos en "si":

4. El resultado es un error:

a partir de ahora prestaremos mas atención a estas páginas de error. Son muy descriptivas y nos proporcionan información completa de lo que ha sucedido en la página. Por un lado ya nos está diciendo que:

Mensaje de error del compilador: BC30451: Name 'dirección' is not declared.

Así que ya sabemos cual es el error falta saber el origen. Si miras mas abajo:

Perfecto, tenemos en amarillo nuestro código y nos ha destacado en rojo dónde tenemos el problema. La verdad es que esto ha mejorado muchísimo, la depuración en web ahora es un proceso verdaderamente fácil por fin. Además cuando estábamos editando el código y justo antes de darle a ejecutar, nuestro editor ya nos avisaba de algo, ya que siempre que alguna palabra quede subrayada debemos poner el cursor encima para ver que está pasando:

Así que ya sabemos que no la hemos declarado y debemos hacerlo.

Los ejemplos para descargar los pongo todos al final de cada tema, así que si lo quieres ahora vete al final del este capítulo que tendrás el enlace...