ASP NET CORE, PLANTILLA
Ing. Honoria Reyes Macedo
INTRODUCCION
En esta actividad usaremos un objeto a partir de un modelo, para almacenar datos. Esos datos se visualizaran en un formulario web con ASP NET CORE.
Se utiliza:
- BitacoraModel.cs como plantilla,
- Listar.cshtml como vista(creada a partir de ModelBitacora), Creada automáticamente con el motor de vistas Razor
- BitacoraController.cs para cargar los datos en un objeto, dentro de un metodo Listar()(Nombrado igual que la vista)
Al terminar la actividad se ejecuta seleccionando el servidor web IIS Express integrado en Visual Studio
Nota: Observar que la pagina creada en la practica: Utiliza en la url localhost y el puerto del servidor web.
ACTIVIDADES
1.- Crear un proyecto web
llamado: EstructuraASP_core_HRM
Las ultimas letras son
tus iniciales
EL PROYECTO QUEDARIA ASI:
2. EJECUTARLO DESDE
IISExpress Y PROBAR SU MENU
3. REVISANDO EL MENU.
Observa que el menú contiene el link a las
vistas que a su vez se llenan desde un controlador
4. AGREGAR EL CONTROLLER DE Bitacora:
llamado
BitacoraController.cs (De lectura y escritura)
QUEDARIA ASI:
5. AGREGAR UN MODELO DE BITACORA LLAMADO BitacoraModel.cs
QUEDARIA ASI:
CAPTURAR
SU CONSTRUCTOR Y PROPIEDADES CON SUS GET Y SET
6. CREAR UNA VISTA RAZOR
6.1 CREAR UNA CARPETA LLAMADA Bitacora
6.2 EN LA CARPETA CREADA, CREAR UNA VISTA
LLAMADA Listar
QUEDARIA ASI
7. AGREGAR EN BitacoraController
UN METODO LLAMADO Listar() Y LLENAR LA LISTA DE OBJETOS COMO SIGUE:
8. AGREGAR AL MENU LA OPCION DE BITACORA
AL EJECUTAR QUEDARIA ASI
9. PERSONALIZAR LA PAGINA DE INICIO
QUEDARIA ALGO PARECIDO
9. AGREGAR UN LOGO EN Index.cshtml
a) Crear una
carpeta llamada image en wwwroot
b) Pegar una imagen
del logo en la carpeta image
c) Agregar la
etiqueta img para indicar la
imagen a usar como la línea 6
<div><img src="image\logui.png" /></div>
EJECUTAR
----------------------------------------------------------0--0----------------------------
------------------------------------------------------000~000--------------------------
No comments:
Post a Comment