Tutorial ASP

TUTORIAL ASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

TUTORIAL ASP.NET: CONTROLES BÁSICOS


Este tutorial tiene como objetivo principal el desarrollo de una
aplicación Web (Para una distribuidora de juguetes), siguiendo el
modelo MVC, bajo la plataforma .NET. Se hará uso de algunos
controles básicos de ASP .NET para la creación del sitio Web y se
realizará la respectivaintegración con una base de datos local para
todo lo referente a la persistencia.



Para el desarrollo del tutorial se trabajó sobre Visual Studio 2010.



El tutorial contiene los siguientes temas:
o Creación de la base de datos a partir de un modelo relacional
(ADO .NET Entity Framework).
o Creación de los DataSet que permitirán realizar operaciones
sobre la base de datos.
o Creacióndel proyecto Web donde va a estar toda la interfaz
gráfica de la aplicación.
o Acceso a un servicio Web externo.

TUTORIAL ASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

CREACIÓN DE LA SOLUCIÓN

Lo primero es crear un nuevo proyecto. En la nueva ventana, desplegar el menú de
“Visual C#” y crear una “Aplicación web ASP .NET” como se muestra en la siguiente
imagen:

Imagen 1.Creación de la solución.

En el explorador de soluciones se puede observar que se ha creado una solución y
un proyecto llamados “LaJugueteria”. En nuestro caso, el proyecto “LaJugueteria”
es el proyecto Web de nuestra aplicación, es decir la vista.

TUTORIAL ASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

CREACIÓN DE LA BASE DE DATOS
Ahora procedemos a crear nuestra base de datos.En este punto hay más de una
opción: una es crear una base de datos en SQLServer. De esta manera se ahorra
este paso del tutorial. La otra manera, la cual se mostrará a continuación, es
crearla a partir de un modelo.
Damos clic derecho sobre la solución y le agregamos un nuevo proyecto.
Desplegamos nuevamente el menú de “Visual C#” y elegimos crear una “Aplicación
de Consola”.

TUTORIALASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

En el explorador de soluciones vamos al proyecto “Modelo”, clic derecho y
agregamos un nuevo elemento. Elegimos un “ADO .NET Entity Data Model”.

TUTORIAL ASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

Seleccionamos un modelo vacío y se nos crea una estructura en el proyecto
“Modelo”.

A continuación, creamos nuestro modelo.Para el tutorial se hizo el siguiente
modelo:

TUTORIAL ASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

Luego de crear el modelo, presionamos clic derecho en cualquier parte de la zona
de trabajo y elegimos “Generar base de datos desde modelo…”.

Elegimos “Nueva conexión…”. En la nueva ventana en el campo “Origen de datos”
damos clic en “Cambiar” y seleccionamos “Microsoft SQLServer Compact 3.5” , le
damos un nombre a la base de datos y presionamos “Crear…”

TUTORIAL ASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

A continuación se abre una nueva ventana para verificar la ubicación de la base de
datos y si así desea ponerle una contraseñar por seguridad. Para este tutorial no es
necesario, simplemente presionamos Aceptar. Comprobamos que la conexión se
hayarealizado satisfactoriamente.

Se genera el script. Presionamos clic derecho y ejecutamos el SQL.

Se nos abre una nueva ventana donde procedemos a buscar la base de datos que
creamos anteriormente. Si no se ha cambiado la ruta, generalmente se encuentra
en la carpeta “Documentos” de Windows. Luego clic en “Conectar”.

TUTORIAL ASP .NET – JUAN CAMILO SACANAMBOY - UNIVERSIDAD ICESI

Sitodo va bien, se genera correctamente la base de datos. De lo contrario, repetir
los pasos desde ejecutar el SQL.

Como podemos observar, en el explorador de servidores se creó una nueva
conexión con el nombre de nuestra base de datos. Actualizamos presionando el
ícono que se encuentra en la parte superior y la desplegamos para ver su
contenido. Observamos que las tablas se han creado...