100 XML- PLANTILLA ASP NET CORE

 XML EN ASP NET CORE, PLANTILLA

Ing. Honoria Reyes Macedo 

INTRODUCCION

Los documentos HTML(Hypertext markup Language) y XML(Extensible Markup Language) contienen datos rodeados de etiquetas

En HTML, las etiquetas definen aspectos visuales de los datos

En XML, las etiquetas definen estructura y a su vez el significado de los datos.

XML le permite crear cualquier etiqueta que necesite para describir los datos y la estructura de los datos

-Sigue una estructura de árbol, jerárquicamente

-Tiene elementos anidados

-Tiene solo un elemento raiz

En esta actividad usaremos un archivo XML, para almacenar datos. Esos datos se visualizaran en un formulario web con ASP NET CORE.

Se utiliza el modelo(plantilla del ejercicio anterior)

Al terminar la actividad se agrega un anexo para crear una pagina web estática a partir de la pagina web de esta practica en ejecución

Nota: Observar que la pagina creada en la practica: Utiliza en la url localhost y el puerto del servidor web.

                                

ACTIVIDADES

UTILIZAR EL PROYECTO DE LA PRACTICA ANTERIOR

1.- CREAR UN ARCHIVO .XML LLAMADO XMLBitacora.xml

2.- CAPTURAR EL CONTENIDO DEL XML

3.- OBSERVAR QUE TENEMOS UN MODELO CON LAS PROPIEDADES DEL xml ANTERIOR

4.- AGREGAR EN EL CONTROLADOR  BitacoraController EL METODO ListarXML()

OBSERVAR SUS LIBRERIAS QUE TIENE ACTIVADAS

5.- AGREGAR UNA VISTA ListarXML EN LA CARPETA BITACORA

QUEDARIA ASI:

6.- AGREGAR AL MENU LA OPCION DE BitacoraXML

EJECUTAR 

QUEDARA ASI AL SELECCIONAR EL MENU BitacoraXML

----------------------------------------------------------0--0----------------------------------

-------------------------------------------------------000--000--------------------------------

ANEXO (SE CREARA UNA PAGINA ESTATICA A PARTIR DE UNA PAGINA DINAMICA)

I)             VER EL CODIGO FUENTE DE LA PAGINA WEB EJECUTADA

SE VERIA ASI

COPIAR EL CODIGO EN UN EDITOR DE TEXTO Y PONER NOMBRE listarEstatica.html

DAR DOBLE CLIK SOBRE EL ARCHIVO CREADO

QUEDARA ASI:

II)             DAR ESTILOS(OBSERVAR EN LA LINEA 7, 8 Y 9)

COPIAR DESDE EL PROYECTO LOS SIGUENTES ESTILOS (CARPETAS CSS, BOOTSTRAP Y ARCHIVO STYLES.CSS)

PEGAR EN LA CARPETA EN DONDE SE CREA LA CARPETA listarEstatica.HTML

AL REFRESCAR QUEDARIA ASI