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

ทำแอพบัญชีรายรับ-รายจ่าย #1

   จากที่ได้โหวตกันในคาบเวลาเรียน มติเป็นเอกฉันท์ว่า งานที่ต้องไปทำก็คือแอพบัญชีรายรับ-รายจ่าย ดังนั้นบทความจากนี้ก็จะเป็นบทความรายงานความคืบหน้าต่างๆนะ( ถึงจะอัพบล็อกหลังจากงานเสร็จแล้วก็เถอะ ._. )

    - ทำการสร้างแบบฟอร์มและกำหนด pattern ให้ input ต่างๆ โดยการนำเอา Regular Expression มาใช้ โดยแบบฟอร์มนี้จะวางไว้ที่หน้าแรกเลย



    - แก้ปัญหา Firefox not support input 'date' 😂 ด้วยการนำ jquery จากในอินเตอร์เน็ตมาใช้ (link : https://jqueryui.com/datepicker)


ผลลัพธ์


    - ใส่ comma คั่นหลักให้จำนวนเงินที่รับมาก่อนแสดงผลออกทางหน้าเว็บ และกำหนดให้แสดงทศนิยมแค่สองหลักเท่านั้น


    - เงื่อนไขในการแยกรายรับและรายจ่าย หาก type เป็นรายรับก็จะให้รายรับเท่ากับ in_put รายจ่ายว่างไว้ แต่ถ้า type เป็นรายจ่ายก็จะตรงกันข้ามกัน



    สรุป ณ ตอนนี้ยังไม่มีการสร้าง model เป็นการทดสอบให้มีการรับค่าจากฟอร์มแล้วแสดงผลออกมาเฉยๆ ด้านล่างนี้คือหน้าตาของแอพในตอนนี้


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

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