Aplicación sencilla ASP

ASP

Microsoft propuso esta tecnología llamada Active Server Pages en diciembre de 1996, por lo que tiene gran trayectoria. Hace parte del Internet Information Server (IIS) desde la versión 3.0 y es una tecnología de páginas activas que permite el uso de diferentes scripts, componentes y paquetes en conjunto con el conocido HTML para mostrar páginas generadas dinámicamente, traduciendo la definición de Microsoft:

“Las Active Server Pages son un ambiente de aplicación abierto y gratuito en el que se puede combinar código HTML, scripts y componentes ActiveX del servidor para crear soluciones dinámicas y poderosas para el web”.

El principio de la tecnología ASP es el VBScript, pero existe otra diversidad de lenguajes de programación que pueden ser utilizados como Perl, JScript, etc.

Ejercicio de Aplicación sencilla ASP

Lo primero que se debe hacer es abrir el Visual Studio 2013 y seleccionar crear un nuevo proyecto, en C# (también se puede realizar en visual basic .net), del tipo Web y en ASP.NET Web Application.

[pic 1]

En la ventana que se abre, puede escoger entre los diferentes “temas” de plantillas predeterminadas que me ofrece el IDE. Y entre las cuales escogeré MVC, añadiéndole el proyecto de pruebas unitarias y escribiendo el nombre de dicho proyecto de pruebas.

[pic 2]

Otra configuración que se cambia, para hacer el tutorial más simple y sencillo, es modificar el modo de autenticación; indicando que no se quiere de ningún tipo, y se ahorra mucho código que incluye la propia plantilla.

[pic 3]

Visual Studio te preguntará que con qué tipo de repositorio se quiere trabajar: con TFS o con Git. Aquí que cada puede tomar una opción. (Opcional).

Con esto ya se tiene la estructura del proyecto construida.

[pic 4]

Empezando por los cimientos: el modelo

Lo primero que se debe tener antes de empezar a programar, es la Visión de lo que se quiere hacer. En este caso hay que hacer un elemento que muestre los nombres. Es decir, se debe ver la palabra Hola seguido de un nombre, y este nombre lo podrá introducir en una caja de texto y deberá actualizarse cuando se pulse en el botón adecuado.

Cumpliendo con las buenas prácticas, se empieza por los cimientos, y estos son el modelo. Así que se crea un nuevo fichero del tipo clase dentro de la carpeta de Models, y en esta se define una clase Personas con dos propiedades: Saludo y Nombre.

[pic 5]

Aquí se podría hacer de varias formas, como hacer la propiedad de Saludo como solo de lectura, y que siempre devolviera “Hola” por medio del método Get; pero es mejor hacer un setter (Set) abreviado de las propiedades y, en el constructor de la clase, introducir los valores por defecto.

Dando poder al Controlador

A continuación, en el controlador, que en este tutorial es HomeController, se realizan dos modificaciones diferentes.

[pic 6]

• Modificando el método public ActionResults Index para introducirle el modelo a la vista. Es decir, cuando se entre a la vista Index por primera vez, se instanciará una nueva clase persona, y la pasará como modelo a la vista.
• Crear un nuevo método public ActionResults Index, pero con un parámetro (Persona persona). Esto lo que hace es permitir que el modelo que viene de la vista, pueda ser capturado por el controlador. El cual, a su vez, lo vuelve a mandar a la vista. Y para indicarle que es un método que recibe información, se decora con el tag [HttpPost]

Es importante recordar que se está haciendo el tutorial sobre una plantilla estándar de Visual Studio, por lo cual es innecesario el resto del código, no se modifica ya que no molesta. Y así no se tendrán problemas de compilación.

La Vista, lo que se ve finalmente

Ahora ya hemos llegado a la capa visible, a la capa de representación, a la Vista.

Al abrir el fichero que está situado en Views/Home/Index.cshtml, se encuentra un gran código. Al cual, como se menciona anteriormente, no se debe manipular.

...