Overview
Deze stapsgewijze tutorial leidt je door het proces van het bouwen van een klantbeheertoepassing 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 opstarten met Maven en ermee interageren in een webbrowser. Met deze opzet krijg je een snelle ontwikkelingscyclus en een productieklaar implementatiemodel, met gebruik van de ingebedde server van Spring Boot.
Geen eerdere 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 naarmate ze opkomen, maar diegenen 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 projectopzet om je Spring Boot + webforJ-omgeving voor te bereiden. Daarna introduceren de volgende stappen nieuwe functies en ontwikkelen je project. Door mee te volgen, krijg je een duidelijk begrip van hoe een app zich ontwikkelt naarmate je functies implementeert.
Elke stap heeft een corresponderende 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 vereist)
Controleer het vereistenartikel voor een meer gedetailleerd overzicht van de vereiste tools voor je 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.