บัญชีรายรับรายจ่าย(part 1)

    1.เราให้ใน ข้อมูลหลักเรามี 3 ส่วน คือ income, payment และ type(ว่างร่างไว้ ยังไม่เริ่ม) ซึ่งในแต่ละ class นั้น จะมีส่วนย่อยอยู่อีก ดังนี้

       Income

           - income_text(ชื่อของแต่ละรายการ)

           - earning(จำนวนเงินของรายจ่าย)

           - pub_date(วันที่ของรายการ)

       Payment
           - payment_text(ชื่อของรายการ)
           - buy_thing(จำนวนเงินของรายจ่าย)
           - pub_date(วันที่ของรายการ)

    2.หลังจากนั้น เราจึงสร้าง method ที่เราจะใช้ดังนี้
     
       callMainPage

           ใช้เพื่อเรียกหน้าหลักขึ้นมา ซึ่งจะคำนวนยอดรวมออกมา และส่งค่าที่ได้ไปที่ template
        main_page

        saveIncome

            จะเก็บค่าที่ผู้ใช้ใส่เข้ามา แล้วนำไปเก็บไว้ใน class Income แล้วคำนวณค่าเงินที่ได้ทั้งหมดไปที่
        template main_page

        savePayment

            จะเก็บค่าที่ผู้ใช้ใส่เข้ามา แล้วนำไปเก็บไว้ใน class Payment แล้วคำนวณค่าเงินที่ได้ทั้งหมดไป
        ที่ template main_page

        tableIncome
         
            จะส่งข้อมูลจาก class Income ไปที่หน้า template showIncome

        tablePayment

            จะส่งข้อมูลจาก class Payment ไปที่หน้า template showPayment

    3.หลังจากสร้าง method แล้วก็สร้าง template เพื่อแสดงค่าที่ได้จาก method ดังนี้

        main_page

            เราออกแบบให้ปุ่มกดโดยใช้ รูปแบบ css
     

            และสามารถใช้ปุ่ม ให้เข้าไปใช้ method showIncome และ showPayment ตามนี้

            

            จากนั้นเราก็ทำส่วนที่ใช้ใส่รายการ ซึ่งมี 2 ส่วน คือ ส่วนที่ใช้ใส่รายรับ(Income) และส่วนที่ใส่

        รายจ่าย(Payment)

        showIncome

            ในส่วนนี้เราจะรับข้อมูล Income จาก method tableIncome เพื่อมาแสดงเป็นตารางในหน้านี้

        showPayment

            ในส่วนนี้เราจะรับข้อมูล Payment จาก method tablePayment เพื่อมาแสดงเป็นตารางในหน้านี้