วันพุธที่ 10 พฤษภาคม พ.ศ. 2560

Assignment : ทำแอพ Animals รวมข้อมูลสัตว์ #5

    - ปรับปรุง model อีกครั้ง โดยมีการรวม Pending เข้าไปใน Animal และสร้างตัวแปร status มาใช้แยกเอาว่าอยู่ในระหว่างรอการตวรจสอบ หรือเผยแพร่แล้ว และแยก image ออกไปเป็น class AnimalImage เพื่อที่จะได้เก็บรูปของสัตว์แต่ละตัวได้หลายรูป



    - แก้ไขส่วนที่ส่งข้อมูลออกไปแสดงผลให้ filter เฉพาะที่มี status เป็น published เท่านั้น




    - แก้ไข admin.py เพื่อให้ส่วนของ model AnimalImage มารวมอยู่ในหน้าเดียวกับการเพิ่มข้อมูลสัตว์ โดยจะสร้างเป็น class Inline



เสริม class Inline จะมีอยู่สองแบบ ซึ่งจะแตกต่างกันแค่ส่วนแสดงผลแค่นั้น ดังนี้





    - ในหน้าเพิ่มข้อมูลสัตว์ ส่วนของการเพิ่มรูปนั้นจะมีการนำ  JavaScript มาใช้ในการทำปุ่มเพิ่ม input รูปภาพ เพื่อให้ผู้ใช้สามารถเพิ่มรูปภาพหลายๆรูปได้




    - ในหน้าข้อมูลสัตว์จะมีการสร้าง panel ไว้ หากต้องการดูรูปภาพเพิ่มเติมให้คลิกไปที่ panel ก็จะมีการสไลด์ panel ที่มีรูปอยู่ออกมา





ซึ่งภายในก็จะมีปุ่มสำหรับเพิ่มรูปไว้ด้วย โดยเมื่อกดแล้วก็จะมี popup ขึ้นมาเป็นฟอร์มให้ผู้ใช้เพิ่มรูปสัตว์ลงไป
 


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

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