Apprendre le monde du JavaScript peut être incroyablement intimidant.
Le nœud d'apprentissage est encore pire.
Passer à la troisième itération du serveur de nœud uniquement! J'ai amélioré l'extrémité avant en incorporant un module de modèles HTML. J'ai regardé à la fois le guidon et le carlin, et j'ai finalement décidé de Pug.
Le modèle de données est toujours de la merde, car j'utilise simplement des E / S de fichiers plutôt qu'une base de données.
Heureusement, je connaissais déjà les modèles HTML à partir d'un blog que j'ai écrit en utilisant Jekyll et Liquid. Dans ce cas, le défi est venu du tri à travers tous les moteurs de modèles disponibles pour JavaScript et de la sélection de mon préféré.
J'ai implémenté ma vue d'index avec le guidon et le carlin. Au départ, ils semblaient presque équivalents, la principale différence provenant du fait que PUG n'utilise pas de balises et repose sur l'indentation. Mais dès que j'ai commencé à utiliser des partiels de modèle et l'héritage pour modulariser le HTML, il était clair que le guidon était sévèrement en retard.
J'ai donc finalement choisi PUG, qui en tant que bonus est le moteur de vue par défaut pour Express.
Maintenant que ma génération HTML est super lisse, j'ai vraiment besoin d'améliorer mon modèle de données archaïques en incorporant une base de données dans le projet!
Cette application Web simple suit les mesures de poids. Il met en œuvre les méthodes HTTP suivantes:
Il offre également une page, l'index, qui montre les entrées de poids actuelles.
Tout d'abord, clonez le référentiel. Ensuite, exécutez la commande suivante à l'intérieur du répertoire:
npm start ou node server
Afin d'accéder à la page d'index, accédez à localhost:3000 dans votre navigateur.
Utilisez votre client de repos préféré, le mien est Postman, pour envoyer des demandes au serveur.
GET /api/weight
POST /api/weight
Parameters: { "date": "2017-05-17", "weight": 180 }
PATCH /api/weight/:date
Parameters: { "weight": 180 }
DELETE /api/weight/:date