נראה איך להוסיף ספינר טעינה שירוץ בזמן שהמידע שלנו נטען. על מנת לעשות את זה ניצור קומפוננטה ונקרא לה loading. אני משתמשת בקוד של bootstrap לספינר שלי, את הקוד אני אשים בקובץ ה-html של הקומפוננטה. יצירת ספינר קובץ loading.component.html כדי שהספינר יופיע מעל לכל מה שיש על המסך, הוספתי קצת CSS. קובץ loading.component.scss את הקומפוננטה […]
Highlight לפוסט הנבחר יש לנו הצגה של כל פוסט בנפרד כאשר לוחצים על כותרת הפוסט בקומפוננטת Alt Posts. השלב הבא הוא לסמן בצבע את הפוסט שעליו אנחנו עומדים. על מנת להשיג את זה נוסיף את ה-class של active לקישור שלנו. הבעיה כמובן היא שעכשיו כל השורות מודגשות. הפוסט שהמשתמש בחר נמצא במשתנה post$ בתוך DeclarativePostsService. […]
אם יש איזה בעיה בהבאת הנתונים, אנחנו צריכים להציג חיווי למשתמש. מכיוון שאנחנו לא משתמשים ב-subscribe אנחנו גם לא משתמשים בהודעות השגיאה שהפעולה נותנת לנו. איך תופסים את השגיאות? catchError Operator על מנת לתפוס את השגיאות נשתמש באופרטור catchError. אם תהיה שגיאה האופרטור יתפוס אותה. כרגע זאת הדרך שבה אנחנו מביאים את הפוסטים. קובץ declarative-posts.service.cs […]
כאשר מוציאים תוכנית ל-Production אנחנו כמובן לא משתמשים ב-DB שמאוחסן מקומית על המחשב שלנו, אלא מתחברים ל-server. אחת הדרכים לעשות את זה היא שימוש ב-MongoDB Atlas. כדי לעשות את זה נגיע לעמוד השירות של Atlas. שם אפשר לפתוח חשבון חינם בכפתור Try Free. אחרי הכניסה אפשר לפתוח DB חדש. שימו לב שמידי פעם יש שינויים […]
Indexes מאפשרים לשרת ה-DB לבצע שאילתות מסויימות למציאת רשומות בצורה יעילה בלי צורך לעבור על כל האוסף. נניח שאנחנו רוצים למצוא את כל הספרים שיש להם דירוג 10. בדרך הרגילה, MongoDB יעבור על כל האוסף, ספר אחרי ספר, כדי למצוא את הרשומות המתאימות. זה יכול להיות קצת לא יעיל, כי יכולות להיות אלפי רשומות. Index […]
ראינו פעולות שעובדות על המידע ב-DB. נניח שיש לי 1000 ספרים ב-DB, אני לא רוצה למשוך את כל ה-1000 ביחד, אלא כל פעם חלק ולהציג אותו למשתמש. את זה אפשר לבצע על ידי שליחת פרמטרים ל-Url. נניח שאנחנו רוצים לחלק את במידע לעמודים ובכל פעם לקבל עמוד אחר, נוכל להוסיף בפרמטרים את הפרמטר p עם […]
על מנת לעדכן רשומה קיימת משתמשים בפעולת patch. כדי לעדכן רשומה צריך את ה-ID שלה ואת השדות שאנחנו רוצים לעדכן שאותם נקבל דרך ה-body. כל שדה שלא יופיע ישאר כמו שהוא. את ההפעלה של השאילתא נעשה דרך Postman. נבחר בפעולת ה-Patch ונשלח את השדות אותם רוצים לעדכן דרך ה-Body של הבקשה.
על מנת למחוק רשומה נשתמש בפעולת Delete. הפעולה מוחקת לגמרי את הרשומה מה-DB. לפעמים אנחנו רוצים soft delete כלומר, נניח שספר לא נמצא במלאי, אנחנו לא וצים להוריד אותו ממסד הנתונים, רק שלא יופיע ברשימה. במקרה כזה אפשר להוסיף שדה שאפשר לקרוא לו למשל active שיהיה true כברירת מחדל, ולהפוך אותו ל-false במידה ואנחנו לא […]
בקשות Post שולחות מידע ל-DB. על מנת לשלוח מידע, צריך לייצר ספר ולשלוח אותו ב-body של הבקשה. על מנת להשתמש ב-body צריך להשתמש ב-middleware של express. נוסיף את app.use(express.json()) לראש הקובץ על מנת לעבד את אובייקט ה-Json שאנחנו שולחים. נקבל ממי שקורא לפונקציה את הספר להכנסה, נשתמש בפונקציה insertOne על מנת להכניס נתונים ונשלח איתה […]
התקנה של Postman מכיוון שהמטרה שלנו היא עבודה עם MongoDB ולא בניית אפליקציה מלאה, אין לנו Front End עם שדות קלט על מנת לשלוח מידע ל-DB או מסך שמציג את הנתונים. אפשר לייצר בקשות פנייה ל-DB ללא כתיבת תוכנית על ידי שימוש בכלי שנקרא Postman. זה כלי חינמי שמורידים למחשב והוא משמש לסימולציה של עבודה […]