https://github.com/stimulsoft/samples-reports.js-for-vue.js

JavaScript samples for Reports.JS report builder for Vue.js applications
https://github.com/stimulsoft/samples-reports.js-for-vue.js

barcode components data database embedded exporting generator hierarchical interaction javascript report report-builder report-engine report-generator reporting samples sorting table vue vuejs

Last synced: about 15 hours ago
JSON representation

JavaScript samples for Reports.JS report builder for Vue.js applications

• Host: GitHub
• URL: https://github.com/stimulsoft/samples-reports.js-for-vue.js
• Owner: stimulsoft
• License: other
• Created: 2023-05-29T15:22:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-28T17:21:44.000Z (3 days ago)
• Last Synced: 2025-01-28T18:27:55.683Z (3 days ago)
• Topics: barcode, components, data, database, embedded, exporting, generator, hierarchical, interaction, javascript, report, report-builder, report-engine, report-generator, reporting, samples, sorting, table, vue, vuejs
• Language: Vue
• Homepage: https://www.stimulsoft.com/en/products/reports-js
• Size: 46.9 MB
• Stars: 4
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Vue.js samples for Stimulsoft Reports.JS

#### This repository contains the source code of the examples of usage Stimulsoft Reports.JS reporting tool in the Vue.js applications, using JavaScript code and Vue.js components. The report generator and examples are fully compatible with any Vue.js version.

## Overview

A set of examples for working with report components in Vue.js:

* [Integrating the Report Designer into an Application](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js/tree/main/Vue.js/Integrating%20the%20Report%20Designer%20into%20an%20Application)

* [Integrating the Report Viewer into an Application](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js/tree/main/Vue.js/Integrating%20the%20Report%20Viewer%20into%20an%20Application)

  

A set of examples for working with report components in Vue.js 3:

* [Integrating the Report Designer into an Application](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js/tree/main/Vue.js%203/Integrating%20the%20Report%20Designer%20into%20an%20Application)

* [Integrating the Report Viewer into an Application](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js/tree/main/Vue.js%203/Integrating%20the%20Report%20Viewer%20into%20an%20Application)

* [Supply Custom Headers for Json Database](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js/tree/main/Vue.js%203/Supply%20Custom%20Headers%20for%20Json%20Database)

## Running samples

To run the examples, open the required folder with the example and run the following commands in the console:

* use `npm install` to install requred modules;

* use `npm run dev` to run sample;

* navigate to http://localhost:8080/ for Vue.js samples or http://localhost:3000/ for Vue.js 3 samples.

## Connect to SQL databases

Since pure JavaScript does not have built-in methods for working with remote databases, this functionality is implemented using server-side code. Therefore, Stimulsoft Reports.JS product contains server data adapters implemented using PHP, Node.js, ASP.NET, Java, .NET Core technologies.

* [DataAdapters.JS](https://github.com/stimulsoft/DataAdapters.JS)

## Other JS reporting components

Many examples for other platforms and technologies are collected in separate repositories:

* [HTML / JS](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML)

* [Angular / AngularJS](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular)

* [Node.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Node.js)

* [Python](https://github.com/stimulsoft/Samples-Reports.JS-for-Python)

* [React](https://github.com/stimulsoft/Samples-Reports.JS-for-React)

## About Stimulsoft Reports.JS

Stimulsoft Reports.JS offers a wide range of reporting components created in pure JavaScript. The report builder can be easily integrated into any JavaScript app, works in any modern browser – Chrome, Firefox, Safari, Edge, and supports Node.js. The product contains everything you need to create, edit, build, view and export reports of high complexity.

## Useful links

* [Live Demo](http://demo.stimulsoft.com/#Js)

* [Product Page](https://www.stimulsoft.com/en/products/reports-js)

* [Free Download](https://www.stimulsoft.com/en/downloads)

* [NPM](https://www.npmjs.com/package/stimulsoft-reports-js)

* [Documentation](https://www.stimulsoft.com/en/documentation/online/programming-manual/index.html?reports_js.htm)

* [License](LICENSE.md)