Java Programming การออกแบบหน้าจอการ...
Transcript of Java Programming การออกแบบหน้าจอการ...
![Page 1: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/1.jpg)
Java ProgrammingLec11: Inventory_Systemการจดการขอมลสนคา
Dr. Nattapong Songneam
04-02-2561
![Page 2: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/2.jpg)
![Page 3: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/3.jpg)
สราง Project ใหม ชอ Inventory_System
![Page 4: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/4.jpg)
เพม jFrameForm ชอ LoginFrame
![Page 5: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/5.jpg)
Label
TextField
PasswordFieldseparator
button
ออกแบบหนาจอ Login และตงชอคอนโทรลตางๆ
![Page 6: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/6.jpg)
LbTitle
TxtUN
TxtPWD
BtnLogin BtnCancel
เปลยนชอคอนโทรลตางๆ ดงรป
![Page 7: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/7.jpg)
การเปลยนชอ
คลกเมาสขวา
LbTitle
![Page 8: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/8.jpg)
เขยนโคดในไฟล Inventory_System.java
• ใน main method
![Page 9: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/9.jpg)
เขาไปเขยนคาสงในปม Login
ตองไปเพม jFrameForm มาอก 1ฟอรม
โดยถา Login ผานใหเขาไปอกหนาฟอรมหนง
เพมจดการสนคา
ถา Login ไมผาน ก ลองใหม
![Page 10: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/10.jpg)
ไปเพม jFrameForm ตงชอ ProductsFrame
![Page 11: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/11.jpg)
Un : admin , PWD : 123 จงจะเขาระบบได
• ตองเขยนคาสงในปม ลอกอน ดงน
![Page 12: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/12.jpg)
โคดในปม ลอกอน
• ถา username และ password ถกตองจะใหแสดงอกหนาตางขนมา
![Page 13: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/13.jpg)
สราง หนาจอการแจงเตอนถา กรณ ลอกอนไมผาน
![Page 14: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/14.jpg)
การแจงเตอนดวย JOptionPane
![Page 15: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/15.jpg)
ใหลางขอมลใน TxtUN , TxtPWD และให focus ท TxtUN
![Page 16: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/16.jpg)
กาหนด Title และขนาด ProductsFrame และตาแหนงกงกลางจอภาพ
![Page 17: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/17.jpg)
ออกแบบหนาจอ ProductsFrame
• หนา ProductsFrame จะทาการขายสนคาโดยมขอมลดงน • ชอสนคา• รหสสนคา• ประเภทสนคา• จานวน• ราคาสนคา• หนวย• ยอดรวม• ภาษ• สวนลด• ฯลฯ
![Page 18: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/18.jpg)
combobox
Table
![Page 19: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/19.jpg)
การใสประเภทสนคาใน combobox
• เขาไปท คณสมบต Model ของ ComboBox
![Page 20: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/20.jpg)
การใสประเภทสนคาใน combobox
![Page 21: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/21.jpg)
แกไขรายการทอยในตาราง
คลกทตาราง เลอก คณสมบต Modelกาหนด คาดงรป
![Page 22: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/22.jpg)
เพมขอมลคา default
![Page 23: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/23.jpg)
![Page 24: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/24.jpg)
ตงชอTxtProID TxtProName cmbProType
TxtUnit
TxtTotal
TxtVAT
TxtDiscount
TxtNET
TxtProPrice
BtnAdd
BtnRemove
TxtProQTY
![Page 25: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/25.jpg)
เขาไปเขยนโคดท ปม ADD
![Page 26: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/26.jpg)
import javax.swing.table.DefaultTableModel;
![Page 27: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/27.jpg)
![Page 28: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/28.jpg)
โคดในปม BtnADD
![Page 29: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/29.jpg)
กาหนดใหตวแปร pro_no เปนตวแปรแบบโกลบอล
• ทกครงท add จะเพมคาได
![Page 30: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/30.jpg)
![Page 31: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/31.jpg)
คานวณยอดเงนรวม
![Page 32: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/32.jpg)
![Page 33: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/33.jpg)
ไปทเหตการณการคลก ทตาราง และเขยนคาสงดงรปดานลาง
![Page 34: Java Programming การออกแบบหน้าจอการ ...siam2dev.net/E_Learning/Java_Programming/Lec11_Inventory... · 2019-07-12 · ออกแบบหน้าจอ](https://reader034.fdocuments.in/reader034/viewer/2022050609/5fafff544bb1d35c6f183be1/html5/thumbnails/34.jpg)
เขาไปทปม Remove
• ใหลบแถวทเลอกออกไป