ASP .

NET MVC FRAMEWORK

1. Creacin del proyecto.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

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

3. Ahora establecemos la conexin 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 Saavedra Rosas

Lenguaje de Programacin 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 conexin con la base de datos elegida

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

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

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

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin 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 conexin.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

10. Debemos observar algo como lo que se muestra 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 Programacin 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 Saavedra Rosas

Lenguaje de Programacin III

14. Seleccionamos los mtodos, 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 librera Models, Data y EntityClient.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

17. Agregamos el siguiente cdigo, para manipular los datos de la bd

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 Programacin III

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

19. Nos dirigimos a la carpeta Home y agregamos las siguientes lneas de cdigo, en la vista Index.aspx

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

20. Ejecutamos la aplicacin web usando el Framework MVC

21. Clic en el enlace listado de clientes

22. Regresamos el controlador ClienteController y seguimos agregando cdigo fuente a las dems acciones.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

23. Codificamos la accin obtener datos del cliente por Id, esto ser la accin Details

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 Programacin III

25. Codificamos la accin, para agregar nuevos clientes, en la accin 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 Programacin III

27. Codificamos la accin, para Editar los datos del cliente, en la accin 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 Saavedra Rosas

Lenguaje de Programacin III

29. En el caso de eliminar, yo siempre he considerado el cambio de estado, es decir si el estado del cliente es verdadero el cliente no ha sido dado de baja, en caso contrario s. Por lo tanto no se realmente la eliminacin sino ms bien sucede una actualizar que es solo el cambio de estado. Codificamos la accin, para Eliminar los datos del cliente, mediante una bsqueda por IdCliente, en la accin Delete

30. Ahora verificamos todas las vistas, del cliente (CRUD)

31. Ahora modificamos el nombre de la accin desde el formulario Index.aspx.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

32. Ahora realizamos las respectivas pruebas del proyecto web con el Framework MVC y Framework Entity. Ejecutamos el Proyecto.

Clic en el enlace listado de clientes

Como se habr podido dar cuenta, tenemos las siguientes opciones. Editar los datos de un determinado cliente. Tenemos la opcin de ver en detalle los datos de un determinado cliente, esto se hace en el enlace Details. Tenemos la opcin para eliminar los datos de los clientes, esto se hace en el enlace Delete, que en nuestro caso solamente ser una actualizacin del estado. Adems tenemos una opcin para crear un nuevo cliente, esto se hace en el enlace Create New.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

33. Vamos a proceder a crear un nuevo cliente. Para ello clic en Create New, ingresamos los respectivos datos que se nos solicita para el cliente.

34. Seguidamente clic en el botn crate y regresaremos a la vista principal, donde est la lista de registros que contiene la tabla cliente en la base de datos.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

35. Ahora vamos a editar es decir modificar los datos del cliente con Id=17

36. Ahora procedemos a modificar los datos del cliente, excepto el IdCliente.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

37. Realizamos las modificaciones necesarias y luego clic en sabe.

38. Debemos verificar que los datos del cliente fueron modificados

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III

39. Ahora si hacemos clic en el enlace Details, podemos observar los datos de un solo cliente, dado que se realiz una bsqueda por IdCliente. Elegimos el cliente con Id=17.

40. Bueno ya estar agregando Jquery, Jquery UI, adems del logueo y los reportes con Crystal Reports.

Ing. Hobby Saavedra Rosas

Lenguaje de Programacin III