Overview
Deze stap-voor-stap tutorial begeleidt je door het proces van het bouwen van een customer management app met webforJ en Spring Boot. Het leert je hoe je een moderne, gebruiksvriendelijke interface kunt maken voor het bekijken, toevoegen en bewerken van klantgegevens.
Elke stap introduceert nieuwe concepten en resulteert in een uitvoerbare Spring Boot app (JAR). Je kunt je app lokaal starten met Maven en ermee interageren in een webbrowser. Met deze opzet krijg je een snelle ontwikkelcyclus met frontend bundeling en een productieklare implementatiemodel, gebruikmakend van de embedded server van Spring Boot.
Geen voorafgaande ervaring met Spring Boot of webforJ is nodig, maar je zou een basisbegrip van Java en Maven moeten hebben om het meeste uit deze tutorial te halen. Deze tutorial behandelt Spring-concepten wanneer ze opkomen, maar degenen die geïnteresseerd zijn in een diepgaand begrip van Spring kunnen naar de hoofddocumentatie van Spring en de documentatie van Spring over Spring Boot gaan.
Tutorialconcepten
Het eerste deel van de tutorial is gewijd aan projectsetup om je Spring Boot + webforJ-omgeving voor te bereiden. Vervolgens introduceren de volgende stappen nieuwe functies en vooruitgang in je project. Door de stappen te volgen, krijg je een duidelijk begrip van hoe een app evolueert terwijl je functies implementeert.
Elke stap heeft een bijbehorende uitvoerbare app beschikbaar op GitHub:
Vereisten
Je zou de volgende tools/hulpmiddelen op je ontwikkelingsmachine moeten hebben:
- Java 21 of 25
- Maven
- Een Java IDE
- Git (aanbevolen maar niet verplicht)
Bekijk het artikel over vereisten voor een gedetailleerd overzicht van de vereiste tools voor jouw ontwikkelomgeving.
Project Setup
Discover where to download the tutorial project, how to navigate it, and run the apps within.
Creating a Basic App
Step 1 - Add components to an app.
Working with Data
Step 2 - Use Spring to work with data.
Routing and Composites
Step 3 - Make your app navigable.
Observers and Route Parameters
Step 4 - Use route parameters to control what content loads.
Validating and Binding Data
Step 5 - Add validation checks and bind data to the UI.
Integrating an App Layout
Step 6 - Using the AppLayout and FlexLayout components.