En este capítulo, continuaremos discutiendo los ayudantes de etiquetas. También agregaremos una nueva función en nuestra aplicación y le daremos la capacidad de editar los detalles de un empleado existente. Comenzaremos agregando un enlace al lado de cada empleado que irá a una acción Editar en el HomeController.
Aún no tenemos la acción Editar, pero necesitaremos un ID de empleado que podamos editar.cree una nueva vista haciendo clic con el botón derecho en la carpeta Vistas → Inicio y seleccionando Agregar → Nuevos elementos .
En el panel central, seleccione la vista de página MVC; llame a la página Edit.cshtml. Ahora haga clic en el Botón Agregar.
@model Employee @ {ViewBag. Título = $ "Editar {Model.Name}}
Para el título de esta página podemos decir que queremos editar y luego proporcionar el nombre del empleado.
-
El signo de dólar delante de Editar permitirá que el tiempo de ejecución reemplace Model.Name con un valor que esté en esta propiedad como el nombre del empleado.
-
Dentro de la etiqueta del formulariopodemos usar ayudantes de etiquetas como asp-action y asp-contr oller. para que cuando el usuario envíe este formulario, vaya directamente a una acción específica del controlador.
-
En este caso, queremos ir a la acción Editar en el mismo controlador y queremos decir explícitamente que para el método en este formulario debe usar un HttpPost .
-
El método predeterminado para un formulario es GET, y no queremos editar a un empleado mediante una operación GET.
-
En la etiqueta de etiqueta, hemos utilizado el asistente de etiquetas asp-for que indica que se trata de una etiqueta para la propiedad Name del modelo. Este asistente de etiquetas puede configurar el atributo Html.For para que tenga el valor correcto y establecer el texto interno de esta etiqueta para mostrar realmente lo que queremos, como el nombre de la etiqueta. empleado.
Vayamos a la class HomeController yagreguemos la acción Editar que devuelve la vista que le da al usuario un formulario para editar un empleado, luego necesitaremos una segunda acción Editar que responderá a un HttpPost como se muestra a continuación abajo.
[HttpGet] Public IActionResult Edit (int id) {var context = new FirstAppDemoDbContext openModal(); SQLEmployeeData sqlData = new SQLEmployeeData (contexto); var modelo = sqlData.Get (id); if (modelo == null) {return RedirectToAction ( "Index "); } return View (modelo); }
Primero, necesitamos una acción de edición que responda a una solicitud GET. Necesitará una identificación de empleado. El código aquí será similar al código que tenemos en la acción Detalles. Primero extraeremos los datos del empleado que el usuario quiere modificar. También debemos asegurarnos de que el empleado realmente exista. Si no existe, redirigiremos al usuario a la vista de índice. Pero cuando un empleado thxist, renderizaremos la vista Editar.
También debemos responder al HttpPost que enviará el formulario.
Agreguemos una nueva class en HomeController .cs como se muestra en el siguiente programa.
public class EmployeeEditViewModel {[Required, MaxLength (80)] public string Name {get; juntos; }}
En la acción de edición que responderá al HttpPost se tomará un EmployeeEditViewModel, pero no un empleado en sí, ya que solo queremos capturar los elementos que tienen forma en el archivo de edición. cshtml.
La siguiente es la implementación de la acción Editar.
[HttpPost] public IActionResult Edit (int id, entrada EmployeeEditViewModel) {var context = new FirstAppDemoDbContext openModal(); SQLEmployeeData sqlData = new SQLEmployeeData (contexto); empleado var = sqlData.Get (id); if (employee! = null && ModelState.IsValid) {employee.Name = input.Name; context.SaveChanges openModal(); return RedirectToAction ( "Detalles ", nuevo {id = employee.Id}); } return View (empleado); }
El formulario de edición siempre debe enviarse desde una URL que tenga una identificación en la URL de acuerdo con nuestras reglas de enrutamiento, algo así como / home / edit / 1 .
-
El formulario siempre será devuelto a esta misma URL, /home/edit/1.
El marco MVC puede extraer este ID de la URL y pasarlo como parámetro.
-
Siempre debemos verificar si ModelState es válido y también asegurarnos de que este empleado esté en la base de datos y que no sea nulo antes de realizar una operación de actualización en la base de datos.
-
Si nada de esto es cierto, devolveremos una vista y permitiremos que el usuario vuelva a intentarlo. Aunque en una aplicación real con usuarios concurrentes, si el empleado es nulo, puede ser porque faltan los datos del empleado.ha sido eliminado por alguien.
-
Si este empleado no existe, dígale al usuario que el empleado no existe.
-
De lo contrario, marque ModelState. Si ModelState no es válido, devuelve una vista. Esto corrige el cambio y hace que ModelState sea válido.
-
Copie el nombre de la plantilla de la vista de entrada al empleado extraído de la base de datos y guarde los cambios. El método SaveChagnes () volcará todas estas modificaciones en la base de datos.
La siguiente es la implementación completa de HomeController.
usando Microsoft.AspNet.Mvc; utilizando FirstAppDemo.ViewModels; utilizando FirstAppDemo.Services; utilizando FirstAppDemo.Entities; utilizando FirstAppDemo.Models; utilizando System.Collections.Generic; utilizando System.Linq; utilizando System.ComponentModel.DataAnnotations; espacio de nombres FirstAppDemo.Controllers {class pública HomeController: Controller {public ViewResult Index () {var model = new HomePageViewModel openModal(); usando (var context = new FirstAppDemoDbContext ()) {SQLEmployeeData sqlData = new SQLEmployeeData (contexto); model.Employees = sqlData.GetAll openModal(); } return View (modelo); } Detalles públicos IActionResult (int id) {var context = new FirstAppDemoDbContext openModal(); SQLEmployeeData sqlData = new SQLEmployeeData (contexto); var model = sqlData.Get (id) if (model == null) {return RedirectToAction ( "Index "); } return View (modelo); } [HttpGet] edición pública de IActionResult (int id) {var context = new FirstAppDemoDbContext openModal(); SQLEmployeeData sqlData = new SQLEmployeeData (contexto); var modelo = sqlData.Get (id); if (modelo == null) {return RedirectToAction ( "Index "); } return View (modelo); } [HttpPost] Public IActionResult Edit (int id, entrada EmployeeEditViewModel) {var context = new FirstAppDemoDbContext openModal(); SQLEmployeeData sqlData = new SQLEmployeeData (contexto); empleado var = sqlData.Get (id); si (empleado! = nulo && ModelState.IsValid) {employee.Name = input.Name; context.SaveChanges openModal(); return RedirectToAction ( "Detalles ", nuevo {id = employee.Id}); } return View (empleado); }} class pública SQLEmployeeData {FirstAppDemoDbContext privado _context {get; juntos; } public SQLEmployeeData (contexto FirstAppDemoDbContext) {_context = contexto; } public void Add (Empleado emp) {_context.Add (emp); _context.SaveChanges openModal(); } Public Employee Get (ID int) {return _context.Employees.FirstOrDefault (e => e.Id == ID); } public IEnumerable GetAll () {return _context.Employees.ToList openModal(); }} Public class HomePageViewModel {público IEnumerable Empleados {get; juntos; }} public class EmployeeEditViewModel {[Requerido, MaxLength (80)] cadena pública Name {get; juntos; }}}
Compilemos el programa y ejecutemos la aplicación.
Ahora tenemos un enlace de edición disponible;Editemos los detalles de Josh haciendo clic en el enlace Editar.
Cambiemos el nombre a Josh Groban.
Haga clic en el botón Guardar.
Puede ver que el nombre se ha cambiado a Josh Groban como se muestra arriba en la captura d 'pantalla Ahora hagamos clic en el enlace de Inicio.
En la página de inicio, ahora verá el nombre actualizado.
