วันพฤหัสบดีที่ 29 มิถุนายน พ.ศ. 2560

อธิบาย Commit ต่างๆของเว็บแอพ Animals #1


Commit 1 (78cb7cb) - Create Park app & Model

  • เริ่มต้นสร้างเว็บแอพ
  • สร้าง model ประกอบไปด้วย thai_name, name, class_name, order, family
  • สร้าง template สำหรับหน้าแรก

(จริงๆแล้วควรจะเป็น edit model & create template)
  • สร้าง template ต่างๆ ได้แก่
    • หน้าเว็บแสดงรายชื่อสัตว์
    • หน้าเว็บแสดงข้อมูลสัตว์
    • หน้าเว็บสำหรับค้นหาข้อมูลสัตว์
  • ปรับปรุงหน้า Home ให้สวยงามขึ้น
  • เพิ่มส่วนของ info, habitat และ picture ใน Model
  • เพิ่มเมนู Animals ในหน้า Admin เพื่อใช้สำหรับจัดการฐานข้อมูลของสัตว์
  • ทำการแก้ไขและเพิ่ม Method ใน views.py ดังนี้
    • แก้ไข index ให้ส่งค่าจำนวนสัตว์ในแต่ละหมวดหมู่ออกมาแสดงด้วย
    • animal_list จะรับค่า class_name เข้ามาแล้วส่งรายชื่อสัตว์เฉพาะ class ที่รับมาออกไปแสดงผล
    • animal_data จะรับค่า id เข้ามาแล้วส่งข้อมูลของสัตว์ id นั้นๆออกไปแสดงผล
    • search ภายใน method นี้จะมีการรับคำค้นหาจากแบบฟอร์มที่หน้าเว็บเข้า แล้วคัดกรองรายชื่อสัตว์เพื่อนำออกไปแสดงผล (ดูคำอธิบายเรื่องการคัดกรองและ Q ได้ที่นี่)

  • ทดสอบระบบ Advance Search ค้นหาเฉพาะส่วน 
  • เพิ่มไฟล์ดาต้าเบส

  • ปรับปรุง Advance Search ให้ใช้งานผ่านทางหน้าเว็บแอพได้ โดยหมวดหมู่ในการค้นหา ได้แก่
    • ค้นจากชื่อสัตว์
    • ค้นจากลำดับ
    • ค้นจากวงศ์
    • ค้นจากข้อมูลทั่วไป
    • ค้นจากถิ่นที่อยู่
    • ค้นจากทั้งหมด

  • ทำหน้าเว็บสำหรับให้ผู้ใช้สามารถเพิ่มข้อมูลสัตว์ได้
  • ข้อมูลที่ผู้ใช้เพิ่มจะถูกเก็บไว้ Model ที่ถูกสร้างขึ้นมาใหม่ชื่อว่า Pending
  • เพิ่มฟังก์ชั่นสำหรับย้ายข้อมูลจาก Pending ไปใส่ Animals แทน เพื่อให้ข้อมูลสัตว์ตัวนั้นๆแสดงผลออกในหน้าเว็บแอพ

  • เปลี่ยนจากการใช้ Model Pending มาใช้ตัวแปร status ใน Animal แทนตามคำแนะนำของอาจารย์
  • ตัวแปรนี้จะประกอบไปด้วย Published และ Pending
  • แก้ไขส่วนอื่นๆให้ใช้งานร่วมกับตัวแปร status

  • เพิ่ม Model AnimalImage เพื่อมาใช้เก็บรูปของสัตว์แต่ละตัว
  • เพิ่มเมนู AnimalImage ในหน้า Admin เพื่อใช้สำหรับจัดการฐานข้อมูลของรูปภาพสัตว์
  • แก้ไขการแสดงผลของรายชื่อสัตว์ ให้แสดงเฉพาะสัตว์ที่มีสถานะเป็น Published เท่านั้น

  • แยกส่วนของ CSS ออกมาเป็นไฟล์แยกต่างหาก
  • ทำการสร้าง base.html ขึ้นมาใช้งาน เรียกว่า Template Extending
  • เพิ่มส่วนที่ให้ผู้ใช้สามารถเพิ่มรู้ภาพของสัตว์ได้ทางหน้าเว็บข้อมูลสัตว์

ไม่มีความคิดเห็น:

แสดงความคิดเห็น