Introduction • How To Use • Acknowledgments
Introduction
This is the Spring Cloud Data Flow Dashboard user interface (UI). The UI uses Angular. Source code documentation is available at https://cloud.spring.io/spring-cloud-dataflow-ui/.
The Git repository for the main Spring Cloud Data Flow project is at: https://github.com/spring-cloud/spring-cloud-dataflow
Showcase
 |
 |
 |
 |
 |
 |
 |
 |
How To Use
Two build tool chains are supported. Primarily, the Spring Cloud Data Flow UI uses npm (Node.js-based) for managing dependencies and the execution of the build. In order to provide easier Continuous Integration (CI) support, Maven can also be used to execute the build.
The Spring Cloud Data Flow Dashboard uses Maven, specifically the frontend-maven-plugin which will actually execute npm underneath. Using the frontend-maven-plugin, however, the required tooling, including Node.js will be downloaded, installed and executed for you.
Building the Project using Maven
Please ensure that at a minimum Maven and Git are available on your system (Using Maven is also the easiest route for Java developers to get started).
$ git clone https://github.com/spring-cloud/spring-cloud-dataflow-ui.git
$ cd spring-cloud-dataflow-ui
$ mvn clean install
This will create target/spring-cloud-dataflow-ui-1.3.0.BUILD-SNAPSHOT.jar and also install the build artifact into the local Maven repository.
Building the Project using npm
For UI development purposes, we recommend using npm directly. Please ensure that at a minimum Node.js, npm and the Angular CLI are available on your system. In order to execute the build simply do:
$ git clone https://github.com/spring-cloud/spring-cloud-dataflow-ui.git
$ cd spring-cloud-dataflow-ui/ui
$ npm install
$ ng build --prod
Before building be sure that the ng-serve development server has been shutdown.
If you want to contribute and help developing the project, please, have a look at the Developer Guideline.
Acknowledgments
Thanks to Saucelabs and Browserstack for supporting us. This project uses code from several open source packages: Angular, Clarity Design, RxJS, Spring Flo, Ngx Toastr, NGRX, luxon (...)
This project is powered by:
