004 XML Y SQL SERVER

PRACTICA 004:  SQL Server y XML

Ing. Honoria Reyes Macedo 

Editor: Block de notas, Atom o Dreamweaver

Editor de XML: XMLNotepad

Navegador web: Chrome, Firefox, safari, edge…

Tecnologias web: HTML, CSS, XML, Java Script

Base de Datos: SQL Server

INTRODUCCION

El objetivo de esta práctica es utilizar una base de datos para generar un XML y mostrarlo en una página web.

Los proyectos para web se ubicarán de acuerdo al Servidor Web que se utilice, por ejemplo:

-       El sitio web default para IIS(Internet Information Services) en Microsoft 

                         (se usa tambien para proyectos web en Visual Studio)

C:\inetpub\wwwroot

-       El sitio web para Apache en XAMPP

C:\xampp\htdocs

La carpeta de trabajo será la misma de la clase anterior:

Nota: Cuando hacemos modificaciones del código y queremos probar de nuevo, debemos

borrar la cache del navegador:  ver la letra C del anexo de la práctica anterior

ACTIVIDADES

1.- Crear la base de datos “DBservicioWeb” en SQL Server

     Crear la tabla “alumno” y la tabla “materia”

La estructura de las tablas es la siguiente:

2.-Capturar Valores en las tablas con mouse derecho + Edit Top 200 Rows

       Nota: El valor de cvealumno de la tabla materia debe corresponder a un valor de cvealumno de la tabla alumno

3.- Hacer una consulta, agregando al final la linea:

FOR XML AUTO, ROOT ('historial'), ELEMENTS;

select alumno.cvealumno, alumno.nombre+ ' '+alumno.appaterno + ' '+ alumno.apmaterno as nombre,

alumno.foto, materia.clave ,materia.descripcion, materia.calificacion, materia.semestre, materia.anio, materia.grupo

from alumno, materia

where alumno.cvealumno =materia.cvealumno

FOR XML AUTO, ROOT ('historial'), ELEMENTS;

4.-   Seleccionar el resultado (En azul)

5.- Guardar el resultado en tu carpeta de trabajo como materiasBD.xml

6.- Abrir materiasBD.xml con el editor XMLNotepad

    Observar que cvealumno y nombre los guardo como elementos hijo de alumno(child)

7.- Modificar materiasBD.xml en XMLNotepad 

7.1  Cambiar  cvealumno como atributo

7.2 Cambiar nombre como atributo

Quedaria asi:   Observar que utiliza el archivo estiloXML2.css

8.- Crear el archivo java script

   8.1 Crear un archivo scriptLeeXML2.js. Se puede copiar el archivo scriptLeeXML.js y         renombrarlo. Verificar (materiasBD, cvealumno ) y la parte sombreada

       Observar: El primer ciclo for utiliza la letra “j” y el for anidado utiliza la letra “i”

   8.2 Verificar que la línea del script este antes de cerrar la etiqueta body en     "leealumnoXML.html"

9.- Ejecutar el html en el navegador (Chrome, FireFox…)

9.1.- LOS QUE EJECUTAN EN SERVIDOR APACHE

                En XAMPPà Iniciar el servidor apache (Ver anexo practica anterior)

                               La práctica deberá estar en el sitio web de Apache “C:\xampp\htdocs”

 (En este equipo esta en el puerto 8090, verifica tu puerto)

                http://localhost:8090/practica_xml/leealumnoXML.html

9.2.- LOS QUE EJECUTAN EN SERVIDOR IIS DE MICROSOFT

                               La práctica deberá estar en el sitio web  “C:\inetpub\wwwroot”

 (Por default tiene puerto 80)

http://localhost/practica_xml/leealumnoXML.html

10.- Modificar en el archivo estilopagina.css  los siguientes valores

 Probar resultados


-------------------------------0---0----------------------------------------------------------------------
----------------------------000---000-------------------------------------------------------------------


ANEXO

"TRABAJAR CON EL MOTOR DE LA BD DE SQL SERVER"
(SOLO CUANDO NO SE INSTALA EL MANAGEMENT)

1.- CREAR  SCRIPTS (ARCHIVOS   *.SQL)
       En este ejemplo se crea una base de datos “BaseXML”

A)   Qry_CreaBD.sql

B)  Qry_CreaAlum.sql

C)   Qry_CreaMateria.sql

D)  Qry_InsertaAlum.sql

E)  Qry_InsertaMat.sql

F)  Qry_consulta.sql

select alumno.cvealumno, alumno.nombre+ ' '+alumno.appaterno + ' '+ alumno.apmaterno as nombre,
alumno.foto, materia.clave ,materia.descripcion, materia.calificacion, materia.semestre, materia.anio, materia.grupo
from alumno, materia
where alumno.cvealumno =materia.cvealumno
FOR XML AUTO, ROOT ('historial'), ELEMENTS;

2.- EJECUTAR LOS  SCRIPTS DESDE CMD(CONSOLA)

   Nota:   - Las letras en rojo indican el nombre de mi computadora, cambiar por el nombre de su computadora
                - Los archivos en este caso los guarda en C:/temp

                    - El resultado se ve en el archivo generado por ejemplo “Resul.sql”

                   

Crear Base

sqlcmd -S DESKTOP-4STMUEA\SQLEXPRESS -i c:\temp\Qry_CreaBD.sql -o c:\temp\Resul.sql

Crear  tabla Alumno

sqlcmd -S DESKTOP-4STMUEA\SQLEXPRESS -i c:\temp\Qry_CreaAlum.sql -o c:\temp\Resul.sql

Crear tabla materia

sqlcmd -S DESKTOP-4STMUEA\SQLEXPRESS -i c:\temp\Qry_CreaMateria.sql -o c:\temp\Resul.sql

Insertar datos en alumno

sqlcmd -S DESKTOP-4STMUEA\SQLEXPRESS -i c:\temp\Qry_InsertaAlum.sql -o c:\temp\Resul_InsertAl.sql

Insertar datos en materia

sqlcmd -S DESKTOP-4STMUEA\SQLEXPRESS -i c:\temp\Qry_InsertaMat.sql -o c:\temp\Resul_InsertMa.sql

Consulta

sqlcmd -S DESKTOP-4STMUEA\SQLEXPRESS -i c:\temp\Qry_consulta.sql -o c:\temp\Resul_consulta.sql

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

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