Creando un CRUD con MVC4 y Entity Framework (PARTE 3)

Standard

Hola de nuevo gente, acá andamos de nuevo para terminar nuestro tutorial de MVC4  y Entity Framework si te perdiste la segunda parte aquí te dejo el link para que lo cheques:

Creando un CRUD con MVC4 y Entity Framework (parte 2)

Retomando en donde nos quedamos el tutorial anterior, reemplazamos el contenido de nuestro archivo Configuration.cs que será nuestra semilla para la base de datos, es decir el cargado de datos iniciales.

Migraciones.

Ahora crearemos nuestra primera migración y la ejecutaremos, entramos a Consola (Package Manager Console) y tecleamos los siguientes comandos.

PM> add-migration InitialCreate

PM> update-database

Nos debe de marcar lo siguiente, y nos debe de crear un archivo en la carpeta Migrations de nuestro proyecto.

Screen Shot 2016-03-17 at 1.47.07 PM

Hecho esto, SQL ahora nos ha creado la base datos, en nuestro caso la base de datos se llama RestaurantEjemplo.

Conexión con Base de Datos

Ahora procederemos a insertarle datos a nuestra base de datos.

En el menú Tools-> Connect Database hacemos lo siguiente:

Screen Shot 2016-03-17 at 1.49.59 PM

Damos click en Test Connection y nos debe mandar un mensaje de alerta como el siguiente:

Screen Shot 2016-03-17 at 1.50.14 PM

En el menú de la izquierda nos aparecerá una opción que dice:

Database Explorer (en linea vertical)

Buscamos la base de datos de nuestro proyecto, buscamos la tabla en la que insertaremos los datos y damos click derecho seleccionando la opción Show Table Data.

Screen Shot 2016-03-17 at 1.54.23 PM

Screen Shot 2016-03-17 at 1.55.38 PM

Insertamos los datos de Cliente

Screen Shot 2016-03-17 at 1.58.29 PM

Repetimos el paso anterior para la tabla Platillo

Screen Shot 2016-03-17 at 2.00.02 PM

Y para la tabla Compra insertaremos los datos

Screen Shot 2016-03-17 at 2.01.29 PM

Ahora damos click derecho en nuestra base de datos en la opción Refresh listo ya están los datos en nuestra base de datos

Screen Shot 2016-03-17 at 2.27.51 PM

Vistas y Controladores

El siguiente paso es crear nuestro controlador y las vistas para nuestro CRUD(Create,Read,Update,Delete).

Para crear el Controlador de  Cliente, damos click derecho en la carpeta Controllers, seleccionamos la opción Add, automáticamente nos abre una ventana donde seleccionaremos lo siguiente:

 Controller Name: ClienteController

 Scaffolding Options: 

     Template: MVC controller with read/write actions and views, using Entity Framework.

      Model Class: Cliente (RestauranteEjemplo.Models)

     Data Context Class: RestaurantContext(RestauranteEjemplo.DAL)

     Views: Razor(CSHTML)

Screen Shot 2016-03-17 at 2.29.33 PM

Si te das cuenta, se creó un archivo en la carpeta Controller con el nombre de ClienteController.cs que contiene los métodos esenciales para nuestro C.R.U.D y en la carpeta Views se creo una carpeta Cliente que contiene los archivos que se renderizarán en la pantalla.

Views

Ahora solo resta modificar nuestro archivo Views/Shared/_layout.schtml como se ve en la imagen:

Screen Shot 2016-03-17 at 2.15.31 PM

Para ver si nuestra aplicación funciona correctamente, presionamos CTRL + F5 y damos click en Cliente… se debe de ver algo así.

Screen Shot 2016-03-17 at 2.17.19 PM

Te invito a que hagas por tu cuenta, el controlador y vistas de Platillo y Compra, juega con el software para que sepas bien que hace cada cosa, si tienes alguna duda no dudes en contactarme aquí abajo te dejo mis datos.Si deseas el código de la aplicación te dejo mi correo para que me contactes y con gusto te lo hago llegar.

PD: Verdad que se ve feo, así sin color ni estilos?.. En los próximos tutoriales veremos como agregar estilos a nuestra aplicación. No te lo pierdas!

Saludos!

Nicolás Villegas

Email: nikodtb@gmail.com
Practicante de HunabSys R&D
Estudiante de Ing. en Sistemas Computacionales

 

 

 

 

 

 

 

 

 

 

 

 

 

 

One thought on “Creando un CRUD con MVC4 y Entity Framework (PARTE 3)

Leave a Reply

Your email address will not be published. Required fields are marked *