Stimulsoft Reports

Reporting-Tool für React

Plattformübergreifendes Reporting-Tool, entwickelt für die Verwendung mit dem React-Framework. Kompatibel mit React 16.8+ und .NET 6+.

Professionelles Reporting

Erstellen Sie professionelle Berichte jeder Komplexität – schnell, intuitiv und mit sofortiger Vorschau der Ergebnisse.

Loading...

Installation

Schnellstart in wenigen Minuten und mit nur wenigen Codezeilen
App.tsx
npm install stimulsoft-viewer-react
dotnet add package Stimulsoft.Reports.React

Berichte anzeigen

Einfaches Anzeigen von Berichten in Ihrer Anwendung.
ClientApp/src/App.tsx
import React from 'react';
import { StimulsoftViewer } from 'stimulsoft-viewer-react';

export const App: React.FC = () => {
    return (
        <StimulsoftViewer
        requestUrl="/Viewer/{action}"
        action="InitViewer"
        height="100vh"
        />
    )
}

Export

Exportieren Sie Berichte in PDF, Excel, Word, HTML und viele weitere Formate.
ClientApp/src/App.tsx
import React, { useRef } from 'react';
import { StimulsoftViewer, StimulsoftViewerHandle }
    from 'stimulsoft-viewer-react';

export const App: React.FC = () => {
    const viewerRef = useRef<StimulsoftViewerHandle>(null);

    return (
        <div>
            <input
                type="button"
                onClick={() => { if (viewerRef.current)
                    viewerRef.current.export('Pdf',
                        { ImageResolution: 200 }); }}
                value="Export to PDF"
            />
        </div>
    );
};

Viewer Controller – ASP.NET-Backend

Die Serverseite des Reporting-Tools für React basiert auf ASP.NET und läuft unter Windows, macOS und Linux. Der vollständige Funktionsumfang der Reporting-Engine, das Laden von .mrt-Vorlagen, das Rendern sowie der Export werden serverseitig ausgeführt. Unterstützt werden .NET 6, .NET 8, .NET 10 und höhere Versionen.
ClientApp/src/App.tsx
using Microsoft.AspNetCore.Mvc;
using Stimulsoft.Report;
using Stimulsoft.Report.React;

namespace Integrating_the_Report_Viewer_into_an_Application.Controllers
{
    [Controller]
    public class ViewerController : Controller
    {
        static ViewerController()
        {
            // How to Activate
            //Stimulsoft.Base.StiLicense.Key = "6vJhGtLLLz2GNviWmUTrhSqnO...";
            //Stimulsoft.Base.StiLicense.LoadFromFile("license.key");
            //Stimulsoft.Base.StiLicense.LoadFromStream(stream);
        }

        [HttpPost]
        public IActionResult InitViewer()
        {
            var requestParams = StiReactViewer.GetRequestParams(this);

            var options = new StiReactViewerOptions();
            options.Actions.GetReport = "GetReport";
            options.Actions.ViewerEvent = "ViewerEvent";
            options.Toolbar.ShowPinToolbarButton = false;
            options.Appearance.ScrollbarsMode = true;

            return StiReactViewer.ViewerDataResult(requestParams, options);
        }

        [HttpPost]
        public IActionResult GetReport()
        {
            var report = StiReport.CreateNewReport();
            var path = StiReactHelper.MapPath(this, $"Reports/MasterDetail.mrt");
            report.Load(path);

            return StiReactViewer.GetReportResult(this, report);
        }

        [HttpPost]
        public IActionResult ViewerEvent()
        {
            return StiReactViewer.ViewerEventResult(this);
        }
    }
}
Designer

Ihr wichtigstes Tool – der Berichtsdesigner

Der Berichtsdesigner ist das zentrale Werkzeug im Stimulsoft-Ökosystem. Erstellen Sie leistungsstarke Berichte, Dashboards und Formulare. Verbinden Sie Datenquellen, führen Sie Berechnungen durch, gruppieren und sortieren Sie Daten und gestalten Sie Dokumente – alles an einem Ort.

Der Designer bietet die vertraute Ribbon-Oberfläche, die in 40 Sprachen verfügbar ist, und funktioniert auf jedem Betriebssystem oder direkt im Browser. Darüber hinaus stehen Ihnen zahlreiche Assistenten für die schnelle Berichterstellung sowie professionell gestaltete Vorlagen der elektronischen Dokumente zur Verfügung.

Stimulsoft

Reports.WEB

Stimulsoft Reports für React ist Teil des Produkts Stimulsoft Reports.WEB – einer plattformübergreifenden Tool-Suite zur Berichterstellung mit ASP.NET, ASP.NET MVC, .NET Core, 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.
Training Courses

Schulungen

Stehen Sie vor den Schwierigkeiten? Kein Problem! Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein. und fragen für Schulungen an - unsere Fachleute sind immer bereit zu helfen.
Videos

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

Dokumentation

Die Dokumentation beschreibt ausführlich sowohl die allgemeinen Möglichkeiten der Software, als auch die Besonderheiten der Einstellungen der Berichtskomponenten.
Documentation

Codebeispiele

Bewerten Sie die Projekt-Beispiele und Berichtsvorlage für die Arbeit mit unseren Berichtstools. Auch können Sie diese Beispiele auf GitHub erforschen und herunterladen.
By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.