Stimulsoft Reports
Reporting-Tool für Vue.js
Einbettbare Komponenten zum Erstellen, Anzeigen und Exportieren von Berichten in Anwendungen, die mit dem Vue.js-Framework entwickelt wurden. Kompatibel mit Vue 3+ und .NET Core 6/8/10. Der Berichtsgenerator ist mit Blick auf die Vue-Architektur konzipiert und gewährleistet eine nahtlose Integration in Ihr Projekt.Reporting für Vue.js-Projekte
Erstellen Sie professionelle Berichte und Dashboards direkt in Ihren Vue‑Anwendungen. Der Berichtsgenerator von Stimulsoft bietet alle notwendigen Werkzeuge zur Visualisierung von Daten und zur Gestaltung von Dokumenten. Die integrierten interaktiven Komponenten machen die Arbeit mit Berichten für Endanwender bequem und anschaulich.Wird geladen...
Installation und Schnellstart
Installieren Sie die erforderlichen npm-Pakete in nur wenigen Minuten und fügen Sie nur ein paar Codezeilen hinzu, um den Berichtsgenerator in Ihr Vue.js-Projekt zu integrieren. Die Komponenten sind sofort einsatzbereit, unterstützen Vue 3+ und können über vertraute Mechanismen – Props, Events und Slots – konfiguriert werden. Beginnen Sie sofort mit der Berichterstellung, ohne Zeit für eine aufwändige Einrichtung zu verschwenden. bash
npm install stimulsoft-viewer-vue
dotnet add package Stimulsoft.Reports.VueInteraktive Berichtsansicht
Betten Sie fertige Berichte mit einer speziellen Viewer-Komponente in Ihre Vue-Anwendung ein. Sie unterstützt vollständige Interaktivität, aktualisiert den Inhalt bei Datenänderungen und lässt sich einfach über Parameter und Ereignisse steuern. Der integrierte Viewer fügt sich nahtlos in die Anwendungsoberfläche ein und bietet den Benutzern alle notwendigen Werkzeuge für die Arbeit mit Berichten. App.vue
<script setup lang="ts">
import { StimulsoftViewer } from 'stimulsoft-viewer-vue';
</script>
<template>
<StimulsoftViewer
request-url="/Viewer/{action}"
action="InitViewer"
height="100vh"
/>
</template>Export in gängige Formate
Exportieren Sie fertige Berichte in die gängigsten Formate: PDF, Excel, Word, HTML, CSV, JSON, XML und andere. Die Exportfunktionalität ist direkt aus Ihrer Vue‑Anwendung über die integrierte Komponenten‑API verfügbar. Passen Sie die Exportparameter an, behalten Sie Struktur und Formatierung bei – das Ergebnis entspricht stets Ihren Anforderungen. App.vue
<script setup lang="ts">
import { ref } from 'vue';
import { StimulsoftViewer } from 'stimulsoft-viewer-vue';
import type { StimulsoftViewerHandle } from 'stimulsoft-viewer-vue';
const viewerRef = ref<StimulsoftViewerHandle | null>(null);
const exportToPdf = () => {
if (viewerRef.value)
viewerRef.value.export('Pdf', { ImageResolution: 200 });
};
</script>
<template>
<input type="button" @click="exportToPdf" value="Export to PDF" />
</template>
Berichtsverarbeitung auf der ASP.NET‑Serverseite
Der serverseitige Teil des Berichtsgenerators für Vue.js läuft auf der ASP.NET‑Plattform. Alle ressourcenintensiven Prozesse – Vorlagenladen, Rendering, Datenaufbereitung und Export – werden auf dem Server ausgeführt. Dies entlastet die Client‑Seite von Vue‑Anwendungen und beschleunigt die Arbeit mit Berichten. Die Serverkomponente lässt sich einfach über Standard‑APIs integrieren und ist mit .NET 6, 8, 10 und neuer kompatibel, was Stabilität in jedem Projekt gewährleistet. ViewerController.cs
using Microsoft.AspNetCore.Mvc;
using Stimulsoft.Report;
using Stimulsoft.Report.Vue;
[Controller]
public class ViewerController : Controller
{
[HttpPost]
public IActionResult InitViewer()
{
var requestParams = StiVueViewer.GetRequestParams(this);
var options = new StiVueViewerOptions();
options.Actions.GetReport = "GetReport";
options.Actions.ViewerEvent = "ViewerEvent";
return StiVueViewer.ViewerDataResult(requestParams, options);
}
[HttpPost]
public IActionResult GetReport()
{
var report = StiReport.CreateNewReport();
var path = StiVueHelper.MapPath(this, "Reports/MasterDetail.mrt");
report.Load(path);
return StiVueViewer.GetReportResult(this, report);
}
}
Designer für die Erstellung von Berichten, Dashboards und Formularen
Der Stimulsoft Designer ist das Hauptwerkzeug für die visuelle Gestaltung von Berichten in Vue‑Anwendungen. Binden Sie Daten aus beliebigen Quellen ein – SQL, NoSQL, Cloud‑Speicher, Dateisysteme und mehr.Nutzen Sie über 80 Diagrammtypen, einschließlich 3D‑Visualisierung, integrierte Barcodes, interaktive Elemente, Ereignisse und vieles mehr. Der Designer kann als eigenständige Desktop‑Anwendung betrieben, in Ihre Vue‑App eingebettet oder direkt im Browser gestartet werden.
Stimulsoft
Reports.WEB
Stimulsoft Reports für Vue.js ist Teil des Produkts Stimulsoft Reports.WEB – einer plattformübergreifenden Tool-Suite zur Berichterstellung mit ASP.NET, ASP.NET MVC, .NET, Angular, Blazor, React und Vue.js. Sie umfasst eine leistungsstarke und schnelle Reporting-Engine auf Basis der universellen .NET-Plattform, einen benutzerfreundlichen HTML5-Berichtsdesigner sowie einen interaktiven und leistungsstarken HTML5-Berichtsviewer.Was kommt als Nächstes?
Wir haben viele Berichts- und Dashboards-Vorlagen, die nach den Verwendungsbereichen gruppiert werden, vorbereitet. Sie können Ihre Daten verbinden und nach Ihren Erfordernissen ändern. Unsere Benutzer-Anleitungen und technische Dokumentation helfen Ihnen die Daten-Analytik und Visualisierung schneller und mehr effizient zu machen. Außerdem, Sie können die Schulungen mit unseren Fachleuten bestellen und unseren YouTube-Kanal abonnieren, um immer aktuellste Videos zu erhalten.
Schulungen
Stehen Sie vor den Schwierigkeiten? Kein Problem!
Videostunden
Wir haben viele Videomaterials über Entwickeln von Berichten und Dashboards vorbereitet. Alle Anleitungen sind nach spezifischen Themen gruppiert und werden regelmäßig aktualisiert und ergänzt.
Documentation
Die Dokumentation beschreibt ausführlich sowohl die allgemeinen Möglichkeiten der Software, als auch die Besonderheiten der Einstellungen der Berichtskomponenten.