Mongoose !
📕Cours
→ https://dupontmongodb.blogspot.com/
🛟Tout en 1
Installation Mongodb ⚒️
mongodb →
🥷Code
https://github.com/dupontdenis/testMongo.git
💸Code avec mongoose
https://github.com/dupontdenis/TESTMONGOOSE.git
Test
https://github.com/dupontdenis/TESTCORSMONGO.git
Let's start
Mongoose !
Example :
- // Include virtuals when converting documents to objects/JSON
- pizzaSchema.set("toObject", { virtuals: true });
- pizzaSchema.set("toJSON", { virtuals: true });
- // Virtual populate: connect Pizza -> Topping via Topping.pizzas (inverse relation)
- pizzaSchema.virtual("toppings", {
- ref: "Topping",
- localField: "_id",
- foreignField: "pizzas",
- justOne: false,
- });
- // Virtual total price (cents) includes toppings when `toppings` is populated
- pizzaSchema.virtual("totalPriceCents").get(function () {
- // Compute total price from populated `toppings` only (no base pizza price)
- if (
- !this.toppings ||
- !Array.isArray(this.toppings) ||
- this.toppings.length === 0
- )
- return 0;
- return this.toppings.reduce((acc, t) => acc + (t.priceCents || 0), 0);
- });
- pizzaSchema.virtual("totalPriceEur").get(function () {
- return (this.totalPriceCents || 0) / 100;
- });
- export const Pizza = mongoose.model("Pizza", pizzaSchema);
Relation : many to one
Model : Simulate a DB
🚩 PUT/DELETE how-to
💡 Les navigateurs ne supportent que GET et POST en natif dans les formulaires. Découvrez comment gérer DELETE et PUT.
Situation de base : https://github.com/dupontdenis/mongoose-TD-CRUD.git
Delete/update
- In this repository we keep things explicit and simple by using POST endpoints for update and delete actions (for example
/posts/:id/updateand/posts/:id/delete). Those endpoints accept normal POST form submissions and return normal redirects or rendered pages.
- HTML forms only submit GET or POST.
method-overrideis a middleware used to turn a POST into a PUT/DELETE on the server (usually by reading a hidden_methodfield or a query parameter).
- This project was converted to an API-first, client-rendered demo where the server returns JSON and the frontend (in
public/index.htmlandpublic/js/app.js) usesfetch()to perform CRUD operations.
Avancé : une seule vue pour edit/create https://github.com/dupontdenis/CRUD.git
🍕PizzasAPI
🚀 https://mypizzasapi.onrender.com/
{
"message": "Welcome to Pizza API! 🍕",
"description": "A simple REST API for pizzas - inspired by ghibliapi.dev",
"endpoints": {
"pizzas": "/API/pizzas",
"pizzaById": "/API/pizzas/:id",
"pizzasWithPrices": "/API/pizzasWithPrices",
"ingredientPrices": "/API/ingredientPrices",
🪛"pizzaSearchByIngredient": "/API/pizzas/search?ingredient=🧀",
"pizzaSinglePrice": "/API/pizzasWithPrices/:id/price",
"customPrice": {
"method": "POST",
"path": "/API/pizzasWithPrices/compute",
"body": {
"ingredients": [
"🍅",
"🧀"
]
}
}
}
}Exemples :
🪛Ainsi pour tester l'API avec ingredient=🧀
https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🧀
🪛Ainsi pour tester l'API avec ingredient=🍅 et ingredient=🍄
https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🍄&ingredient=🍅
🥷Pour tester : https://dupontdenis.github.io/testMyPizzasAPI/
De vanilla à express
Pour une même application
https://dupontdenis.github.io/filmsGhibli_Vanilla/
Voici différentes implémentations
- Janilla : https://github.com/dupontdenis/filmsGhibli_Vanilla.git
- Express + EJS https://github.com/dupontdenis/filmsGhibli_EJS.git
- Express + pug https://github.com/dupontdenis/filmsGhibli.git
projet
Souriez : projet
Clonez https://github.com/dupontdenis/takepicture.git
Lancez dans un terminal le serveur avec la commande :
node app
Dans votre navigateur allez http://localhost:3000/
Have fun !
Analysez ce code !
const arr2 = [1, 2, 3];
const arr1 = [4, 5, 6, 7, 8];
const [small, large] = arr1.length < arr2.length
? [arr1, arr2]
: [arr2, arr1];
console.log(small == arr2); // [1, 2, 3] [4, 5, 6, 7, 8]
const mapToppings = new Map([
["queen", ["🐷", "🍄", "🍅", "🧀"]],
["cheese", ["🧀", "🍅"]],
["oriental", ["🍅", "🐑", "🍄", "🌶"]],
["royal", ["🍅", "🌵"]],
]);
const order1 = [
{ name: "queen", ingredients: mapToppings.get("queen") },
{ name: "cheese", ingredients: mapToppings.get("cheese") },
{ name: "oriental", ingredients: mapToppings.get("oriental") },
{ name: "royal", ingredients: mapToppings.get("royal") },
];
const order2 = [
{ name: "queen-promo", ingredients: mapToppings.get("queen") },
{ name: "royal-promo", ingredients: mapToppings.get("royal") },
];
function intersectionBy(a, b, keyFn) {
const setB = new Set(b.map(keyFn));
return a.filter((item) => setB.has(keyFn(item)));
}
const common = intersectionBy(order1,
order2,
(pizza) => pizza.ingredients);
console.log(common);
// [{ name: "queen", ingredients: [...] }, { name: "royal", ingredients: [...] }]
Asynchronisme !
Introduction
Cours
Callback, promesses et Async/Await
BD (callback)
TD
🚀Asynchrone dans votre navigateur (es6)
Inscription à :
Commentaires (Atom)