Ing. Honoria Reyes
Macedo
IDE: Microsoft Visual Studio 2012 o mayor
Framework: .NET Framework 3.5 o mayor
Servidor Web: IIS (Internet
Information Server)
Navegador web: Chrome, Firefox, safari, edge…
Base de Datos: SQL
Server
INTRODUCCION
Para crear el SERVICIO
WEB se utilizó WCF con lenguaje C# (Se creó en la practica 5):
En esta práctica se creará
una aplicación web que CONSUMIRA un Servicio Web.
Para crear el
CONSUMIDOR se utiliza un entorno de trabajo en ASP.NET con MVC, con lenguaje
C#. Se utiliza un motor de vistas Razor(cshtml).
_Layout.cshtml es la plantilla que se usara
por default en todas las vistas. En _layout.cshtml se utiliza @RenderBody() para indicar que en ese punto se
incluirá el código generado por la vista.
ACTIVIDADES
Trabajar en la carpeta d:\practicas_WebServ
1.- Crear un Proyecto WEB en ASP.NET(MVC). Nombrarlo: WebConsumeServ
El proyecto quedaría así:
2.- Indicar el servidor web que se usara en las propiedades del proyecto(con mouse derecho)
3.- Ejecutar el proyecto
4.- Revisar los
archivos generados y
cambiar el contenido de los tres archivos siguientes(Index.cshtml, About.cshtml, Contact.cshtml)
usar el tema de la clase "Consumir Servicios Web" y escribir la bienvenida en Index.cshtml.
Abrir el archivo “_Layout.cshtml”.
Este archivo es una plantilla común (Aquí se define el menú, El espacio para
las vistas y el pie de página).
Ejecutar de nuevo tu aplicacion para ver los cambios
5.- Agregar un Servicio Web al proyecto:
5.1.- Agregar el uso de un servicio web al proyecto à En Agregar referencia de servicio
(con mouse derecho en Connected
Services o en Referencias)
Poner el servicio web y seleccionar el boton “ir”
en espacio de nombre poner: ServicioMaterias
Quedaria asi:
5.2.- Cambiar el comportamiento del servicio como lista genérica.
6.- Agregar un controlador “AlumnoController”, sobre la carpeta “Controllers”
Quedaría así:
7.- Agregar métodos
al controlador
7.1 crear un método “Listar()” de tipo ActionResult
en el archivo “AlumnoController.cs” para presentar a los alumnos
7.2 Crear otro método para filtrar por la clave del alumno
agregar un método
“DetalleAlumno()” en el archivo “AlumnoController.cs”
8.- Agregar las
vistas para cada método:
8.1.- Agregar la vista correspondiente a Listar() (con mouse
derecho sobre la palabra Listar)
Al seleccionar “Agregar” se genera un archivo “Listar.cshtml” en la
carpeta “Views”
8.2.- Agregar la vista correspondiente a DetalleAlumno() (Con mouse
derecho sobre la palabra “DetallaAlumno”)
9.- Agregar la opción
de “Alumnos UVM” en el menú principal
abrir el archivo
“_layout.cshtml”
Alumnos UVM à Es la
leyenda que aparecerá en el menú
Listarà Hace
referencia al método “Listar()” y al archivo “Listar.cshtml”
Alumnoà Hace
referencia a la carpeta que contiene al archivo Listar.cshtml
Agregar la línea sombreada
en azul
<li>@Html.ActionLink("Alumnos UVM", "Listar", "Alumno")</li>
10.- Ejecutar el proyecto
Seleccionar en el menú “Alumnos UVM”
11.- Agregar la información de las materias en el archivo
“listar.cshtml”
y quitar edit details y delete
Ejecutar el proyecto
12.- Agregar la información de las materias en el archivo “DetalleAlumno.cshtml”
Agregar las líneas
sombreadas en azul
Agregar un
formulario en el archivo “listar.cshtml” para filtrar por clave del alumno y
cambiar el
encabezado agregando tu nombre
“Alumno --> Materias Creado por Carlos Perez Gonzales”
Insertar las líneas sombreadas en azul
Ejecutar y buscar
una clave de alumno
-----------------------------------------0------0-----------------------------------------------------------
------------------------------------000-------000---------------------------------------------------------
No hay comentarios.:
Publicar un comentario