Overview
Deze tutorial is ontworpen om je stap voor stap door het proces van het maken van de app te leiden. Deze app, ontworpen om klantinformatie te beheren, demonstreert hoe je webforJ kunt gebruiken om een functionele en gebruiksvriendelijke interface te bouwen met functies voor het bekijken, toevoegen en bewerken van klantgegevens. Elke sectie bouwt voort op de vorige, maar voel je vrij om verder te springen waar nodig.
Elke stap in de tutorial resulteert in een programma dat compileert naar een WAR-bestand, dat op elke Java-webappserver kan worden ingezet. Voor deze tutorial zal de Maven Jetty-plugin worden gebruikt om de app lokaal te implementeren. Deze lichte opzet zorgt ervoor dat de app snel kan draaien en dat wijzigingen in realtime zichtbaar zijn tijdens de ontwikkeling.
Functies van de tutorial-app
- Werken met gegevens in een tabel.
- Gebruik van de
ObjectTableen assetbeheer. - Routing en navigatie
- Gegevensbinding en validatie
Vereisten
Om het meeste uit deze tutorial te halen, wordt aangenomen dat je een basisbegrip van Java-programmering hebt en vertrouwd bent met tools zoals Maven. Als je nieuw bent met webforJ, maak je geen zorgen - de basisprincipes van het framework worden onderweg behandeld.
De volgende tools/hulpmiddelen dienen aanwezig te zijn op je ontwikkelmachine
- Java 17 of hoger
- Maven
- Een Java IDE
- Een webbrowser
- Git (aanbevolen maar niet verplicht)
Bekijk dit artikel voor een meer gedetailleerd overzicht van de vereiste tools.
Secties
De tutorial is verdeeld in de volgende secties. Volg het in volgorde voor een uitgebreide walkthrough, of sla over voor specifieke informatie.
Voor degenen die verder willen springen naar specifieke onderwerpen, wordt aanbevolen om eerst de sectie Projectopzet te lezen voordat je verdergaat.
📄️ Project Setup
In deze tutorial zal de app worden gestructureerd in vier stappen, die elk nieuwe functies introduceren naarmate het project vordert. Door deze stappen te volgen, krijg je een duidelijk begrip van hoe de app evolueert en hoe elke functie wordt geïmplementeerd.
📄️ Creating a Basic App
Deze eerste stap legt de basis voor de klantbeheertoepassing door een eenvoudige, interactieve interface te creëren. Dit toont aan hoe je een basis webforJ-app kunt opzetten, met een enkele knop die een dialoog opent wanneer erop wordt geklikt. Het is een rechttoe rechtaan implementatie die belangrijke componenten introduceert en je een gevoel geeft voor hoe webforJ werkt.
📄️ Working With Data
Deze stap richt zich op het toevoegen van gegevensbeheer en weergavecapaciteiten aan de demo-app. Om dit te doen, zullen dummygegevens over verschillende Customer-objecten worden aangemaakt en zal de app worden bijgewerkt om deze gegevens te verwerken en weer te geven in een Table die aan de vorige app is toegevoegd.
📄️ Scaling with Routing and Composites
Deze stap richt zich op het implementeren van routing om de schaalbaarheid en organisatie van de app-structuur te verbeteren. Om dit te bereiken, zal de app worden geüpdatet om meerdere weergaven te ondersteunen, waardoor navigatie tussen verschillende functionaliteiten zoals het bewerken en aanmaken van klantinvoer mogelijk wordt. Het beschrijft het maken van weergaven voor deze functionaliteiten, met behulp van componenten zoals Composite om modulaire en herbruikbare lay-outs te bouwen.
📄️ Validating and Binding Data
Data binding is een mechanisme dat de UI-componenten van uw app rechtstreeks verbindt met het onderliggende datamodel, waardoor automatische synchronisatie van waarden tussen beide mogelijk is. Dit elimineert de noodzaak voor repetitieve getter- en setter-aanroepen, vermindert de ontwikkelingstijd en verbetert de betrouwbaarheid van de code.