הצגה מפורטת של המוצר בנוד NodeJS
/details/:id. את ה-id מוציאים מ-request.params, מעבירים ל-getOneProductAsync של ה-products logic, ומקבלים מוצר אחד.errors/page-not-found. אפשר גם להעביר אליו הודעה אחרת, אך כרגע זה מספיק.list.ejs ל-details.ejs, מוחקים את תוכן ה-main ומשאירים את מבנה הדף. מציגים כותרת H2, ואחריה H3 לשם, למחיר ולכמות במלאי דרך האובייקט product, ותמונה שה-src שלה בנוי מ-product.id ואחריו .jpg./products./products/details/7 ורואים את המוצר. בדרך נתקלים בטעות קטנה, P במקום H2 בכותרת, ומתקנים אותה.list.ejs עוטפים את שם המוצר בתגית A עם href של /products/details/ ואחריו p.id בתגית צד-שרת, וכך המשתמש לוחץ על שם ומגיע לפרטים./products/details/<id> ולא /product/<id>, כי הנתיב בקונטרולר יחסי לנתיב שהוגדר ב-app.js.פרקי ההרצאה: הצגה מפורטת של המוצר בנוד NodeJS
תמלול ההרצאה: הצגה מפורטת של המוצר בנוד NodeJS
הטקסט המלא של הדקות הראשונות בהרצאה «הצגה מפורטת של המוצר בנוד NodeJS» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
הדבר הבא שאנחנו רוצים לעשות זה להראות מידע לגבי מוצר ספציפי אז לצורך כך מה שאנחנו רוצים זה קודם כל לגשת לקונטרולר שלנו ולבנות ראוט מתאים לצורך כך אז ניקח רגע את כל הראוט שמביא את כל המוצרים נשכפל אותו ונגיד שאם אנחנו גולשים לפרודקט סלאש דיטיילס ואז אנחנו מקבלים פה את הקוד של המוצר אנחנו רוצים עכשיו לגשת ולהביא פרודקט בודד
מפרודקטס לוג'יק נקודה get one product async ואנחנו רוצים פה לתת לו את ה-const ID בואו נוציא מפה את ה-ID פלוס יש לנו request params ID והנה שלחנו את ה-ID קיבלנו עכשיו מוצר אחד ויחיד ואנחנו רוצים להוסיף אותו פה בעצם איזשהו view אחר בואו נקרא לו product details אנחנו כבר הולכים לבנות אותו
אבל מה קורה אם המוצר לא קיים אם not product אז אנחנו רוצים to ריספונס רנדר ארורס פייג' נוט פאונד. כאילו סוג של פייג' נוט פאונד. ריטרן, הפייג' יור לוקינג פור דאזנט אקזיסט או דה ריסורס יור לוקינג פור דאזנט אקזיסט.
אפשר לבצע שמה הודעה שמתקבלת לכאן גם ולשלוח הודעה אחרת אם אנחנו רוצים ולשלב אותה, אבל זה כרגע מספק אותנו. הנה הקונטרולר שאחראי על קבלה של מוצר חדש, מוצר, סליחה, קיים.
נקסט, אנחנו רוצים לגשת למוצרים, בואו נלך לליסט, נסגור רגע את כל אלה ונשכפל את הליסט לדיטיילס. בדיטיילס אנחנו רוצים למחוק את כל מה שיש בתוך המיין, להשאיר את התבנית הבסיסית של הכותרת וכדומה, ואנחנו רוצים לבנות כאן product details איך בעצם נראה המוצר שלנו אז בואו ניקח אפילו h30
יש לו שם מסוים והשם שלו אנחנו עוברים לקוד zsharat השמה וproduct.name מאיפה יש לנו את הפרודקט הזה כי בקונטרולר כאמור הבאנו את המשתנה פה product אז יש לנו אובייקט שנקרא product שנגיש מתוך ה-view, נשכפל את זה גם ל-price ויש לנו פה את ה-price, יש לנו את ה-stock ואנחנו רוצים גם איזושהי
תמונה, IMG,