Ga naar hoofdinhoud

Project Setup

Open in ChatGPT

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.

Om te beginnen, kun je het hele project downloaden of het klonen van GitHub:

git clone https://github.com/webforj/webforj-demo-application.git

Zowel het ZIP-bestand als de GitHub-repository bevatten de volledige projectstructuur met alle vier stappen, zodat je op elk punt kunt beginnen of stap voor stap kunt volgen.

Projectstructuur​

Het project is opgesplitst in vier afzonderlijke mappen, die elk een specifieke fase van de ontwikkeling van de app vertegenwoordigen. Deze stappen stellen je in staat om te zien hoe de app evolueert van een basisopzet naar een volledig functionerend klantenbeheersysteem.

Binnen de projectmap vind je vier submappen, die elk overeenkomen met een stap in de tutorial:

webforj-demo-application
│   .gitignore
│   LICENSE
│   README.md
│   tree.txt
│
├───1-creating-a-basic-app  
├───2-working-with-data
├───3-scaling-with-routing-and-composites
└───4-validating-and-binding-data

De app draaien​

Om de app in actie te zien op elk moment:

  1. Navigeer naar de map voor de gewenste stap. Dit moet de bovenste niveau map voor die stap zijn, die de pom.xml bevat.

  2. Gebruik de Maven Jetty-plugin om de app lokaal te implementeren door het volgende uit te voeren:

mvn jetty:run
  1. Open je browser en navigeer naar http://localhost:8080 om de app te bekijken.

Herhaal dit proces voor elke stap terwijl je de tutorial volgt, zodat je de functies van de app kunt verkennen terwijl ze worden toegevoegd.