CODE BEGRIJPEN 🧠 - Jason2426/connect-your-tribe-squad-page GitHub Wiki
Standaard EJS code, methods en requests
Hieronder een paar EJS requests, methods en wat standaard regels EJS met uitleg om een groter deel van de code te begrijpen.
GET and POST requests
GET requests worden gebruikt voor het ophalen van gegevens van de server, terwijl POST requests worden gebruikt voor het verzenden van gegevens naar de server voor verwerking of opslag.
Wat zijn routes in EJS
Elke route is als een wegwijzer die vertelt wat er moet gebeuren wanneer iemand een bepaalde URL bezoekt. Het vertelt de server welke actie moet worden ondernomen wanneer een specifieke URL wordt aangevraagd. Bijvoorbeeld, als iemand naar de homepage van een website gaat, zou dat een route kunnen zijn die zegt: "Toon de startpagina". Als iemand naar een formulierpagina gaat, zou een andere route kunnen zeggen: "Laat het formulier zien". Routes zijn in feite de instructies die de server vertellen wat te doen wanneer een specifieke URL wordt bezocht.
De regel hieronder spreekt voor zich, je verteld de server om voor stylesheets, assets en resources de public folder te gebruiken.
// Gebruik de map 'public' voor statische resources, zoals stylesheets, afbeeldingen en client-side JavaScript
app.use(express.static('public'))
De regel hieronder zegt dat wanneer iemand naar de hoofdpagina van de website gaat (de '/' betekent de hoofdpagina), de server een specifieke actie moet uitvoeren. De actie die moet worden uitgevoerd wordt beschreven in de functie die als tweede argument (parameter) wordt doorgegeven. Deze actie kan van alles zijn, zoals het tonen van een webpagina, het verwerken van gegevens of het uitvoeren van andere taken op de server.
// Maak een GET route voor de index
app.get('/', function (request, response) {
De regel hieronder vertelt de server wat te doen als er een verzoek binnenkomt op een specifieke URL, waarbij ":id" staat voor een uniek identificatienummer. Het gaat om een POST-request, wat betekent dat het wordt gebruikt om informatie vanuit een formulier naar de server te sturen. Dus wanneer een gebruiker op een knop "like" of "unlike" klikt voor een bepaald item met een bepaald ID, zal deze regel vertellen aan de server om de juiste actie uit te voeren, zoals het bijwerken van de "like" of "unlike" status van dat item.
//Post als er een verzoek binnekomt op een specifieke URL.
app.post('/:id/like-or-unlike', function (request, response) {