التعرف على عالم JavaScript يمكن أن يكون شاقًا بشكل لا يصدق.
عقدة التعلم أسوأ.
الاستمرار في التكرار الثالث لخادم العقدة فقط! لقد قمت بتحسين الواجهة الأمامية من خلال دمج وحدة Templating HTML. نظرت إلى كل من المقاود والبوج ، وقررت في نهاية المطاف على الصلصال.
لا يزال نموذج البيانات هراءًا ، حيث إنني أستخدم ملف I/O فقط بدلاً من قاعدة بيانات.
لحسن الحظ ، كنت على دراية بالفعل بـ HTML Templating من مدونة كتبت باستخدام Jekyll و Liquid. في هذه الحالة ، جاء التحدي من الفرز من خلال جميع محركات الطالب المتاحة لـ JavaScript واختيار المفضل لدي.
لقد قمت بتنفيذ عرض الفهرس الخاص بي مع كل من المقاود والبوج. في البداية ، بدوا مكافئين تقريبًا ، والفرق الأساسي القادم من حقيقة أن Pug لا يستخدم العلامات ويعتمد على المسافة البادئة. ولكن بمجرد أن بدأت في استخدام الجزئات القالب والميراث لتطوير HTML ، كان من الواضح أن المقابض كانت متخلفة بشدة.
لذلك اخترت في نهاية المطاف Pug ، والتي كمكافأة هي محرك العرض الافتراضي لـ Express.
الآن بعد أن أصبح جيل HTML الخاص بي Super Slick ، أحتاج حقًا إلى تحسين نموذج البيانات القديم الخاص بي من خلال دمج قاعدة بيانات في المشروع!
هذا تطبيق الويب البسيط يتتبع قياسات الوزن. ينفذ طرق HTTP التالية:
كما يوفر صفحة واحدة ، وهو الفهرس ، والذي يوضح إدخالات الوزن الحالية.
أولا ، استنساخ أسفل المستودع. بعد ذلك ، قم بتشغيل الأمر التالي من داخل الدليل:
npm start أو node server
من أجل الوصول إلى صفحة الفهرس ، انتقل إلى localhost:3000 في متصفحك.
استخدم عميل REST المفضل لديك ، لي هو ساعي البريد ، لإرسال طلبات إلى الخادم.
GET /api/weight
POST /api/weight
Parameters: { "date": "2017-05-17", "weight": 180 }
PATCH /api/weight/:date
Parameters: { "weight": 180 }
DELETE /api/weight/:date