Afficher tout

Masquer tout

Votre entreprise collecte et stocke d'énormes quantités de données. Pour que vous et votre équipe puissiez y accéder et les exploiter facilement, vous voulez créer une application de suivi et de rapport sur le site Microsoft SharePoint de votre équipe. Par où commencer ?

Avec Microsoft Office SharePoint Designer 2007, vous pouvez créer rapidement une vue de données, c'est-à-dire une vue personnalisée affichant les données en direct. Les vues de données permettent d'afficher les données émanant de diverses sources (requêtes de base de données, documents XML, services Web, listes et bibliothèques SharePoint ou scripts côté serveur).

Il existe deux façons d'insérer une vue de données dans votre page. Vous pouvez créer une vue de données en faisant glisser la source de données depuis la liste des dossiers ou la bibliothèque des sources de données vers une page nouvelle ou existante de votre site Web. Vous pouvez également utiliser la commande Insérer une vue de données, puis modifier immédiatement la vue en insérant uniquement les champs que vous souhaitez afficher à partir du volet de tâches Détails de la source de données.

Cet article présente les vues de données. Il explique également comment créer un exemple de fichier XML à utiliser comme source de données, puis comment créer une vue de données basée sur ces données à l'aide de la méthode glisser-déplacer, puis à partir du volet de tâches Détails de la source de données. Cet article utilise un fichier .xml comme source de données pour que vous puissiez facilement créer la source de données et suivre l'exemple. Néanmoins, les procédures suivantes fonctionnent avec n'importe quelle source de données. Les données de liste SharePoint sont particulièrement adaptées et constitueront probablement le type de source de données que vous utiliserez le plus pour créer des vues de données.

 Important   Cet article explique comment créer des vues de données sur des sites SharePoint hébergés par des serveurs exécutant Microsoft Windows SharePoint Services 3.0. Il se peut que certaines fonctionnalités ne soient pas disponibles si votre site ne se trouve pas sur un serveur exécutant Windows SharePoint Services 3.0.

• Qu'est-ce qu'une vue de données ?

• Créer un fichier .xml comme exemple de source de données

• Créer une vue de données en faisant glisser la source de données dans la page

• Créer une vue de données à l'aide du volet de tâches Détails de la source de données

• Suggestions pour aller plus loin

Qu'est-ce qu'une vue de données ?

Une vue de données est une vue personnalisable qui affiche en direct la source de données en tirant parti de la technologie Microsoft ASP.NET. Office SharePoint Designer 2007 extrait les données d'une source en utilisant le format XML (Extensible Markup Language) (langage XML (Extensible Markup Language) : forme condensée du langage SGML (Standard Generalized Markup Language) qui permet aux développeurs de créer des balises personnalisées offrant une certaine flexibilité dans l'organisation et la présentation des informations.) et affiche ces données en appliquant les transformations XSLT (Extensible Stylesheet Language Transformations) (transformation XSL (XSLT) : fichier qui permet de transformer des documents XML en d'autres types de document tels que HTML. Il est conçu pour être utilisé avec XSL.). Vous pouvez modifier une vue de données dans Office SharePoint Designer 2007. Une vue de données permet d'afficher les données émanant de diverses sources (requêtes de base de données, documents XML, services Web, listes et bibliothèques SharePoint ou scripts côté serveur). Vous pouvez aussi créer une vue de données affichant les données de plusieurs sources.

Les vues de données affichent en direct des données que vous pouvez filtrer, trier ou regrouper. Vous pouvez aussi modifier leur disposition, appliquer des styles ou appliquer une mise en forme conditionnelle dans un environnement entièrement WYSIWYG (tel écrit, tel écran).

Après avoir inséré une vue de données dans votre page, vous pouvez aussi utiliser les outils WYSIWYG de Office SharePoint Designer 2007 pour ajouter ou supprimer des colonnes, modifier la mise en forme des polices ou appliquer des couleurs. Lorsque vous utilisez les outils WYSIWYG disponibles dans Office SharePoint Designer 2007 pour mettre en forme une vue de données, le XSL (Extensible Stylesheet Language) (XLS (Extensible Style Language) : vocabulaire XML qui permet de transformer des données XML en un autre format, tel que HTML, à l'aide d'une feuille de style qui définit les règles de présentation.) est inséré directement dans le HTML. Bien qu'il soit possible de modifier directement le XSL en mode Code, les outils de mise en forme de Office SharePoint Designer 2007 vous permettent d'appliquer rapidement et facilement le XSL même si vous ne connaissez pas ce langage.

 Haut de la page

Créer un fichier .xml comme exemple de source de données

La société Northwind Traders, entreprise de distribution de produits alimentaires d'épicerie fine, utilise le format XML pour conserver sa liste de produits. Cette liste inclut les informations d'inventaire. Pour l'instant, l'équipe effectue le suivi d'inventaire en imprimant des rapports qui sont distribués aux autres équipes. Vous suggérez de créer une vue de données sur le site Intranet pour que toutes les équipes de l'entreprise puissent accéder rapidement et facilement aux informations d'inventaire sans qu'il soit nécessaire d'imprimer les rapports.

Les procédures suivantes utilisent un fichier .xml comme source de données. Si vous n'avez pas de fichier .xml sur votre site SharePoint, vous devez commencer par créer la liste de produits de Northwind Traders. Cela fait, vous pourrez créer une vue de données à partir des données contenues dans la liste.

Créer le fichier products.xml

1. Dans le menu Fichier, cliquez sur Ouvrir le site Web.
2. Dans la boîte de dialogue Ouvrir le site Web, recherchez et sélectionnez votre site SharePoint, puis cliquez sur Ouvrir.
3. Le cas échéant, tapez votre nom et votre mot de passe dans la boîte de dialogue Connecter à, puis cliquez sur OK.
4. Dans le menu Fichier, cliquez sur Nouveau.
5. Dans la boîte de dialogue Nouveau, double-cliquez sur Fichier texte.

   Un nouveau fichier texte s'ouvre dans votre site Web.

6. Copiez les lignes de code suivantes en les sélectionnant et en appuyant sur CTRL+C.

   <?xml version="1.0" encoding="utf-8"?>
   <ProductsRoot>
       <Products>
           <ProductID>1</ProductID>
           <ProductName>Chai</ProductName>
           <SupplierID>1</SupplierID>
           <CategoryID>1</CategoryID>
           <QuantityPerUnit>10 boxes x 20 bags</QuantityPerUnit>
           <UnitPrice>18</UnitPrice>
           <UnitsInStock>39</UnitsInStock>
           <UnitsOnOrder>0</UnitsOnOrder>
           <ReorderLevel>10</ReorderLevel>
           <Discontinued>0</Discontinued>
       </Products>
       <Products>
           <ProductID>2</ProductID>
           <ProductName>Chang</ProductName>
           <SupplierID>1</SupplierID>
           <CategoryID>1</CategoryID>
           <QuantityPerUnit>24 - 12 oz bottles</QuantityPerUnit>
           <UnitPrice>19</UnitPrice>
           <UnitsInStock>17</UnitsInStock>
           <UnitsOnOrder>40</UnitsOnOrder>
           <ReorderLevel>25</ReorderLevel>
           <Discontinued>0</Discontinued>
       </Products>
       <Products>
           <ProductID>3</ProductID>
           <ProductName>Aniseed Syrup</ProductName>
           <SupplierID>1</SupplierID>
           <CategoryID>2</CategoryID>
           <QuantityPerUnit>12 - 550 ml bottles</QuantityPerUnit>
           <UnitPrice>10</UnitPrice>
           <UnitsInStock>13</UnitsInStock>
           <UnitsOnOrder>70</UnitsOnOrder>
           <ReorderLevel>25</ReorderLevel>
           <Discontinued>0</Discontinued>
       </Products>
       <Products>
           <ProductID>4</ProductID>
           <ProductName>Chef Anton's Cajun Seasoning</ProductName>
           <SupplierID>2</SupplierID>
           <CategoryID>2</CategoryID>
           <QuantityPerUnit>48 - 6 oz jars</QuantityPerUnit>
           <UnitPrice>22</UnitPrice>
           <UnitsInStock>53</UnitsInStock>
           <UnitsOnOrder>0</UnitsOnOrder>
           <ReorderLevel>0</ReorderLevel>
           <Discontinued>0</Discontinued>
       </Products>
       <Products>
           <ProductID>5</ProductID>
           <ProductName>Chef Anton's Gumbo Mix</ProductName>
           <SupplierID>2</SupplierID>
           <CategoryID>2</CategoryID>
           <QuantityPerUnit>36 boxes</QuantityPerUnit>
           <UnitPrice>21.35</UnitPrice>
           <UnitsInStock>0</UnitsInStock>
           <UnitsOnOrder>0</UnitsOnOrder>
           <ReorderLevel>0</ReorderLevel>
           <Discontinued>1</Discontinued>
       </Products>
    </ProductsRoot>
   

7. Dans Office SharePoint Designer 2007, placez le point d'insertion en haut de la page, puis appuyez sur CTRL+V pour coller dans la page le code que vous venez de copier.
8. Dans le menu Fichier, cliquez sur Enregistrer sous.
9. Dans la boîte de dialogue Enregistrer sous, dans la zone Nom de fichier, tapez products.xml.
10. Dans la liste Type de fichier, cliquez sur XML, puis sur Enregistrer.

 Haut de la page

Créer une vue de données en faisant glisser la source de données dans la page

Lorsque vous faites glisser une source de données dans une page, vous obtenez une vue par défaut des données qui consiste en un tableau élémentaire dont les lignes affichent les cinq premiers champs de votre source de données. Néanmoins, cette vue de données est entièrement personnalisable. Après l'avoir insérée, vous pouvez facilement y ajouter des colonnes ou en supprimer en fonction de vos besoins. Pour plus d'informations, consultez la rubrique Modifier les colonnes dans une vue de données.

Les vues de données sont basées sur la technologie Microsoft ASP.NET 2.0. Pour créer une vue de données, vous devez commencer avec une page ASP.NET (fichier .aspx). Dans cet exemple, vous allez créer une nouvelle page ASP.NET, puis une vue de données en faisant glisser la source de données dans la page.

1. Dans le menu Fichier, cliquez sur Nouveau.
2. Dans la boîte de dialogue Nouveau, double-cliquez sur ASPX.

   Une nouvelle page affichant la balise FORM s'ouvre.

   

3. Effectuez l'une des opérations suivantes :
   • Dans la Liste des dossiers, localisez votre source de données (dans notre exemple, products.xml) et faites-la glisser dans la page.
   • Dans le menu Volets des tâches, cliquez sur Bibliothèque de sources de données. Dans le volet de tâches Bibliothèque de sources de données, localisez votre source de données (dans cet exemple, products.xml) et faites-la glisser dans la page.

   Une vue de données est désormais affichée sur votre page et le volet de tâches Détails de la source de données s'ouvre.

   

   Les cinq premiers champs s'affichent selon la disposition d'un tableau élémentaire.

 Haut de la page

Créer une vue de données à l'aide du volet de tâches Détails de la source de données

Lorsque vous créez une vue de données à partir du volet de tâches Détails de la source de données, vous commencez par insérer une vue de données dans la page. Ensuite, vous sélectionnez une source de données dans le volet de tâches Bibliothèque de sources de données qui gère les sources de données disponibles pour un site SharePoint. Dès que vous avez sélectionné votre source de données, le volet de tâches Détails de la source de données s'ouvre. Le volet de tâches Détails de la source de données permet de sélectionner les champs que vous souhaitez afficher et de les insérer dans la vue de données.

Les vues de données sont basées sur la technologie ASP.NET 2.0. Pour créer une vue de données, vous devez commencer avec une page ASP.NET (fichier .aspx). Dans cet exemple, vous allez créer une nouvelle page ASP.NET, puis une vue de données en utilisant le volet de tâches Détails de la source de données.

1. Dans le menu Fichier, cliquez sur Nouveau.
2. Dans la boîte de dialogue Nouveau, double-cliquez sur ASPX.

   Une nouvelle page affichant la balise FORM s'ouvre.

   

3. Dans le menu Vue de données, cliquez sur Insérer une vue de données.

   Une vue de données vide est maintenant affichée sur la page et le volet de tâches Bibliothèque de sources de données s'ouvre.

   

   Maintenant que vous avez inséré la vue de données, vous pouvez ajouter les données.

4. Dans le volet de tâches Bibliothèque de source de données, localisez votre source de données, cliquez dessus, puis cliquez sur Afficher les données.

   Dans l'exemple, sous Fichiers XML, cliquez sur products.xml, puis sur Afficher les données. Si le titre Fichiers XML est réduit, cliquez sur le signe (+) pour le développer.

5. Dans le volet de tâches Détails de la source de données, cliquez sur les champs que vous souhaitez insérer dans la vue de données.

    Conseil   Pour sélectionner plusieurs champs, maintenez la touche CTRL enfoncée pendant que vous les sélectionnez.

   Pour reprendre l'exemple, dans le dossier ProductsRoot, sous Products, cliquez sur ProductName. Appuyez sur la touche CTRL et maintenez-la enfoncée pendant que vous cliquez sur les champs UnitsInStock, UnitsOnOrder et ReorderLevel.

   

6. Cliquez sur Insérer les champs sélectionnés en tant que, puis sur Affichage de plusieurs éléments pour insérer les données sélectionnées dans la vue de données.

    Remarque   L'option Affichage d'un élément unique affiche un seul enregistrement dans la vue de données. L'option Affichage de plusieurs éléments affiche plusieurs enregistrements en plaçant les champs dans des colonnes ayant chacune leur en-tête.

   Les champs que vous avez sélectionnés dans le volet de tâches Détails de la source de données apparaissent maintenant dans un tableau.

   

Après avoir créé une vue de données, vous pouvez utiliser les outils WYSIWYG comme la barre d'outils Mise en forme pour modifier les polices, aligner du texte ou appliquer des couleurs. Lorsque vous appliquez une nouvelle mise en forme à un point de données de votre vue de données, Office SharePoint Designer 2007 applique la mise en forme à toutes les données de même niveau dans le XML en modifiant la feuille de style XSLT associée à cette page. Par exemple, dans l'illustration précédente, si vous sélectionnez Chai puis cliquez sur Gras dans la barre d'outils Mise en forme, Office SharePoint Designer 2007 applique la même mise en forme à tout le contenu qui apparaît dans le champ ProductName.

 Haut de la page

Suggestions pour aller plus loin

Les vues de données constituent une fonctionnalité puissante. Elles affichent les données en direct et sont entièrement personnalisables. Maintenant que vous savez créer une vue de données, vous souhaiterez peut-être apprendre à :

• Filtrer les données dans une vue de données  Vous pouvez facilement filtrer les données dans une vue de données. Pour plus d'informations, consultez la rubrique Filtrer les données dans une vue de données.
• Trier et regrouper les données dans une vue de données   Vous pouvez facilement trier et regrouper les données d'une vue de données. Pour plus d'informations, consultez la rubrique Trier et regrouper les données dans une vue de données.
• Appliquer une mise en forme conditionnelle à une vue de données  Vous pouvez appliquer une mise en forme spécifique à une vue de données si les données de cette vue satisfont à certaines conditions. Pour plus d'informations, consultez la rubrique Appliquer une mise en forme conditionnelle à une vue de données.
• Créer une colonne de formules dans une vue de données   Comme dans une feuille de calcul, vous pouvez créer une colonne calculée affichant le résultat d'un calcul portant sur d'autres colonnes de la vue de données. Par exemple, vous pouvez multiplier le prix unitaire par le nombre d'unités en stock et afficher la valeur totale des articles dans une colonne distincte. Pour plus d'informations, consultez la rubrique Créer une colonne de formules dans une vue de données.
• Modifier les colonnes dans une vue de données  Vous pouvez rapidement et facilement ajouter, supprimer ou organiser des colonnes dans une vue de données. Pour plus d'informations, consultez la rubrique Modifier les colonnes dans une vue de données.
• Afficher les données de plusieurs sources dans une seule vue de données   Vous pouvez lier plusieurs sources de données associées et afficher les données de ces sources dans une seule vue de données. Pour plus d'informations, consultez la rubrique Afficher les données de plusieurs sources dans une seule vue de données.
• Afficher un exemple de données dans une vue de données   Vous pouvez facilement afficher un exemple de données dans une vue de données. Pour plus d'informations, consultez la rubrique Afficher un exemple de données dans une vue de données.

 Haut de la page