1. ให้ผู้ใช้ทำการเพิ่มฟังก์ชัน check_month_back เพื่อใช้แสดงหน้าเว็บเพจสำหรับการข้อมูลย้อนหลังในเดือนที่ผ่านๆ มา และเพิ่มฟังก์ชัน check_month_back_result เพื่อใช้สำหรับการรับข้อมูลเป็นตัวเลขจากผู้ใช้ว่าต้องการดูข้อมูลย้อนหลังในเดือนที่ผ่านมาแล้วกี่เดือน แล้วแสดงผลข้อมูลในเดือนที่ผู้ใช้ต้องการดูข้อมูล โดยในแต่ละฟังก์ชันจะมีรายละเอียดดังนี้
2. สร้าง template ใหม่ที่มีชื่อว่า check_month_back.html เพื่อให้สำหรับการแสดงผลหน้าเว็บและรับอินพุต ในหน้าเว็บเพจสำหรับดูข้อมูลย้อนหลังในเดือนที่ผ่านๆ มา ซึ่งใน template นี้มีโค้ด html ดังนี้
หมายเหตุ: <br> ไม่สามารถแสดงในเห็นในโค้ดด้านบนได้
3. เพิ่ม url ใหม่ลงในไฟล์ urls.py เพื่อใช้สำหรับเรียกใช้ฟังก์ชันใหม่ที่เราได้สร้างขึ้น ดังนี้
เมื่อได้ทำการสร้างหน้าเว็บเพจสำหรับดูข้อมูลย้อนหลังในเดือนที่ผ่านๆ มาแล้ว จะได้หน้าเว็บเพจดังภาพด้านล่าง
 |
| หน้าเว็บเพจสำหรับดูข้อมูลย้อนหลังในเดือนที่ผ่านๆ มา |
สร้างหน้าเว็บเพจ index
มาถึงตอนนี้เราได้สร้างหน้าเว็บสำหรับรับอินพุตรายรับ - รายจ่ายจากผู้ใช้ หน้าเว็บสำหรับดูข้อมูลทั้งหมดและหน้าเว็บสำหรับดูข้อมูลย้อนหลังในเดือนที่ผ่านๆ มาแล้ว ต่อไปนี้เราจะสร้างหน้าเว็บที่เรียกว่า index เพื่อใช้เป็นหน้าเว็บเพจสำหรับเมนูให้ผู้ใช้สามารถที่จะเลือกลิงค์ไปยังหน้าเว็บที่ผู้ใช้ต้องการได้ โดยมีขั้นตอนดังต่อไปนี้
1. ทำการสร้างคลาส IndexView ในไฟล์ views.py ดังต่อไปนี้
2. สร้าง template ใหม่ที่มีชื่อว่า index.html แล้วทำการเขียนโค้ด html ดังนี้
หมายเหตุ: <br> ไม่สามารถแสดงให้เห็นในโค้ดด้านบนได้
เมื่อทำการสร้างหน้าเว็บเพจ index ตามขั้นตอนด้านบนแล้ว จะได้การแสดงผลหน้าเว็บเพจดังภาพด้านล่าง
 |
| หน้าเว็บเพจ index |
ในตอนนี้ App สำหรับบันทึกรายรับ - รายจ่ายที่มีชื่อว่า Money Management ในโปรเจ็ค Resource Tracking ก็เป็นอันเสร็จสิ้นเรียบร้อยแล้ว สำหรับผู้ที่ต้องการศึกษาดูโค้ดในโปรเจ็คนี้เพิ่มเติมสามารถติดตามดูได้ที่ Repository ของ Resource Tracking Project
ไม่มีความคิดเห็น:
แสดงความคิดเห็น