Asp Ya - Apuntes

ASP (acrónimo de Active Server Page) es una tecnología desarrollada por Microsoft para ejecutar código en un servidor web y generar páginas en forma dinámica. Hay que entender primero como funciona la solicitud de páginas en un navegador para comenzar a utilizar ASP. Comunicación entre el cliente y el servidor sin ASP: 1 - Tipeamos en la barra del navegador la dirección y el archivo a solicitar. 2 - El web browser (navegador) envía el mensaje a través de Internet a la computadora, por ejemplo www.lanacion.com/pagina1.htm solicitando la página (archivo) pagina1.htm 3 - El web server (servidor web, que puede ser el Apache, IIS, etc.) que es un programa que se ejecuta en la máquina www.lanacion.com, recibe el mensaje y lee el archivo solicitado desde el disco duro. 4 - El servidor web envía el archivo solicitado por el navegador tal cual está en el disco duro. 5 - El navegador muestra en pantalla el archivo que envió el servidor web. Este proceso siempre es el mismo cuando hablamos de páginas estáticas (páginas que no cambian), cualquiera sea el cliente que solicita la página el contenido siempre será el mismo. La única forma que el contenido del archivo cambie es que el administrador de ese sitio web edite el contenido del archivo pagina1.htm y haga modificaciones. Comunicación entre el cliente y el servidor con ASP: 1 - Tipeamos en la barra del navegador la dirección y el archivo a solicitar. 2 - El web browser (navegador) envía el mensaje a través de Internet a la computadora llamada www.lanacion.com solicitando la página (archivo) pagina1.asp 3 - El web server (servidor web IIS, veremos luego que este servidor también es propiedad de Microsoft), recibe el mensaje y al ver que la extension es "asp" solicita al módulo de ASP (que es otro programa que se ejecuta en el servidor web) que le envíe el archivo. 4 - El módulo ASP lee desde el disco el archivo pagina1.asp 5 - El módulo ASP ejecuta los comandos contenidos en el archivo y eventualmente se comunica con un gestor de base de datos (ejemplos de ellos pueden ser SQL Server, Access etc.) 6 - Luego de ejecutar el programa contenido en el archivo envía éste al servidor web. 7 - El servidor web envía la página al cliente que la había solicitado.

8 - El navegador muestra en pantalla el archivo que envió el servidor web. Para aquellas personas que conocen otros lenguajes de programación (C - Java - C# Pascal etc.) la salida de los resultados normalmente es la pantalla, en ASP la salida es la página HTML (luego ésta viaja por internet y llega al cliente que la solicitó)

Programa hola mundo con ASP

Decíamos que ASP es la primer tecnología desarrollada por Microsoft para la generación de páginas dinámicas de servidor. En realidad ASP no es un lenguaje de programación sino el nombre de la tecnología. El lenguaje más utilizado para implementar las páginas dinámicas ASP es el VBScript. Este lenguaje utilizaremos en este curso para la codificación de las páginas dinámicas. También se puede emplear el lenguaje JScript. Para agregar un programa dentro de una página HTML debemos por un lado al crear el archivo definirlo con extensión asp (a diferencia de las páginas estáticas que tienen extensión htm o html) y dentro del contenido de la página, encerrar el programa entre los símbolos <% %> ASP cuenta con una serie de objetos que nos permiten trabajar en el servidor. El objeto response cuenta con un método llamado write que nos permite generar html en el servidor.Nuestro programa "Hola Mundo" será entonces: pagina1.asp <% response.write("Hola Mundo") %>

El servidor IIS (Internet Information Server) identifica que la extensión del archivo solicitado es asp por lo que pasa al módulo ASP para procesar el programa contenido en su interior. En este caso el programa contenido es muy sencillo, solo le pedimos que imprima dentro de la página la cadena "Hola Mundo". Es verdad que para este tipo de problemas conviene emplear una página estática HTML ya que el contenido que genera el programa siempre es el mismo.

Otra cosa que hay que tener bien en claro, cual es el contenido del archivo que recibe el navegador: pagina1.asp Hola Mundo

Como podemos observar desaparece el programa codificado en VBScript y contiene el resultado de la ejecución del mismo. Los programas que se encuentran en el servidor nunca serán visto por el visitante, ya que estos reciben el resultado de la ejecución de los mismos. Para aquellas personas que no han utilizado otra tecnología de páginas dinámicas puede ser inicialmente un poco complejo entender la programación en el servidor. Si ya de antemano conocen otro lenguaje de escritorio (C - C++ - Java) el método write del objeto response (response.write) remplaza al comando de impresión por pantalla. Como el programa se ejecuta en un servidor de Internet que se puede encontrar a miles de kilometros poco sentido tendría imprimir en el monitor de dicho servidor. Entonces la solución es "imprimir" dentro del archivo html que se enviará al navegador que solicitó dicha página.

Simulador Loco!

Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado.) Confeccionar una página que muestre en su contenido la leyenda "Hola Mundo". Emplear el método write del objeto response para la impresión dentro de la página. pagina1.asp

Programa Ejercicio

Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema: <% response.write("Pablo Rodriguez") %>

Confeccione un programa que muestre su nombre y apellido en la página empleando el método write del objeto response. Tener en cuenta que hay que encerrar entre comillas dobles la cadena a imprimir. Ver solución pagina1.asp

Taller: Aprende a crear una página dinámica Si el HTML te quedó chico, acá te enseñamos a través de sencillos pasos cómo crear una pagina web dinámica, a partir de una planilla de cálculo, sin necesidad de ser un experto en programación. Por Cristian Cubillos 30 de marzo de 2005 Basta navegar algunos minutos para reconocer la gran Secciones variedad de formatos en que están hechas las diferentes * Aprende a crear una página dinámica páginas web, donde ASP, PHP, JSP y HTML son los más * Manos a la obra usados. El punto es que a diferencia del último (HTML) los otros tres permiten generar una página con contenido dinámico. En una página estática, el contenido que se muestra es similar a una fotografía, los datos son fijos y no pueden ser modificados a menos que se utilice un editor html (Dreamweaver, Frontpage o incluso el block de notas), para luego ver los cambios una vez que se sube el archivo al servidor mediante un cliente FTP. Por otra parte, una página dinámica es básicamente como una película, que una vez ejecutada nos permite ver información que se va actualizando desde un contenedor de datos (base de datos). En nuestro taller utilizaremos programación en ASP y una planilla Excel, para mostrar en 5 sencillos pasos como generar una página dinámica, sin necesidad que edites ninguna línea de código.

Secciones

Manos a la obra Este ejemplo funciona mediante un archivo ASP que extrae la información de una planilla de cálculo, tal como se hace con una base de datos común y corriente.

* Aprende a crear una página dinámica * Manos a la obra

Paso uno: Crea una cuenta en el hosting gratuito 1asphost.com. Obtendrás 100 megas de espacio y la posibilidad de ejecutar páginas ASP (Active Server Pages). Es importante que al inscribirte entregues una cuenta de correo válida, debido a que tienes que confirmar la membresía. Paso dos: Descarga este archivo, descomprímelo y sube su contenido a Asp Host. Para ello Ingresa al sitio mediante tu usuario y contraseña, en el administrador de archivos pincha "single file" en el combo box "upload", selecciona la ruta donde tienes los dos archivos y luego acepta.

Paso tres: Utiliza cualquier plantilla de cálculo que tengas o crea una nueva, luego bautízala como DATOS.XLS. Paso cuatro: Posteriormente, le indicamos los datos que utilizaremos de tu archivo excel a la página ASP ya creada. Para ello selecciona el rango de la tabla y lo nombras como "RANGO", es la esquina superior izquierda donde aparece la ubicación del puntero (A1, A2, A3, etc.). No olvides grabar estos cambios.

- Variables y sus tipos

En VBScript podemos no definir la variable y hacer que se cree inmediatamente después de asignarle un valor. Veamos los tipos de variables según el valor que le asignamos: <% edad=22 pi=3.1416 nombre="juan" fechahoy=#12/25/2008# existe=true response.write("variable response.write(edad) response.write("
") response.write("variable response.write(pi) response.write("
") response.write("variable response.write(nombre) response.write("
") response.write("variable response.write(fechahoy) response.write("
") response.write("variable response.write(existe) %>

entera:") real:") cadena:") fecha:") logica:")



Una variable entera se define cuando le asignamos un valor entero: edad=22

Luego para imprimir dicha variable hacemos: response.write("variable entera:") response.write(edad) response.write("
")

Primero mostramos un mensaje para saber que tipo de variable estamos imprimiendo, seguidamente en la segunda llamada al método write imprimimos la variable y por último procedemos a imprimir el elemento HTML
para que se efectúe un salto de línea en el navegador y cada variable aparezca en una línea distinta. Para definir una variable real debemos utilizar el caracter .: pi=3.1416

Las variables de tipo string se inicializan asignándole una cadena encerrada entre dobles comillas: nombre="juan"

Una variable de tipo fecha debe estar encerrada entre los caracteres # y el orden de inicialización es mes/día/año: fechahoy=#12/25/2008#

Por último una variable lógica solo puede almacenar alguno de estos dos valores (true o false): existe=true

Lo operadores matemáticos para las variables enteras y reales son: + * / \ (retorna la parte entera de la división) mod (retorna el resto de una división) ^ (eleva un número a un determinado exponente) Para concatenar variables de tipo string debemos utilizar el operador &

7 - Estructura condicional if

Cuando se pretende que el programa, una vez llegado a un cierto punto, tome un camino concreto en determinados casos y otro diferente si las condiciones de ejecución difieren, se utiliza la instrucción if: if Condición Instrucción Instrucción else Instrucción Instrucción end if

A1 A2 B1 B2

Si la condición genera un valor verdadero se ejecutan luego todas las instrucciones seguidas al if: Instrucción A1 Instrucción A2

En caso que la condición genere un valor falso se ejecutan las instrucciones seguidas al else hasta encontrar el comando end if: Instrucción B1 Instrucción B2

El bloque del else es opcional, es decir podemos hacer que ciertas instrucciones se ejecuten y en caso de ser falso la condición del if no se ejecute nada: if Condición Instrucción Instrucción else Instrucción Instrucción end if

A1 A2 B1 B2

Confeccionaremos una página que muestre un mensaje distinto si el día actual tiene un dígito o dos: <%option explicit%> <% dim fecha,dia fecha=date() dia=day(fecha) response.write("Hoy es") response.write(dia) response.write("
") if dia<10 then response.write("El número de día tiene un dígito")

else response.write("El número de día tiene dos dígitos") end if %>

Recordemos que lo primero que hacemos es indicar que verifique que todas las variables sean definidas: <%option explicit%>

Definimos las dos variables que requiere el problema: dim fecha,dia

Obtenemos la fecha y le extraemos el número de día: fecha=date() dia=day(fecha)

Imprimimos el día actual: response.write("Hoy es") response.write(dia) response.write("
")

Mediante un if verificamos si el día es menor a 10: if dia<10 then

En caso de que la condición se verifique verdadera procedemos a imprimir en la página HTML el siguiente mensaje: response.write("El número de día tiene un dígito")

En caso que la condición genere un valor falso procede a ejecutar las instrucciones indicadas después del else: response.write("El número de día tiene dos dígitos")

Para las condiciones tener en cuenta que disponemos de los siguientes operadores relacionales: = para ver si una variable es igual a otra. <> distinto. >= mayor o igual. > mayor. <= menor o igual. < menor.