วันพุธที่ 21 กันยายน พ.ศ. 2554

ขี่จิงโจ้ รอบที่ 1 -- โชว์การเขียนเวปใน 5 นาที

กว่าจะอัพบล็อกวันนี้ได้เหนื่อยแฮก ต้อง capture screen เพียบเลย บวกกับความรู้อันน้อยนิดของเรา ทำให้เราต้องไปจัดการเซฟรูปในโปรแกรม Paint ค่ะ (ขอขอบคุณ paint อย่างมากที่ช่วยชีวิตไว้) แต่ว่ารู้สึกว่ามันไม่ค่อยสะดวกเลย ใครมีคำแนะนำบ้างมั้ยคะ (photoshop ไม่มีในเครื่องนะคะ อิๆ)

ตอนนี้พร้อมแล้วค่ะที่จะมาขี่จิงโจ้โชว์ เป็นการยั่วใจกันก่อน ต้องทำการเรียกผู้ชมให้หลงผิด(เอ้ย ม่ายช่าย)  และพระเอกของวันนี้ชื่อ Roo1.02 ค่ะ  ฮ่าๆๆ เก่าได้ใจมั้ยคะ อันที่จริงตอนนี้ก็น่าจะเป็น 1.1.5 แล้วล่ะค่ะ แต่เราอนุรักษ์ความโบราณเอาไว้ (อันที่จริง ได้ข่าวว่าขี้เกียจโหลดมาใหม่นะเรา)

สำหรับวันนี้จะยังไม่ขออธิบายในรายละเอียดโครงสร้างของเจ้า Roo นะคะ จะขอแค่มาโชว์เดี่ยวอย่างเดียวก่อน เพราะอยากให้เห็นถึงความเร็วก่อนค่ะ ส่วนไอ้เรื่องยากๆ เอาไว้ท้ายๆดีกว่า ฮ่าๆๆ

วันนี้เราจะสร้างเวปสำหรับบันทึกรายจ่ายประจำวันกันค่ะ (เงินทองต้องใส่ใจใช่มั้ยคะ) เอาเป็นระบบง่ายๆก่อนละกันนะคะ อย่างในรูปนี้


ก็จะเห็นว่าเราจะทำการสร้างฐานข้อมูลที่มีตารางเก็บข้อมูลสองส่วน คือ
หมวดหมู่ของรายการที่จ่าย (Expense Category)
กับบันทึกรายจ่ายประจำวัน (Record Expenses)

และเราก็จะต้องมีหน้าเวปที่สามารถเพิ่มบันทึกรายจ่ายประจำวันได้อย่างในรูป
และแน่นอนค่ะ สูตรสำเร็จพื้นฐานของการสร้างเวปแอพพลิเคชั่น ก็คือ จะต้องมี ส่วนของการ เพิ่ม แก้ไข ลบ และเรียกดู ข้อมูล อย่างแน่นอน

ทีนี้เราก็จะมาดูกันว่า Roo จะทำทั้งหมดนี้ให้เราได้อย่างไร

อย่างที่บอกว่าวันนี้จะมาโชว์อย่างเดียวนะคะ ดังนั้น เราจะโชว์การสร้างเวปจากโจทย์ข้างบนอย่างง่ายๆภายใน 14 คำสั่งนี้กันค่ะ

project --topLevelPackage antshare.tutorial.expenses
persistence setup --provider HIBERNATE --database MSSQL
entity --class ~.domain.ExpenseCategory --testAutomatically
field string --fieldName name --notNull --sizeMin 2 --sizeMax 255
entity --class ~.domain.RecordExpenses --testAutomatically
field date --fieldName recordDate --notNull --type java.util.Date
field reference --fieldName category --type ~.domain.ExpenseCategory
field string --fieldName name --notNull --sizeMin 2 --sizeMax 255
field number --fieldName number --notNull --type java.lang.Integer
field number --fieldName price --notNull --type java.lang.Float
field number --fieldName total --notNull --type java.lang.Float --transient
controller all --package ~.web
security setup
perform tests
ใช้เวลาในการรันคำสั่งทั้งหมดนี้ไม่เกิน 5 นาที เราก็จะได้เวปสำหรับบันทึกรายจ่ายในชีวิตประจำวันอย่างง่ายๆแล้วล่ะค่ะ




สำหรับรายละเอียดรูปภาพในการทำแต่ละขั้นตอน เดี๋ยวอธิบายใน โชว์รอบที่ 2 นะคะ รูปเยอะมากๆค่ะ ^^

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

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