A Vue.js based component, used to consume reports deployed on a JasperReports server. Using Jasper's REST API, it allows the user to select reports available on the server, select values for the report's input controls, if any, and, last but not least, generate and download the report to the user's machine.
You'll want to use this component in an application of your own, since it's not meant to function fully standalone (i.e it's not a full-fledged Jasper client).
Your app should have the following packages/dependencies installed, since the component relies on them:
- Vue (Duh!)
- element-ui
- axios
Your JasperSoft Reports server's REST API should be configured to support basic HTTP auth (and preferably SSL as well...)
npm install --save vue-jasper
Use it in your own view/component:
<template>
<vue-jasper :url="jasperUrl" :username="jasperUsername" :password="jasperPassword"/>
</template>
<script>
import VueJasper from 'vue-jasper'
export default {
components: {
VueJasper
},
data() {
return {
jasperUrl: 'http://localhost:8081/jasperserver/rest_v2/',
jasperUsername: 'user',
jasperPassword: 'bitnami'
}
}
}
</script>
Add additional notes about how to deploy this on a live system
- Add more input control types
- Add JSON report rendering (e.g. in data-tables, charts)
- Vue.js - The Progressive JavaScript Framework
- Element-UI - A Desktop UI Library
- Axios - Promise based HTTP client for the browser and node.js
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
- Angelos Anagnostopoulos - Initial work - el95149
See also the list of contributors who participated in this project.
This project is licensed under the MIT License - see the LICENSE.md file for details
- Many thanks to the Element-UI & Axios creators for a great widget library
- Even more thanks to Vue.js creators!