การเรียนรู้เกี่ยวกับโลกแห่งจาวาสคริปต์อาจเป็นเรื่องที่น่ากลัวอย่างไม่น่าเชื่อ
โหนดการเรียนรู้ยิ่งแย่ลง
ดำเนินการต่อการทำซ้ำครั้งที่สามของเซิร์ฟเวอร์โหนดเท่านั้น! ฉันปรับปรุงส่วนหน้าด้วยการรวมโมดูลเทมเพลต HTML ฉันมองเข้าไปในทั้งมือจับและปั๊กและในที่สุดก็ตัดสินใจเลือกปั๊ก
รูปแบบข้อมูลยังคงเป็นเรื่องไร้สาระเนื่องจากฉันแค่ใช้ไฟล์ I/O แทนที่จะเป็นฐานข้อมูล
โชคดีที่ฉันคุ้นเคยกับ HTML templating จากบล็อกที่ฉันเขียนโดยใช้ Jekyll และ Liquid ในกรณีนี้ความท้าทายมาจากการเรียงลำดับผ่านเครื่องยนต์เทมเพลตที่มีอยู่ทั้งหมดสำหรับ JavaScript และเลือกรายการโปรดของฉัน
ฉันใช้มุมมองดัชนีของฉันกับทั้งมือจับและปั๊ก ในตอนแรกพวกเขาดูเหมือนจะเทียบเท่าความแตกต่างหลักมาจากความจริงที่ว่าปั๊กไม่ได้ใช้แท็กและอาศัยการเยื้อง แต่ทันทีที่ฉันเริ่มใช้เทมเพลตส่วนหนึ่งและมรดกเพื่อปรับ HTML เป็นโมดูลมันเป็นที่ชัดเจนว่าแฮนด์บาร์กำลังล้าหลังอย่างรุนแรง
ดังนั้นในที่สุดฉันก็เลือกปั๊กซึ่งเป็นโบนัสคือเอ็นจิ้นมุมมองเริ่มต้นสำหรับ Express
ตอนนี้การสร้าง HTML ของฉันนั้นลื่นมากฉันต้องปรับปรุงรูปแบบข้อมูลโบราณของฉันโดยการรวมฐานข้อมูลเข้ากับโครงการ!
เว็บแอปพลิเคชันง่าย ๆ นี้ติดตามการวัดน้ำหนัก ใช้วิธี HTTP ต่อไปนี้:
นอกจากนี้ยังมีหนึ่งหน้าดัชนีซึ่งแสดงรายการน้ำหนักปัจจุบัน
ก่อนอื่นโคลนลงที่เก็บ จากนั้นเรียกใช้คำสั่งต่อไปนี้จากภายในไดเรกทอรี:
npm start หรือ node server
ในการเข้าถึงหน้าดัชนีให้ไปที่ localhost:3000 ในเบราว์เซอร์ของคุณ
ใช้ไคลเอนต์ REST ที่คุณชื่นชอบ Mine เป็น Postman เพื่อส่งคำขอไปยังเซิร์ฟเวอร์
GET /api/weight
POST /api/weight
Parameters: { "date": "2017-05-17", "weight": 180 }
PATCH /api/weight/:date
Parameters: { "weight": 180 }
DELETE /api/weight/:date