Tutoriel d'incorporation de rapports dans les applications ASP.NET MVC

Consultez notre guide pour l'intégration de rapports dans les applications ASP.NET MVC. Dans ce didacticiel pas à pas, apprenez à utiliser Telerik Report Viewer dans les applications MVC.

Dans ce didacticiel pas à pas, je vais vous montrer comment utiliser Telerik Report Viewer dans les applications MVC. Ce didacticiel couvre les sujets suivants:

Qu'est-ce que Telerik Report Viewer?

Le Telerik Report Viewer est un widget purement HTML5 / JavaScript / CSS3 jQuery qui permet d'afficher des rapports Telerik dans une page HTML . La mise en page ou le style est basé sur des modèles HTML5 purs et des styles CSS3 et est entièrement personnalisable. Il prend en charge les navigateurs mobiles et de bureau. Les visionneuses de rapports, qui sont des composants de l'interface utilisateur, vous permettent d'afficher le document de rapport produit par le moteur de rapports dans l'interface utilisateur de l'application.

Comment peut-il être intégré à une application?

Pour intégrer la visionneuse de rapports Telerik dans un ASP. NET MVC, vous devrez suivre ces conditions préalables:

• Consultez les exigences de la visionneuse de rapports HTML5
• Un point de terminaison Telerik Reporting REST Service à utiliser dans une application MVC (pour plus d'informations cliquez ici )
• Vous ne devez charger qu'une seule version des styles et scripts d'interface utilisateur de Telerik Kendo sur la page ou via CDN

Prenez le livre électronique: un guide rapide des outils de création de rapports experts .NET

Comment implémenter la visionneuse de rapports dans ASP.NET MVC

La visionneuse de rapports Telerik fournit un assistant HTML qui peut être utilisé dans les applications ASP.NET MVC.
Le moyen le plus simple d'ajouter et de configurer la visionneuse de rapports consiste à utiliser les modèles d'élément qui sont enregistrés dans Visual Studio lors de l'installation du produit.

Le modèle d'élément d'affichage de la visionneuse de rapports MVC est un assistant entièrement fonctionnel qui fait tout le gros du travail pour les utilisateurs:

• Ajoute les packages et références NuGet nécessaires
• Fournit un exemple de définition de rapport si nécessaire
• nouvelle instance de Reporting REST Service sur demande

Ce flux de travail est décrit ici . Si vous le pouvez, c'est la configuration recommandée.

Sinon, procédez comme suit pour utiliser cette aide manuellement dans MVC:

Étape 1: Créez une application ASP.NET MVC à l'aide de Visual Studio.

Étape 2: Ajoutez les deux références ci-dessous de Telerik dans l'application et définissez leurs propriétés Copy Local sur true dans Visual Studio.

• Telerik.Reporting
• Telerik .ReportViewer.Mvc

Étape 3: Ajoutez les références ajoutées à l'étape précédente dans le fichier web.config du dossier Views comme ci-dessous:

    
       
         ] ...
            
            
        

Étape 4: L'implémentation par défaut du visualiseur dépend de l'extérieur de jQuery . Créez une section nommée scripts et ajoutez un lien vers jQuery dans la vue:

 @section scripts {  }

Étape 5: La visionneuse de rapports utilise le style du thème d'interface utilisateur Kendo souhaité, veuillez donc ajouter ci-dessous les références aux fichiers CSS moins basés dans l'élément head de _Layout.cshtml :

Étape 6: Ajoutez des références au fichier JavaScript de la visionneuse de rapport HTML5 dans la vue correspondante, comme ci-dessous:

Étape 7: Ajoutez l'assistant Telerik Report Viewer fourni pour les applications MVC dans la vue respective:

 @ (Html.TelerikReporting (). ReportViewer ()
                    .Id ("reportViewer1")
                    .ServiceUrl (Url.Content ("http: // localhost: 12345 / api / reports /"))
                    .ReportSource (nouveau UriReportSource () {Uri = "OlympicMedalsByNationalTeams.trdp"})
                    .ViewMode (ViewMode.Interactive)
                    .ScaleMode (ScaleMode.Specific)
                    .Échelle (1.0)
                    .PersistSession (faux)
                    .PrintMode (PrintMode.AutoSelect)
                    .EnableAccessibility (faux)
                    .SearchMetadataOnDemand (false)
                    .Déféré ()
)

Remarque – Pour les options disponibles pour cet assistant HTML, veuillez vérifier les détails ici .

Étape 8: Rendez l'instruction d'initialisation différée pour les scripts de la visionneuse de rapports:

 @ ( Html.TelerikReporting (). DeferredScripts ())

Étape 9:

Nous avons implémenté l'assistant Telerik Report Viewer dans notre application MVC, et les pages devraient ressembler à ceci:

_Layout.cshtml

 


    
    

    
    
    

     @RenderSection ("styles", obligatoire: faux)
    @RenderSection ("scripts", requis: faux)


     @RenderBody ()



 Vue Index.cshtml respective  
 @using Telerik.Reporting
@utilisation de Telerik.ReportViewer.Mvc
@ {
    ViewBag.Title = "Page d'accueil";
}

styles @section
{}

scripts @section
{   @ (Html.TelerikReporting (). DeferredScripts ())
}

@ (Html.TelerikReporting (). ReportViewer ()
                    .Id ("reportViewer1")
                    .ServiceUrl (Url.Content ("http: // localhost: 12345 / api / reports /"))
                    .ReportSource (nouveau UriReportSource () {Uri = "OlympicMedalsByNationalTeams.trdp"})
                    .ViewMode (ViewMode.Interactive)
                    .ScaleMode (ScaleMode.Specific)
                    .Échelle (1.0)
                    .PersistSession (faux)
                    .PrintMode (PrintMode.AutoSelect)
                    .EnableAccessibility (faux)
                    .SearchMetadataOnDemand (false)
                    .Déféré ()
)
 Étape 10:  Avant d'exécuter l'application, veuillez vous assurer que le service REST de rapport est en cours d'exécution. Notez que si le service REST se trouve dans la même application, il ne sera pas exécuté tant que l'application ne sera pas démarrée. Si vous rencontrez des problèmes pour accéder au service REST de rapports, vous pouvez consulter  cet article d'aide  pour obtenir des conseils.
  Étape 11:  Enfin, exécutez l'application et accédez à la vue avec la visionneuse de rapports ASP.NET MVC que nous venons de créer. Il s'ouvrira dans le navigateur et vous pouvez voir la sortie comme ceci:
 
 Le visualiseur de rapports est divisé en deux parties principales. . La première partie en haut est pour les barres d'outils, et la deuxième partie en dessous est utilisée pour afficher les données.
 Voyons quels outils sont disponibles pour les utilisateurs dans la barre d'outils de la visionneuse de rapports.
  Options de la barre d'outils supérieure: 
 
 Avant / Arrière
 Rapport de rafraîchissement
 Sélecteur de numéro de page
 Basculer l'aperçu avant impression
 Télécharger
 PDF
 XLS
 CSV
 Texte
 TIFF
 Web Archive
 XPS Document
 Zoom – Avant / Arrière
 Basculer – Pleine page / Largeur de page
 Rechercher dans le contenu du rapport
 Bascule la zone de la carte du document
 Imprimer le rapport
 Basculer le filtre
 Filtres  – La capture d'écran ci-dessous montre les filtres qui se trouvent sur le côté droit de la visionneuse de rapports. Sur la base de ces filtres, les données seront affichées sur le côté gauche.
 
 Vous pouvez également télécharger cet exemple à partir de  ici .
   Enregistrez votre siège: création de rapports en profondeur – Comment rationaliser la création de rapports avec facilité 
 Conclusion
 Dans cet article, nous avons décrit ce qu'est la visionneuse de rapports Telerik, ses conditions préalables et comment l'utiliser dans une application MVC, ainsi que Barre d'outils de la visionneuse de rapports pour les utilisateurs. Si vous avez des suggestions ou des questions concernant cet article, veuillez laisser un commentaire.
 Apprenez-le, partagez-le.
 Vous avez essayé Telerik DevCraft?
 Vous pouvez choisir  Telerik Reporting  et  Telerik Report Server  comme produits individuels ou en profiter dans le cadre du excellents ensembles Telerik DevCraft.
   Essayez Telerik DevCraft 
 Telerik DevCraft est la meilleure collection d'outils de développement logiciel parmi les technologies .NET et JavaScript, qui comprend des composants d'interface utilisateur modernes, riches en fonctionnalités et conçus par des professionnels pour les applications Web, de bureau et mobiles, des solutions de gestion de rapports et de rapports, des bibliothèques de traitement de documents, des tests automatisés et des simulations outils des suites Telerik et Kendo UI. DevCraft vous fournira tout ce dont vous avez besoin pour fournir des applications exceptionnelles en moins de temps et avec moins d'efforts. Avec le soutien de notre équipe de support légendaire, qui se compose des développeurs qui créent les produits, et une tonne de ressources et de formations, vous pouvez être assuré que vous avez un partenaire stable sur lequel compter pour vos défis quotidiens tout au long de votre parcours de développement logiciel. [19659078]
 
 Le meilleur outil 2023 pour ta croissance Instagram ! 
 
 
 
   
 
Source link 
Partager :
Cliquez pour partager sur Twitter(ouvre dans une nouvelle fenêtre)
Cliquez pour partager sur Facebook(ouvre dans une nouvelle fenêtre)