Skip to content

Instantly share code, notes, and snippets.

@tickstudiu
Last active February 16, 2021 03:40
Show Gist options
  • Save tickstudiu/e6655141c80144816813fbd34fef4d2c to your computer and use it in GitHub Desktop.
Save tickstudiu/e6655141c80144816813fbd34fef4d2c to your computer and use it in GitHub Desktop.
  • ติดตั้ง Nuxtjs application.
  • ใช้งาน Boostrap - Vue เป็น CSS framework
  • สร้างหน้า post ที่ /post
  • ฟอร์มการกรอกข้อมูลสร้างด้วย tag ของ Boostrap - Vue framework
  • ส่งข้อมูลไปยัง Nodejs ด้วย axios
  • ฟอร์มควรมี field
    • Title
    • Description
    • Image Url
  • ติดตั้ง Nodejs.
  • ใช้งาน Express เป็น JS framework
  • สร้าง route api ของการสร้าง post ที่ POST /v1/api/post
    • Method POST
    • Path /v1/api/post
  • ตรวจสอบความถูกต้องของข้อมูล และ แสดงผล error ที่ Nuxtjs
    • ต้องกรอกข้อมูลทุกช่อง
    • Title มีความยาวสูงสุด 50 อักขระ
    • Description มีความยาวสูงสุด 500 อักขระ
  • เมื่อการส่งแบบฟอร์มสำเร็จ
    • บันทึกข้อมูลแบบฟอร์มลงในฐานข้อมูลของ mongodb
      • ใช้งาน mongoose ในการเชื่อมต่อข้อมูล
      • บันทึกข้อมูลใน database ชื่อ testDatabase
      • บันทึกข้อมูลใน collection ชื่อ posts

การส่งงาน

  • ให้อัพโค้ดใน Git repository
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment