Resource Tracking - Account Statement
1.ทำหน้า Add Income และ Add Expenses โดยใช้ Form ใน Templates รับค่าจากหน้า Web Browser ไปจัดการต่อใน Python Code Views โดยมีการเช็คเงื่อนไขไว้หากค่าที่รับมานั้นติดลบ หรือไม่ใช่ตัวเลขจะเด้งกลับหน้า Add Income หรือ Add Expenses ที่ส่งค่ามาให้ก่อนหน้านี้เพื่อให้ใส่ค่าใหม่อีกครั้ง
2.ทำการเปลี่ยนรูปแบบ Field ของ Asset และ amount ใน Class Profile และ income_expenses จาก IntegerField ไปเป็น FloatField เพื่อให้รองรับค่าตัวเลขแบบจุดทศนิยมได้
3.สร้างหน้า View Asset ขึ้นโดยเป็นหน้าที่แสดงรายการทั้งหมดของบัญชีที่ใส่ค่าไว้ในรูปแบบของตารางพร้อมทั้งแสดงเงินคงเหลือจากรายรับและรายจ่ายทั้งหมดที่หักลบกันแล้ว
4.สร้าง Link กลับไปยังหน้าหลักให้ Template ทั้งหมด และ สำหรับ View Asset จะมี Link ไปยังหน้า Add Income และ Add Expenses ให้เป็นพิเศษด้วย
5.ปรับปรุง Templates ทั้งหมดให้เป็น HTML Code เต็มรูปแบบ ปรับการแสดงผลสำหรับทศนิยมเป็น 2 ตำแหน่งและใส่ Comma เมื่อเลขเกินหลักร้อยอัตโนมัติ นอกจากนี้ยังใช้ Link แบบ Dynamic ด้วย namespace จาก Urls ทั้งหมด
6.แก้ไข Models อีกครั้งโดยเพิ่มตัวข้อที่ชื่อ Accountname ใน Profile และ Description ใน income_expenses เป็น CharField ที่กำหนดความยาวสูงสุดไว้ที่ 200 ตัวอักษร
7.สร้างหน้า Index Page แรกสุด ตอนที่พิม http://127.0.0.1:8000/ โดยมีลิ้งค์เพื่อเข้าไปยัง App Account_Statement และ Admin
ภาพตัวอย่างหน้า Index http://127.0.0.1:8000/
ภาพตัวอย่างหน้า Add Income และ Add Expenses
ภาพตัวอย่างหน้า Add Income เมื่อใส่ตัวอักษรหรือเลขติดลบในช่อง Input
ภาพตัวอย่างหน้า View Asset
ไม่มีความคิดเห็น:
แสดงความคิดเห็น