All Projects → vaadin → skeleton-starter-flow-spring

vaadin / skeleton-starter-flow-spring

Licence: Unlicense License
Default project template for Vaadin using Spring Boot

Programming Languages

java
68154 projects - #9 most used programming language
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects
typescript
32286 projects

Projects that are alternatives of or similar to skeleton-starter-flow-spring

vaadin-select
Customizable Web Component similar to a native browser select. Part of the Vaadin components.
Stars: ✭ 18 (-37.93%)
Mutual labels:  webcomponents, vaadin
vaadin-icons
Vaadin Icons is a collection of 600+ unique icons designed for web applications
Stars: ✭ 59 (+103.45%)
Mutual labels:  webcomponents, vaadin
ds-gradle-vaadin
Gradle plugin for building Vaadin Flow 10/11/12/13/14/15 apps
Stars: ✭ 37 (+27.59%)
Mutual labels:  vaadin, vaadin-flow
Vaadin Combo Box
The Web Component for displaying a list of items with filtering. Part of the Vaadin components.
Stars: ✭ 113 (+289.66%)
Mutual labels:  webcomponents, vaadin
vaadin-context-menu
The responsive Web Component for showing context dependent items for any element on the page. Part of the Vaadin components.
Stars: ✭ 26 (-10.34%)
Mutual labels:  webcomponents, vaadin
Vaadin Date Picker
The Web Component providing a date selection field with scrollable month calendar. Part of the Vaadin components.
Stars: ✭ 158 (+444.83%)
Mutual labels:  webcomponents, vaadin
vaadin-dialog
High quality web component for modal dialogs. Part of the Vaadin platform.
Stars: ✭ 15 (-48.28%)
Mutual labels:  webcomponents, vaadin
Vaadin
An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 424 (+1362.07%)
Mutual labels:  webcomponents, vaadin
multiselect-combo-box
A multi select combo box web component based on Polymer and the vaadin-combo-box
Stars: ✭ 41 (+41.38%)
Mutual labels:  webcomponents, vaadin
flow-and-components-documentation
The documentation for the Vaadin framework version 10+
Stars: ✭ 16 (-44.83%)
Mutual labels:  vaadin, vaadin-flow
Vaadin Upload
The Web Component for uploading multiple files with progress indication. Part of the Vaadin components.
Stars: ✭ 87 (+200%)
Mutual labels:  webcomponents, vaadin
base-starter-angular
Base Starter for Vaadin components with Angular
Stars: ✭ 13 (-55.17%)
Mutual labels:  webcomponents, vaadin
Vaadin Form Layout
The Web Component providing configurable responsive layout for form elements. Part of the Vaadin components.
Stars: ✭ 15 (-48.28%)
Mutual labels:  webcomponents, vaadin
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+1010.34%)
Mutual labels:  webcomponents, vaadin
Beverage Starter Flow
Simple Example Web Application for Vaadin Flow
Stars: ✭ 24 (-17.24%)
Mutual labels:  webcomponents, vaadin
owlcms4
Olympic Weightlifting Competition Management System
Stars: ✭ 41 (+41.38%)
Mutual labels:  vaadin, vaadin-flow
Vaadin Core
An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 382 (+1217.24%)
Mutual labels:  webcomponents, vaadin
Vaadin Grid
vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.
Stars: ✭ 383 (+1220.69%)
Mutual labels:  webcomponents, vaadin
vuejs.spring-boot.mysql
Full-stack implementation of TaskAgile application with Vue.js, Spring Boot, and MySQL
Stars: ✭ 69 (+137.93%)
Mutual labels:  spring-boot-web, spring-boot-2
vaadin-split-layout
The Web Component which allows you to partition a layout into resizeable areas. Part of the Vaadin components.
Stars: ✭ 40 (+37.93%)
Mutual labels:  webcomponents, vaadin

Project Base for Vaadin and Spring Boot

This project can be used as a starting point to create your own Vaadin application with Spring Boot. It contains all the necessary configuration and some placeholder files to get you started.

The best way to create your own project based on this starter is start.vaadin.com - you can get only the necessary parts and choose the package naming you want to use.

Running the Application

There are two ways to run the application : using mvn spring-boot:run or by running the Application class directly from your IDE.

You can use any IDE of your preference,but we suggest Eclipse or Intellij IDEA. Below are the configuration details to start the project using a spring-boot:run command. Both Eclipse and Intellij IDEA are covered.

Eclipse

  • Right click on a project folder and select Run As --> Maven build.. . After that a configuration window is opened.
  • In the window set the value of the Goals field to spring-boot:run
  • You can optionally select Skip tests checkbox
  • All the other settings can be left to default

Once configurations are set clicking Run will start the application

Intellij IDEA

  • On the right side of the window, select Maven --> Plugins--> spring-boot --> spring-boot:run goal
  • Optionally, you can disable tests by clicking on a Skip Tests mode blue button.

Clicking on the green run button will start the application.

After the application has started, you can view your it at http://localhost:8080/ in your browser.

If you want to run the application locally in the production mode, use spring-boot:run -Pproduction command instead.

Running Integration Tests

Integration tests are implemented using Vaadin TestBench. The tests take a few minutes to run and are therefore included in a separate Maven profile. We recommend running tests with a production build to minimize the chance of development time toolchains affecting test stability. To run the tests using Google Chrome, execute

mvn verify -Pit,production

and make sure you have a valid TestBench license installed.

Profile it adds the following parameters to run integration tests:

-Dwebdriver.chrome.driver=path_to_driver
-Dcom.vaadin.testbench.Parameters.runLocally=chrome

If you would like to run a separate test make sure you have added these parameters to VM Options of JUnit run configuration

Live Reload (optional)

With live reload, you can see the results of your code changes immediately. When you edit your Java code and recompile it, the application changes will be automatically reloaded and the browser is refreshed. This is done by leveraging Spring Boot Developer Tools. To be able to see the changes in the browser tab, the page still needs to be reloaded. That can also be automated via a LiveReload browser extension. One such extension for Google Chrome is LiveReload. In Firefox, LiveReload - Web extension can be used. You can find such similar extensions for other major browsers too. These extensions add an icon to your browser next to the address bar. To enable the extension, you should click that icon after you opened your application.

You can find more information at Live Reload in Spring Boot Applications document.

Structure

Vaadin web applications are full-stack and include both client-side and server-side code in the same project.

Directory Description
frontend/ Client-side source directory
    index.html HTML template
    index.ts Frontend entrypoint
    main-layout.ts Main layout Web Component (optional)
    views/ UI views Web Components (TypeScript / HTML)
    styles/ Styles directory (CSS)
src/main/java/<groupId>/ Server-side source directory
    Application.java Server entrypoint
    AppShell.java application-shell configuration

More Information

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].