DESARROLLO DE APLICACIONES ASP.NET EN MVC

Transcripción

1 DESARROLLO DE APLICACIONES ASP.NET EN MVC 1. ASP.NET ASP.NET es una tecnología gratuita que permite a los programadores crear páginas web dinámicas, desde websites personales hasta aplicaciones web empresariales. Todo lo que necesitas para empezar es descargar.net Framework y una herramienta de desarrollo. 2. QUÉ ES MVC? Modelo Representación de los datos Vista HTML que se visualiza en el navegador Controlador Capa intermedia que interconecta todo 3. CREACION DE PROYECTO MVC Nuevo proyecto en Visual Studio: Escogemos ASP.NET MVC 2 Web Application Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

2 Por el momento no crearemos un Unit Test: Genera un sitio Web por default: Si lo corremos con F5, primero nos pide si queremos poder hacer Debug: Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

3 Y luego aparece la pantalla Web: Si vamos a la opción Acerca de, note la caja de dirección Web: Notar que dice: web)/home/about Lo cual es una dirección que ayuda a tener un mejor SEO (Search Engine Optimization) Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

4 REALIZAR LA CONEXIÓN CON LOS DATOS 1 Creamos una BD ejemplo llamado: BDContactos y agregamos la siguiente tabla: Registros de la tabla Contactos: 2 Agregar Modelo de datos Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

5 Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

6 Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

7 Visualizamos los campos de la tabla Contacto CREAMOS EL CONTROLADOR Vamos a crear un nuevo Controller para listar contactos. Crearemos un nuevo Controller: Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

8 : Ahora agregamos la referenciasa la capa Models que es donde están los datos Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

9 Agregamos una referencia sobre la conexión con los datos Con la variable creada vamos a trabajar las acciones de Listar, Crear, Editar, Eliminar. LISTAMOS LOS DATOS DE LA TABLA: De la conexión que tenemos empleando la variable VC elegimos la tabla CONTACTO y mediante el método ToList() Ahora Generamos la solucion para relacionar los elementos: Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

10 Ahora Generamos una Vista Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

11 Ahora creamos una referencia hacia esta página desde el índice principal de la carpeta Home: Index.aspx Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

12 Ejecutamos (F5) Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

13 Implementamos los siguientes métodos en el controlador de CONTACTO, para las Acciones de Detalles, Editar y Eliminar public ActionResult Create() return View(); [HttpPost] public ActionResult Create(CONTACTO cont) if (ModelState.IsValid) VC.AddToCONTACTO(cont); VC.SaveChanges(); return RedirectToAction("Index"); return View(cont); public ActionResult Details(int id) var cont = VC.CONTACTO.First(p => p.idcontacto.equals(id)); return View(cont); //editar public ActionResult Edit(string id) var cargo = bd.cargo.first(p => p.car_codi.equals(id)); return View(cargo); [HttpPost] public ActionResult Edit(CARGO model, FormCollection coleccion) if (ModelState.IsValid) var cargo = bd.cargo.first(p => p.car_codi.equals(model.car_codi)); cargo.car_codi = model.car_codi; cargo.car_nomb = model.car_nomb; cargo.car_sbas = model.car_sbas; cargo.car_perf = model.car_perf; cargo.car_estd = model.car_estd; bd.savechanges(); return RedirectToAction("Index"); return View(model); Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado

14 //Eliminar public ActionResult Delete(int id) var cont = VC.CONTACTO.First(p => p.idcontacto.equals(id)); return View(cont); [HttpPost] public ActionResult Delete(int id, FormCollection coleccion) var cont = VC.CONTACTO.First(p => p.idcontacto.equals(id)); if (ModelState.IsValid) VC.DeleteObject(cont); VC.SaveChanges(); return RedirectToAction("Index"); return View(cont); Curso: Desarrollo rápido de aplicaciones para Internet DOCENTE: Ing. Fabián Silva Alvarado