Introducción para el programador de SharePoint. Laboratorio práctico. Manual del laboratorio SPCHOL200 Generar elementos web visuales C#

(1)



Introducción para el

programador de

SharePoint

Laboratorio práctico

Manual del laboratorio

SPCHOL200 – Generar elementos web visuales

– C#

(2)



Este documento se proporciona “tal cual”. Es posible que la información y los puntos de vista reflejados en este documento, incluidas la dirección URL y otras referencias a sitios web de Internet, cambien sin previo aviso. El usuario asume el riesgo de su uso.

Este documento no proporciona ningún derecho legal sobre la propiedad intelectual e industrial de ningún producto de Microsoft. Este documento puede copiarse y usarse para fines internos y de referencia.

(3)

Contenido

SPCHOL200 – GENERAR ELEMENTOS WEB VISUALES ... 4

Objetivo del laboratorio ... 4

Recursos adicionales ... 4

Introducción ... 5

Iniciar sesión en la máquina virtual ... 5

Ubicaciones ... 5

Requisitos previos para el laboratorio ... 5

Copiar las muestras de código desde un documento de Word ... 6

Fragmentos de código... 6

Ejercicio 1: tutorial sobre elementos web y LINQ ... 7

Tarea 1: crear un nuevo proyecto de SharePoint ... 7

Tarea 2: generar la clase de proxy LINQ-to-SharePoint para obtener acceso a datos de listas ... 9

Tarea 3: obtener acceso a datos de la lista de SharePoint en el elemento web visual ... 12

Tarea 4: crear e implementar el elemento web visual ... 14

Ejercicio 2: conectar elementos web ... 19

Tarea 1: crear un proyecto nuevo de SharePoint vacío ... 19

Tarea 2: crear la interfaz de conexión del elemento web ... 22

Tarea 3: crear el elemento web proveedor ... 25

Tarea 4: crear el elemento web consumidor ... 28

Tarea 5: crear e implementar elementos web ... 31

Tarea 6: conectar los elementos web ... 38

Tarea 7: verificar la conexión del elemento web ... 40

(4)

Página 4

SPCHOL200 – Generar elementos web visuales

Tiempo estimado para completar este laboratorio: 30 minutos

Es obligatorio disponer de Visual Studio 2010 y SharePoint Foundation 2010 para realizar estos ejercicios. Se encuentran instalados en la máquina virtual que se usa en este laboratorio.

Objetivo del laboratorio

Los elementos web son un componente esencial de las tecnologías ASP.NET que usa SharePoint para presentar información dinámica a los usuarios. Los elementos web son la personalización más habitual que se ha creado para SharePoint. Un elemento web es un componente reutilizable que se encuentra en una página de elementos web y que puede presentar cualquier tipo de información basada en web.

El objetivo de este laboratorio es aprender a usar las mejoras que se encuentran disponibles en SharePoint 2010 para generar elementos web visuales y conectar elementos web para su uso en el sistema de

SharePoint.

 Trabajar con elementos web existentes y Linq.  Conectar dos elementos web.

Recursos adicionales

Este laboratorio incluye los siguientes recursos adicionales: Este manual del

laboratorio.

SPCHOL200_Manual_CS.docx Este documento.

Código fuente. Completed\CS\Ex1 Completed\CS\Ex2

Código fuente del laboratorio completado en C#.

Recursos Resources\CS Otros recursos varios

usados a lo largo de este laboratorio.

(5)

Introducción

Iniciar sesión en la máquina virtual

Inicie sesión en la máquina virtual como el usuario siguiente:

Nombre de usuario: Administrator Contraseña: pass@word1

Ubicaciones

Este laboratorio práctico contiene diversos recursos adicionales en ubicaciones establecidas. De forma predeterminada, se asume que el directorio de recursos HOL base es C:\Content

Packs\Packs\SharePoint 2010 Developer Labs 1.0\SUPPORTING FILES\SPCHOL200\Resources.

La carpeta de trabajo predeterminada para este laboratorio es C:\SPHOLS\SPCHOL200.

Requisitos previos para el laboratorio

Vaya al directorio HOL base Supporting Files\SPCHOL200\Resources y ejecute el script de PowerShell

optimize.ps1:

1. Haga clic con el botón secundario en optimize.ps1 y seleccione Ejecutar con PowerShell:

Figura 1 - Ejecutar el script de PowerShell

2. De esta forma se abrirá la ventana de PowerShell para ejecutar el script. Haga clic en "Abrir" si aparece una ventana de seguridad. Espere mientras PowerShell completa la ejecución del script y cierra la ventana de PowerShell (esto puede tardar varios minutos):

(6)

Página 6

Figura 2 - Ventana de PowerShell donde se ejecuta el script

Copiar las muestras de código desde un documento de Word

Solo será seguro copiar y pegar código desde este documento de Word en Visual Studio para las secciones de código con formato, por ejemplo:

Console.WriteLine ("¡Esto es código seguro!");

Es posible que el código que no se encuentre en estas secciones contenga Unicode o caracteres invisibles que no sean código XML o C#/VB válido, por ejemplo:

Console.WriteLine(“¡¡Esto NO es código seguro!!”); Fragmentos de código

También se pueden usar fragmentos de código para insertar el código apropiado en el laboratorio. Para usar el fragmento de código necesario para este laboratorio:

 Haga clic con el botón secundario en el archivo de código donde desea insertar el fragmento de código.

 Seleccione Insertar fragmento de código...:

Figura 3 - Insertar fragmento de código

(7)

Ejercicio 1: tutorial sobre elementos web y LINQ

Tiempo estimado para completar este ejercicio: 10 minutos

En este ejercicio, desarrollará e implementará un elemento web visual que leerá los datos de una lista y los presentará en una cuadrícula de datos. En este ejercicio:

1. Creará un elemento web visual. 2. Generará código proxy de LINQ.

3. Usará un proveedor LINQ para leer datos de una lista de SharePoint. 4. Representará los datos mediante el control web SPDataGrid.

Tarea 1: crear un nuevo proyecto de SharePoint

En esta tarea, se crearán una solución y un proyecto. Se incluirá el resto del trabajo de desarrollo del Ejercicio 1 de este laboratorio.

1. Abra Visual Studio 2010; para ello, vaya al Menú Inicio | Todos los programas | Microsoft Visual

Studio 2010 | Microsoft Visual Studio 2010.

2. En el menú, seleccione Archivo | Nuevo | Proyecto.

3. En el cuadro de diálogo Nuevo proyecto, elija Visual C# | SharePoint | 2010 en Plantillas instaladas. 4. Seleccione Elemento web visual en los elementos del proyecto.

(8)

Página 8

5. Escriba SPCHOL200-Ex1 en el cuadro de texto Nombre.

6. Escriba C:\SPHOLS\SPCHOL200\CS\Ex1 en el cuadro de texto Ubicación. 7. Desactive Crear directorio para la solución.

8. Haga clic en Aceptar.

9. En el Asistente para la personalización de SharePoint:  Escriba http://intranet.contoso.com/ para el sitio local.

 Establezca el nivel de confianza en Implementar como solución de granja de servidores.  Haga clic en el botón Finalizar.

(9)

10. Visual Studio creará el nuevo proyecto SPCHOL200-Ex1 y agregará los archivos necesarios.

Figura 6 - Proyecto SPCHOL200-Ex1

11. Observe que Visual Studio también creará un elemento web denominado VisualWebPart1. En el Explorador de soluciones, expanda VisualWebPart1 y abra VisualWebPart1.webpart.

Figura 7 - Elemento web visual

12. Cambie el valor del elemento de propiedad con el valor de atributo de nombre Title por

SPLinqDemoTitle y el valor del elemento de propiedad con el valor de atributo de nombre Description por SPLinqDemoPart Description. Se cambiarán las propiedades Title y Description del elemento web visual una vez implementado. Guarde el archivo.

<property name="Title" type="string">SPLinqDemoTitle</property>

<property name="Description" type="string">SPLinqDemoPart Description</property> </properties>

Tarea 2: generar la clase de proxy LINQ-to-SharePoint para obtener acceso a datos de listas

En esta tarea, usará la nueva utilidad de generación de código spmetal.exe y generará el código proxy de LINQ-to-SharePoint.

(10)

Página 10

1. En el Explorador de soluciones, haga clic con el botón secundario en SPCHOL200-Ex1 y seleccione

Abrir carpeta en el Explorador de Windows.

2. Mantenga presionada la tecla Mayúsculas y haga clic con el botón secundario en cualquier lugar de la ventana del Explorador y seleccione Abrir ventana de comandos aquí para abrir la ventana del símbolo del sistema en el directorio del proyecto actual:

Figura 8 - Abrir ventana de comandos aquí

3. Escriba el siguiente comando en el símbolo del sistema y presione ENTRAR para establecer la ruta de acceso a la carpeta de SharePoint 2010:

set path=%path%;c:\archivos de programa\common files\microsoft shared\web server extensions\14\bin

4. Escriba el siguiente comando en el símbolo del sistema y presione ENTRAR para generar el código proxy de LINQ-to-SharePoint.

spmetal.exe /web:http://intranet.contoso.com /namespace:SPCHOL200_Ex1.VisualWebPart1 /code:SPLinq.cs

Nota: es posible que reciba advertencias sobre tipos de contenido de plantillas de formulario de listas. Puede pasar por alto esta advertencia sin ningún riesgo y continuar.

(11)

6. En Visual Studio, haga clic con el botón secundario en el proyecto SPCHOL200-Ex1 y seleccione

Agregar | Elemento existente...

Figura 9 - Agregar elemento existente

7. Seleccione SPLinq.cs en la ventana de diálogo Agregar elemento existente y haga clic en

Agregar:

Figura 10 - Adición del archivo SPLinq.cs

8. En el Explorador de soluciones, haga clic con el botón secundario en Referencias y seleccione

Agregar referencia.

9. Cambie a la ficha Examinar y escriba C:\Archivos de programa\Archivos comunes\Microsoft

Shared\Web Server Extensions\14\ISAPI en el cuadro de texto Nombre. Presione ENTRAR para

(12)

Página 12

10. Seleccione Microsoft.SharePoint.Linq.dll.

Figura 11 - Agregar referencia

11. Haga clic en Aceptar para agregar la referencia al proyecto.

Tarea 3: obtener acceso a datos de la lista de SharePoint en el elemento web visual

En esta tarea, agregará código a la solución que permitirá al elemento web visual recuperar datos de listas de SharePoint.

1. En el Explorador de soluciones, expanda VisualWebPart1 y haga doble clic en

VisualWebPart1UserControl.ascx.

(13)

3. Agregue el siguiente código al control de usuario para crear la vista de cuadrícula. <%@ Import Namespace="Microsoft.SharePoint.WebControls" %>

<SharePoint:SPGridView id="spGridView" runat="server" AutoGenerateColumns="false"> <HeaderStyle HorizontalAlign="Left" ForeColor="Navy" Font-Bold="true" />

<SharePoint:SPBoundField DataField="Title"

HeaderText="Title"></SharePoint:SPBoundField> <SharePoint:SPBoundField DataField="JobTitle"

HeaderText="JobTitle"></SharePoint:SPBoundField> <SharePoint:SPBoundField DataField="ProjectTitle"

HeaderText="ProjectTitle"></SharePoint:SPBoundField> <SharePoint:SPBoundField DataField="DueDate"

HeaderText="DueDate"></SharePoint:SPBoundField> </Columns>

</SharePoint:SPGridView>

Fragmentos de código: ASP.NET | spchol200_ex1_spgridview

4. El control de usuario del elemento web visual debería verse así una vez agregado el código anterior:

Figura 12 - Control de usuario del elemento web visual

5. En el Explorador de soluciones, haga clic con el botón secundario en

VisualWebPart1UserControl.ascx y seleccione Ver código.

6. Agregue las siguientes instrucciones using al código subyacente:

using Microsoft.SharePoint.Linq; using Microsoft.SharePoint; using System.Linq;

Fragmento de código: Mis fragmentos de código | spchol200_ex1_namespaces

7. Inserte el siguiente código en el método Page_Load:

var dc = new SPLinqDataContext(SPContext.Current.Web.Url); var Employees = dc.GetList<EmployeesItem>("Employees"); var empQuery = from emp in Employees

where emp.Project.DueDate < DateTime.Now.AddMonths(6) select new

(14)

Página 14 { emp.Title, emp.JobTitle, ProjectTitle = emp.Project.Title, DueDate = emp.Project.DueDate.Value.ToShortDateString() }; spGridView.DataSource = empQuery; spGridView.DataBind();

Fragmento de código: Mis fragmentos de código | spchol200_ex1_pageload

Tarea 4: crear e implementar el elemento web visual

Implementar. Se creará e implementará el elemento web visual en el sitio local de SharePoint:

http://intranet.contoso.com

Figura 13 - Implementar el elemento web visual 2. Abra Internet Explorer y vaya al siguiente sitio:

3. Si se le pide autenticación, escriba los siguientes detalles.

(15)

4. Haga clic en el icono Editar del menú principal para abrir la cinta de SharePoint para las herramientas de edición.

Figura 14 – Icono Editar en SharePoint

(16)

Página 16

5. Cambie a la ficha Insertar de la cinta de opciones y haga clic en Elemento web para insertar un elemento web en la página.

Figura 14 - Cinta de SharePoint - Insertar Elemento web

6. En Categorías, seleccione Custom.

7. En Elementos web, seleccione el elemento web SPLinqDemoTitle.

(17)

Coloque el cursor en el área de la página donde desea que aparezca el elemento web. Esta debe ser una zona que acepte elementos web. En este caso, coloque el cursor en la zona situada debajo del control Documentos compartidos.

Figura 16 – Cursor Insertar

8. Haga clic en Insertar para agregar el elemento web a la página. Se agregará el elemento web

SPLinqDemoTitle a la zona de diseño seleccionada.

(18)

Página 18

9. Haga clic en Página, haga clic en la flecha abajo del botón "Guardar y cerrar" y seleccione

Detener la edición para guardar la página y detener la edición. Haga clic en Sí cuando se le

pregunte si desea guardar los cambios realizados.

Figura 18 - Cinta de SharePoint - Detener la edición

10. Cierre Internet Explorer. 11. Cierre Visual Studio 2010.

En el ejercicio anterior, creó e implementó un elemento web visual que usa LINQ to SharePoint para recuperar datos de una lista de SharePoint.

(19)

Ejercicio 2: conectar elementos web

Tiempo estimado para completar este ejercicio: 20 minutos En este ejercicio:

1. Generará dos elementos web de SharePoint básicos.

2. Configurará un elemento web que participe en una conexión de elementos web como proveedor. 3. Configurará un elemento web que participe en una conexión de elementos web como consumidor.

Tarea 1: crear un proyecto nuevo de SharePoint vacío

En esta tarea, creará un proyecto nuevo de SharePoint vacío.

1. Abra Visual Studio 2010; para ello, vaya al Menú Inicio | Todos los programas | Microsoft Visual

Studio 2010 | Microsoft Visual Studio 2010.

2. En el menú, seleccione Archivo | Nuevo | Proyecto.

3. En el cuadro de diálogo Nuevo proyecto, elija Visual C# | SharePoint | 2010 en Plantillas instaladas.

4. Seleccione Proyecto de SharePoint vacío en elementos del proyecto.

(20)

Página 20

5. Escriba SPCHOL200-Ex2 en el cuadro de texto Nombre.

6. Escriba C:\SPHOLS\SPCHOL200\CS\Ex2 en el cuadro de texto Ubicación.

Figura 20 - Ventana del cuadro de diálogo Nuevo proyecto de Visual Studio

7. Asegúrese de que ha desactivado Crear directorio para la solución y Agregar al control de

código fuente.

(21)

9. En el Asistente para la personalización de SharePoint:  Escriba http://intranet.contoso.com para el sitio local.

 Establezca el nivel de confianza en Implementar como solución de granja de servidores.

Figura 21 - Asistente para la personalización de SharePoint 10. Haga clic en Finalizar para completar el asistente.

(22)

Página 22

11. Visual Studio creará el nuevo proyecto SPCHOL200-Ex2 y agregará los archivos necesarios.

Figura 22 - Proyecto SPCHOL200-Ex2

Tarea 2: crear la interfaz de conexión del elemento web

En esta tarea, creará la interfaz de conexión del elemento web IProject responsable de intercambiar la información sobre la conexión entre un elemento web de proveedor y un elemento web de consumidor.

Agregar | Nuevo elemento…

Figura 23 - Agregar un elemento nuevo

2. En la ventana del cuadro de diálogo Agregar nuevo elemento, seleccione Visual C# | Código en

(23)

3. Seleccione Interfaz en las plantillas disponibles.

4. Escriba IProject en el cuadro de texto Nombre y haga clic en el botón Agregar.

Figura 24 - Creación de la interfaz IProject

5. Visual Studio agregará un archivo IProject.cs nuevo al proyecto.

6. En el Explorador de soluciones, haga doble clic en el archivo IProject.cs.

7. Cambie la visibilidad de la interfaz a Pública. Utilice la palabra clave public como prefijo de la declaración de la interfaz:

Figura 25 - Palabra clave public como prefijo

(24)

Página 24

int Id { get; } string Name { get; }

(25)

9. El archivo IProject.cs debe tener este aspecto una vez se haya agregado el bloque de código anterior:

Figura 26 - Interfaz IProject

Tarea 3: crear el elemento web de proveedor

En esta tarea, creará un elemento web para participar en una conexión de elemento web como proveedor. 1. En el Explorador de soluciones, haga clic con el botón secundario en SPCHOL200-Ex2 y seleccione

2. Seleccione Visual C# | SharePoint | 2010 en Plantillas instaladas. 3. Seleccione Elemento web en las Plantillas de elemento disponibles.

4. Escriba ProviderWebPart en el cuadro de texto Nombre y haga clic en el botón Agregar.

(26)

Página 26

5. Visual Studio agregará el nuevo ProviderWebPart a la solución.

Figura 28 - Elemento web de proveedor

6. En el Explorador de soluciones, haga doble clic en ProviderWebPart.cs para abrir el archivo subyacente de código.

7. En la declaración de clase ProviderWebPart, implemente IProject reemplazando la clase base WebPart en el bloqueo de herencias de clases ProviderWebPart por lo siguiente:

Microsoft.SharePoint.WebPartPages.WebPart, IProject

Fragmento de código: Mis fragmentos de código | spchol200_ex2_provider_class

8. La declaración de clase ProviderWebPart debería quedar de la siguiente forma tras cambiar el código como se indicó arriba:

(27)

9. Inserte el código siguiente después de la declaración de clase ProviderWebPart. Este bloque de código implementa la interfaz de conexión del elemento web IProject y agrega una variable local al elemento web:

DropDownList _projectPicker = null; int IProject.Id

{

get { return int.Parse(_projectPicker.SelectedValue); } }

string IProject.Name {

get { return _projectPicker.SelectedItem.ToString(); } }

Fragmento de código: Mis fragmentos de código | spchol200_ex2_provider_properties

10. La declaración de clase ProviderWebPart debería quedar de la siguiente forma tras cambiar el código como se indicó arriba:

(28)

Página 28

11. Inserte el código siguiente en el método CreateChildControls, seguidamente tras la llamada al método base.CreateChildControls:

try {

_projectPicker = new DropDownList();

using (SPSite spSite = new SPSite(SPContext.Current.Web.Url)) using (SPWeb spWeb = spSite.OpenWeb())

{

SPList projectsList = spWeb.Lists["Projects"]; foreach (SPListItem project in projectsList.Items) {

_projectPicker.Items.Add(new ListItem(project.Title, project.ID.ToString())); } } _projectPicker.AutoPostBack = True this.Controls.Add(_projectPicker); }

catch (Exception ex) {

this.Controls.Clear();

this.Controls.Add(new LiteralControl(ex.Message)); }

Fragmento de código: Mis fragmentos de código | spchol200_ex2_provider_createchildcontrol

12. Inserte la siguiente propiedad ConnectionProvider debajo del método CreateChildControls. De esta forma se proporciona el punto del proveedor de la conexión para ProviderWebPart:

[ConnectionProvider("Project Name and ID")] public IProject NameDoesNotMatter()

{

return this; }

Fragmento de código: Mis fragmentos de código | spchol200_ex2_provider_connection

13. Lleve a cabo una generación en Visual Studio 2010; para ello vaya al menú Generar y seleccione

Generar solución. Si todo se ha desarrollado de la forma debida, recibirá en la ventana de salida un

mensaje que indica que la generación se ha realizado correctamente.

Acaba de ver cómo crear un elemento web de proveedor y cómo agregar un punto de interfaz del proveedor de la conexión, de forma que el elemento web de consumidor pueda recibir mensajes del elemento web de proveedor.

Tarea 4: crear el elemento web de consumidor

En esta tarea, creará un elemento web para participar en una conexión de elemento web como consumidor.

(29)

2. Seleccione Visual C# | SharePoint | 2010 en Plantillas instaladas. 3. Seleccione Elemento web en las Plantillas de elemento disponibles.

4. Escriba ConsumerWebPart en el cuadro de texto Nombre y haga clic en el botón Agregar.

(30)

Página 30

5. Visual Studio agregará el nuevo ConsumerWebPart a la solución.

Figura 32 – ConsumerWebPart

6. Inserte el código siguiente dentro de la declaración de clase ConsumerWebPart:

IProject _provider = null;

Label _lbl = null;

(31)

7. Inserte el siguiente código en el método CreateChildControls: try { _lbl = new Label(); if (_provider != null) { if (_provider.Id > 0) {

_lbl.Text = _provider.Name + " was selected."; } else

{

_lbl.Text = "No se seleccionó nada."; }

} else {

_lbl.Text = "No hay elementos web del proveedor conectados."; }

this.Controls.Add(_lbl); }

catch (Exception ex) {

this.Controls.Clear();

this.Controls.Add(new LiteralControl(ex.Message)); }

Fragmento de código: Mis fragmentos de código | spchol200_ex2_consumer_createchildcontrol

8. Inserte la siguiente propiedad ConnectionConsumer debajo del método CreateChildControls. De esta forma se proporciona el punto de interfaz del consumidor de la conexión para

ConsumerWebPart:

[ConnectionConsumer("Project Name and ID")]

public void ThisNameDoesNotMatter(IProject providerInterface) {

_provider = providerInterface; }

Fragmento de código: Mis fragmentos de código | spchol200_ex2_consumer_connection

9. Acaba de ver cómo crear un elemento web de consumidor y cómo crear un nuevo punto de interfaz del cliente de la conexión, de forma que el elemento web de consumidor pueda recibir mensajes del elemento web de proveedor.

Tarea 5: crear e implementar elementos web

En esta tarea, creará e implementará el elemento web de proveedor y consumidor, además de crear una nueva página de elementos web donde agregar los elementos web.

(32)

Página 32

Figura 33 - Implementación de SPCHOL200-Ex2 2. Abra Internet Explorer y vaya al siguiente sitio:

3. Si se le pide autenticación, escriba los siguientes detalles.

(33)

4. Haga clic en el menú Acciones del sitio y seleccione Más opciones....

(34)

Página 34

5. Seleccione Página de elementos web en la lista Páginas. Haga clic en Crear.

Figura 35 - Crear una nueva página de elementos web 6. En la Nueva página de elementos web:

 Indique spchol200-wp en el cuadro de texto Nombre: .

 Seleccione Página completa, vertical como Plantilla de diseño.

 Seleccione Informes personalizados en el menú desplegable Biblioteca de documentos.  Haga clic en el botón Crear.

(35)

Figura 36 - Opciones de la nueva página de elementos web

7. SharePoint creará la nueva página de elementos web y abrirá la página en modo de edición. 8. Haga clic en la zona del elemento web (el cuadro azul donde se lee “Agregar elemento web”).

(36)

Página 36

9. Haga clic en la pestaña Insertar en la Cinta y, a continuación, en Elemento web

Figura 38 - Insertar elemento web

10. Seleccione Custom en Categorías.

11. Seleccione ConsumerWebPart y haga clic en Agregar.

(37)

12. ConsumerWebPart debería aparecer agregado a la página.

Figura 40 - Elemento web de consumidor agregado a la página

13. Haga clic en Agregar elemento web en la parte principal de la pantalla (vea la Figura 41). 14. Seleccione Custom en Categorías.

15. Seleccione ProviderWebPart y haga clic en Agregar.

(38)

Página 38

16. ProviderWebPart Title debería aparecer agregado a la página.

Figura 42 - Elemento web de proveedor agregado a la página

Tarea 6: conectar los elementos web

En esta tarea, conectará los elementos web consumidor y proveedor.

1. Desplace el puntero sobre ProviderWebPart y aparecerá una flecha de menú desplegable a la derecha de la ventana. Haga clic sobre ella para abrir la lista desplegable y muévala hacia abajo, hasta Conexiones.

(39)

2. Desplace el puntero sobre Conexiones | Obtener Project Name and ID de | ConsumerWebPart y haga clic en ConsumerWebPart.

Figura 44 - Menú de conexiones del elemento web

3. Se creará una conexión de elementos web con el elemento web ConsumerWebPart y el texto de ConsumerWebPart pasará a ser “Writing more sample code was selected”.

(40)

Página 40

4. Haga clic en Detener edición en la cinta de SharePoint.

Figura 46 - Detener la edición

Tarea 7: verificar la conexión del elemento web

En esta tarea, verificará la conexión de elementos web entre los elementos web proveedor y consumidor agregados a la página del elemento web en laTarea 6.

1. En el elemento web ProviderWebPart, seleccione Building more developer tools en la lista desplegable.

Figura 47 - Seleccionar un proyecto

2. Debe ver la página que se está actualizando y el elemento web ConsumerWebPart actualizado con el proyecto seleccionado (Building more developer tools) en la lista desplegable ProviderWebPart .

Figura 48 - Elemento web de consumidor actualizado

Hasta ahora, ha visto cómo conectar dos elementos web y cómo enviar un mensaje del elemento web de proveedor al elemento web de consumidor.

(41)

Resumen del laboratorio

En este laboratorio, ha realizado los ejercicios siguientes:  Ha creado un proyecto de elemento web visual.  Ha generado código proxy de Linq-to-SharePoint.

 Ha creado una consulta Linq para recuperar datos de listas de SharePoint.  Ha creado dos elementos web de SharePoint básicos.

 Ha configurado un elemento web que participe en una conexión de elementos web como proveedor.  Ha configurado un elemento web que participa en una conexión de elementos web como

consumidor.

En este laboratorio, aprendió a crear un elemento web visual de SharePoint desde cero. También ha aprendido a escribir una consulta de Linq-to-SharePoint utilizando el nuevo modo Linq-to-SharePoint. También ha aprendido a crear y configurar elementos web para conexiones de elementos web.