Comment combiner de manière transparente les applications de reporting et les applications angulaires

Le Telerik Reporting Native Angular ReportViewer est construit à l’aide de l’interface utilisateur Kendo pour les composants angulaires, ce qui permet des gains de productivité majeurs.

Que faites-vous lorsque vous disposez d’une application Web Angular native et que vous devez ajouter des services de reporting ? En tirant parti de la bibliothèque de rapports intégrée de Progress Telerik et de Angular ReportViewer entièrement natif, vous pouvez garder votre front-end propre tout en tirant parti du meilleur moteur de reporting de sa catégorie.

Quelques mots sur les reportages Telerik

Parlons du Progrès Reportage Telerik un peu et comment cela vous donne une flexibilité ultime. Rapports intégrés Telerik est un cadre permettant d’ajouter des fonctionnalités de reporting aux applications nouvelles et existantes. La bibliothèque est basée sur ce que j’appelle les trois piliers du reporting. Chaque pilier est découplé, mais ils se combinent pour construire quelque chose de véritablement monumental. Les trois piliers de Telerik Reporting sont Conception, rendu et affichage.

Conception

La toute première étape du reporting consiste à concevoir un rapport. Telerik Reporting facilite cela en proposant trois concepteurs de rapports.

• Concepteur de rapports Visual Studio :
  Le VSRD est une extension pour Visual Studio qui fonctionne uniquement avec les projets .NET Framework. Les rapports sont créés en tant qu’objets de bibliothèque de classes (.cs/.vb) et doivent être compilés avant de pouvoir être utilisés dans une application de reporting.
• Concepteur de rapports autonome :
  Le SRD est une application Windows prédéfinie dédiée exclusivement à la conception et aux tests de rapports. Il s’agit du premier d’une nouvelle génération de concepteurs de rapports qui créent des rapports sous forme de fichiers XML sérialisés (.trdx/.trdp) compilés à la demande et facilement stockés dans un SGBD.
• Concepteur de rapports Web :
  Le WRD est la dernière innovation de Progress Telerik dans le domaine de la conception de rapports. Un concepteur de rapports visuels WYSIWYG qui vit entièrement sur le Web, sans rien à télécharger ou à installer, et avec toute la puissance et la simplicité du SRD.

Rendre

La centrale de Telerik Reporting est le moteur de rendu intégrable Telerik Reporting. Ce package/assembly .NET universel peut être intégré dans n’importe quoi, de WinForms à Blazor. Fournissez-lui simplement une définition du rapport et quelques paramètres de base. Le moteur de rendu générera un document de rapport entièrement rendu dans l’un de nos nombreux formats pris en charge ou diffusera un rapport interactif vers un ReportViewer décrit ci-dessous.

Voir

Telerik Reporting fournit plus de 10 visionneuses de rapports d’interface utilisateur pour chaque type courant d’architecture d’application. Web, Cloud ou Plateforme : ils sont tous pris en charge. Nos ReportViewers permettent à la fois la visualisation en mode standard des rapports rendus (aperçu avant impression) et le mode interactif. La visualisation interactive permet des opérations avancées telles que l’exploration, le tri et le filtrage.

Les ReportViewers sont complètement découplés du moteur de rendu, ce qui permet une relation plusieurs-à-plusieurs. N’importe quel ReportViewer peut se connecter à un ou plusieurs moteurs de rendu, et n’importe quel moteur de rendu peut gérer un ou plusieurs ReportViewers. Introduit dans R3 2023nous avons un tout nouveau Native Angular ReportViewer.

Quelques mots sur Angular

Comme vous le savez, Angular est un framework de conception d’applications et une plateforme de développement permettant de créer des applications efficaces et sophistiquées. Angular est construit sur TypeScript, qui est une variante sécurisée de JavaScript.

Angular dispose également d’une vaste collection de bibliothèques et de composants tiers qui facilitent grandement la création d’une application Angular monopage (SPA). Une de ces bibliothèques de composants est Progress Interface utilisateur Kendo pour angulaireune collection dynamique de composants angulaires natifs pour créer des applications magnifiques et hautement performantes.

Visionneuse de rapports pour angulaire

Le reportage Telerik Visualiseur de rapports angulaire natif est un ReportViewer construit à l’aide de l’interface utilisateur Kendo pour les composants angulaires. La barre d’outils, les boutons, les menus et tous les autres composants proviennent directement de la bibliothèque Kendo UI for Angular.

Cette configuration permet des gains de productivité importants. D’une part, ReportViewer utilisera automatiquement les thèmes Telerik existants. Le progrès peut également garantir que les composants fonctionnent parfaitement ensemble. Si des problèmes sont découverts, en raison de l’origine unique des composants, nous pouvons rapidement itérer et publier des solutions immédiates.

Note importante: Vous aurez besoin d’une licence commerciale pour la bibliothèque Kendo UI for Angular afin d’utiliser Native Angular ReportViewer. Regardez dans notre liasses pour d’énormes économies sur toutes vos bibliothèques et outils de productivité.

Option de sauvegarde : Wrapper angulaire ReportViewer

Pouvez-vous toujours utiliser Telerik Reporting si vous n’avez PAS de licence pour Kendo UI pour Angular ? Naturellement, nous aimerions que nos clients créant des applications angulaires utilisent Kendo UI pour Angular, mais si vous n’avez pas (encore) commencé à utiliser la bibliothèque, vous n’avez pas de chance.

Nous proposons un wrapper angulaire non natif autour de notre HTML5 ReportViewer. Le composant est toujours implémenté dans TypeScript en utilisant la sémantique angulaire, mais il enveloppe notre modèle basé sur jQuery. Visionneuse de rapports HTML5. Bien que parfaitement utilisable, il n’offre pas les avantages d’un composant véritablement natif en termes de performances et d’esthétique.

Comment utiliser le ReportViewer angulaire natif

Suivez simplement les instructions étape par étape préparées par nos ingénieurs. J’ai suivi ces instructions pendant que je préparais cet article et j’ai été opérationnel en moins de cinq minutes :

Intégration de la visionneuse de rapports angulaire native avec le service de reporting

Note importante: Je n’intègre intentionnellement pas les instructions de configuration dans cet article. Notre documentation est un document évolutif, avec des mises à jour constantes pour refléter les meilleures pratiques et l’état actuel des choses en matière de développement Web.

Conclusion

Vous n’avez pas besoin de passer beaucoup de temps à ajouter des rapports à vos applications Angular. En tirant parti de Telerik Reporting avec notre moteur découplé, notre concepteur de rapports Web intégrable et notre NOUVEAU visualiseur de rapports angulaire natif, vous pouvez être opérationnel en un rien de temps ! Allez l’essayer et rapport.

Essayez-le maintenant

Telerik Reporting et Kendo UI pour Angular sont disponibles dans le cadre de notre Telerik DevCraft pack, et bien plus encore. Telerik Reporting vous permet de créer, styliser, visualiser et exporter des rapports riches, interactifs et réutilisables pour présenter de manière attrayante toutes les données analytiques et commerciales. Ajoutez des rapports à n’importe quelle application métier via les contrôles de la visionneuse de rapports. Exportez les rapports prêts dans plus de 15 formats. Interface utilisateur Kendo pour angulaire propose plus de 110 composants entièrement natifs afin que vous puissiez créer une interface utilisateur angulaire moderne de haute qualité en un rien de temps.

Si vous n’avez toujours pas essayé l’un ou les deux produits, ni comment intégrer les deux, vous pouvez démarrer un essai gratuit de DevCraft pour y jeter un œil de plus près. Nous fournissons également un service d’assistance dont nous sommes fiers et des ressources qui vous aideront tout au long du processus.

Essayez Telerik DevCraft