asp.net mvc

ASP .NET MVC FRAMEWORK

1. Creación del proyecto.

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

2. No creamos un proyecto de prueba unitaria, luego clic en Aceptar

3. Ahora establecemos la conexión con la base de datos de SQL Server 2008, el nombre de la
base de datos en SistemaFacturacion.
 Clic en Herramientas y luego Conectar con base de datos

Ing. Hobby SaavedraRosas

Lenguaje de Programación III

4. Establecemos el nombre del servidor (localhost,.,IP) y seleccionamos la base de datos, con la
cual vamos a trabajar. SistemaFacturacion.

5. Verificamos la conexión con la base de datos elegida

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

6. Estructura del proyecto web, usando el Framework MVC, en ASP.NET.

7. Luego nos vamos ala carpeta modelo y agregamos un nuevo elemento

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

8. Seleccionamos el elemento ADO.NET Entity Data Model, luego clic en agregar

9. Seleccionamos el origen de los datos, es decir nuestra base de datos, clic en nueva conexión.

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

10. Debemos observar algo como lo que semuestra en la siguiente imagen. Clic en siguiente.

11. Seleccionamos las tablas, en este caso clientes y clic en Finalizar.

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

12. Debemos observar que ya tenemos nuestra tabla clientes, respetivamente mapeada.

13. Ahora nos dirigimos a la case Controller y agregamos un controlador de nombre
ClienteController

Ing. Hobby SaavedraRosas

Lenguaje de Programación III

14. Seleccionamos los métodos, necesario para manipular los datos de la BD. Clic en agregar.

15. Debemos observar algo como se muestra en la siguiente imagen.

16. Ahora importamos la librería Models, Data y EntityClient.

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

17. Agregamos el siguiente código, para manipular los datos de labd

18. Ahora procedemos a agregar una vista
 Creamos una carpeta con la vista para los clientes



Agregar la vista

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III



Asignamos el nombre de la vista Index, y escogemos fuertemente tipada

19. Nos dirigimos a la carpeta Home y agregamos las siguientes líneas de código, en la vista
Index.aspx

Ing. Hobby SaavedraRosas

Lenguaje de Programación III

20. Ejecutamos la aplicación web usando el Framework MVC

21. Clic en el enlace listado de clientes

22. Regresamos el controlador ClienteController y seguimos agregando código fuente a las demás
acciones.

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

23. Codificamos la acción obtener datos del cliente por Id, esto será la acciónDetails

24. Luego agregamos la respectiva vista, para mostrar el detalle de cliente buscando, es decir sus
respectivos datos.
 Clic derecho sobre Details, seguidamente agregar vista.



Seleccionar las opciones tal como se muestra en la imagen siguiente y luego clic en
Aceptar.

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

25. Codificamos la acción, para agregar nuevosclientes, en la acción Create

26. Luego agregamos la respectiva vista, para llenar los datos del nuevo cliente, es decir sus
respectivos datos.
 Clic derecho sobre Create, seguidamente agregar vista.



Seleccionar las opciones tal como se muestra en la imagen siguiente y luego clic en
Aceptar.

Ing. Hobby Saavedra Rosas

Lenguaje de Programación III

27. Codificamos la acción,para Editar los datos del cliente, en la acción Edit.

28. Luego agregamos la respectiva vista, para mostrar los datos del cliente buscando, y luego
proceder a modificarlo y así poder actualizarlo en la base de datos.
 Clic derecho sobre Edit, seguidamente agregar vista.



Seleccionar las opciones tal como se muestra en la imagen siguiente y luego clic en
Aceptar.

Ing. Hobby...