Transcript บทที่ 1 ทำความรู้จักโปรแกรม Visual Basic 6.0

บทที่ 1
ทำควำมรู้ จกั โปรแกรม Visual Basic 6.0
สื่ อชุดนี้เป็ นลิขสิ ทธิ์ของสำนักพิมพ์วงั อักษร ใช้ประโยชน์เพื่อกำรศึกษำเท่ำนั้น
Tools ที่ใช้ ในกำรออกแบบ Interface
Integrated Visual Database Tools
 Data Environment Designer
 Data Object Wizard
 Web Class Designer
 Dynamic HTML Page Designer
 Data Report Designer

องค์ ประกอบต่ ำงๆ ของ Visual Basic 6.0




MenuBar เมนูบำร์ เป็ นส่ วนทีร่ ับคำสั่ งในแบบเมนู เมื่อเรำทำกำรสร้ ำง
แอพพลิเคชันด้ วย Visual Basic เป็ นเหมือนศูนย์ กลำงทีค่ วบคุมกำรสร้ ำง
แอพพลิเคชัน
ToolBar ในกำรใช้ งำนเมนูบำร์ สั่งงำนอำจจะมีข้นั ตอนทีย่ ุ่งยำก เพือ่
ลดขั้นตอนลง เรำจะคลิกทีท่ ูลบำร์ เพียงครั้งเดียว ก็สำมำรถสั่ งงำนทีเ่ รำ
ต้ องกำรได้ (เป็ นเหมือนคีย์ลดั ในกำรทำงำน)
ToolBox ทูลบ็อกซ์ เป็ นกล่องเก็บ ActiveX Control ซึ่งเรำจะนำมำ
ประกอบเป็ นส่ วนต่ ำงๆ ของแอพพลิเคชัน
Project Explorer เป็ นเครื่องมือทีใ่ ช้ ควบคุมกำรทำงำนของโปรเจ็กต์





Properties Window เป็ นส่ วนทีก่ ำหนดพร็อพเพอร์ ตีใ้ ห้ กบั ออบเจ็กต์
ต่ ำงๆ ในแอพพลิเคชัน
Form Layout
ฟอร์ มเลย์ เอำต์ เป็ นหน้ ำตำคร่ ำวๆ ของฟอร์ มทีไ่ ด้
จำกกำรรัน
แอพพลิเคชัน ทำให้ เรำทรำบตำแหน่ งทีม่ ันจะปรำกฏบนจอภำพเมื่อแอพ
พลิเคชันทำงำน
Form Designer
ฟอร์ มดีไซเนอร์ เป็ นส่ วนทีเ่ รำมองเห็นในขณะ
ออกแบบแอพพลิเคชันของ Visual Basic ซึ่งเรำจะออกแบบหน้ ำตำของ
แอพพลิเคชันผ่ ำน ฟอร์ มดีไซเนอร์
Code Window
โค้ ดวินโดว์ เป็ นส่ วนทีเ่ รำเขียนโปรแกรม (เรียก
สั้ นๆ ว่ ำเขียนโค้ ด) เพือ่ ควบคุมกำรทำงำนของแอพพลิเคชัน
เครื่องมือต่ ำงๆ ใน Visual Basic 6.0
Data View Window เป็ น Tool ใหม่ ที่เพิม่ เข้ ำมำในใน Visual Basic 6.0
ซึ่งใช้ แสดงถึงรำยชื่อ และโครงสร้ ำงข้ อมูลทั้งหมดของฐำนข้ อมูลต่ ำงๆ ที่
เชื่อมโยงอยู่กบั Project โดยใช้ รูปแบบของ Icon เพือ่ แทน Object ของ
ฐำนข้ อมูลต่ ำงๆ (Object ของฐำนข้ อมูล หมำยถึง Table, View, Trigger
และ Stored Procedure ภำยในฐำนข้ อมูล)
สำหรับกำรเรียกใช้ จอภำพนี้ สำมำรถทำได้ 2 วิธีดังนี้
1. คลิกที่ Icon "Data View Window" ใน Toolbar
2. เลือกจำกเมนู View และ Data View Window ตำมลำดับซึ่งจะปรำกฏ
จอภำพดังรูป

ภำยในจอภำพ Data View จะประกอบด้ วย Icon ทีอ่ ยู่ในรูปแบบของ
Folder ที่ใช้ แทน Object อยู่ 2 ส่ วนด้ วยกัน คือ Data Links และ Data
Environment Connections
 1.1 Data Link
Data Link เป็ นส่ วนหนึ่งทีใ่ ช้ เก็บ และแสดงโครงสร้ ำงข้ อมูลภำยใต้ ไฟล์
ฐำนข้ อมูลทีส่ ร้ ำงกำรติดต่ อขึน้ กับ Project เช่ น Table และ View เป็ นต้ น ซึ่ง
โครงสร้ ำงเหล่ำนี้ สำมำรถนำไปใช้ ยงั Project ต่ ำงๆ และจอภำพของ Tool
อืน่ ๆ ได้


1.
2.

1.2 การสร้ าง Data Link
กำรสร้ ำง Data Link ใหม่ ภำยในจอภำพ Data View สำมำรถทำได้ 2 วิธี
ดังนี้
คลิกที่ Icon
ในจอภำพ Data View
คลิกขวำที่ Icon " Data Links" จะปรำกฏเมนูบนจอภำพ ให้ เลือกเมนู
Add a Data Link…
1.3 การดูโครงสร้ างข้ อมูลของฐานข้ อมูลใน Data Link
เมื่อต้ องกำรดูโครงสร้ ำงข้ อมูลของฐำนข้ อมูลทีน่ ำมำไว้ ใน Data Link
สำมำรถดูโดยกำรดับเบิลคลิก หรือคลิกทีเ่ ครื่องหมำย "+" หน้ ำ Icon ที่
อยู่ในรูปของ Folder เช่ น Icon "Tables" หรือ "Views" เป็ นต้ น

1.
2.
1.4 การยกเลิก Object ใน Data Link
เมื่อต้ องกำรยกเลิก Object ในส่ วน Data Link ที่สร้ ำงขึน้ ในจอภำพ
Data View ให้ กระทำดังนี้
คลิกขวำที่ Icon ในจอภำพ Data Views ที่ต้องกำรยกเลิก จะปรำกฏเมนู
ดังรูป
คลิกทีเ่ มนู Remove รูปของ Icon ที่เลือกจะหำยไปจำกจอภำพ Data
View
1.5 การจัดการกับข้ อมูลใน Data Link
เมื่อต้ องกำรแสดง เพิม่ แก้ไข และลบข้ อมูลใน Table และ View ในจอภำพ
Data View สำมำรถกระทำได้ โดยคลิกขวำที่ Icon ของ Table และ View ที่
ต้ องกำร แล้วเลือกเมนู Open จะปรำกฏจอภำพสำหรับจัดกำรกับข้ อมูล
 1.6 Data Environment Connectors
Data Environment Connectors เป็ นส่ วนหนึ่งของจอภำพ Data View ที่
แสดงถึง Connection ต่ ำงๆ ทีถ่ ูกนำมำใช้ ใน Project ซึ่งสร้ ำงขึน้ จำกจอภำพ
Data Environment Designer กล่ำวคือ Connection ต่ ำงๆ ทีถ่ ูกสร้ ำงขึน้ ใน
จอภำพ Data Environment Connector จะมำปรำกฏในส่ วนนี้

Data Environment Designer
 เป็ น Tool ใหม่ อก
ี Tool หนึ่งทีเ่ พิม่ เติมเข้ ำมำใน Visual
Basic 6.0 ทีส่ นับสนุนแนวควำมคิดทำงด้ ำน Reusability
กล่ ำวคือ เป็ น Tool ทีใ่ ช้ กำหนด แสดง และปรับปรุง Data
Environment ขอแต่ ละ Project ทีส่ ร้ ำงขึน้
2.1 Data Environment
Data Environment เป็ นสภำพแวดล้ อมของข้ อมูลทีถ่ ูกนำมำใช้ ใน Project
โดยมองข้ อมูลทั้งหมดทีถ่ ูกนำมำใช้ ใน Project เป็ น Object หนึ่งแทน
แนวควำมคิดเดิม ที่ Object หนึ่งๆ จะอ้ ำงถึงข้ อมูลใดข้ อมูลหนึ่งเพียงข้ อมูล
เดียว เช่ น กำรใช้ Data Control เพือ่ อ้ ำงถึงข้ อมูลใน Table เป็ นต้ น ซึ่งด้ วย
แนวคิดนี้ ในกรณีทมี่ ีกำรเปิ ดหลำยๆ Table ใน Project จึงต้ องใช้ Object ที่
อ้ ำงถึงข้ อมูลเหล่ ำนั้นหลำย Object ด้ วยกัน และยิง่ ในกรณีที่ Project อืน่ มีกำร
ใช้ ข้อมูลชุ ดเดียวกัน ยิง่ ส่ งผลให้ เสี ยเวลำในกำรพัฒนำโดยไม่ จำเป็ น แต่ ด้วย
แนวควำมคิดของ Data Environment จะทำให้ มกี ำรติดต่ อกับข้ อมูลต่ ำงๆ ที่
เกิดขึน้ ใน Project ไม่ ว่ำจะเป็ นเพียง Table เดียวหรือมำกกว่ ำ หรืออำจอยู่ใน
รู ปของ View ถูกมองเป็ นเพียง Object เดียว และสำมำรถบันทึกอยู่ในรู ปของ
ไฟล์ เพือ่ นำไปใช้ ใน Project อืน่ ได้ ตำมแนวควำมคิดของ Reusability
สำหรับ Object ทีใ่ ช้ แทน Data Environment ทีส่ ร้ ำงขึน้ สำมำรถใช้ แทน
ข้ อมูลได้ ท้งั ในรู ปของ Table, View, Stored Procedure และ ประโยคคำสั่ ง
SQL

2.2 การเรี ยกใช้ Data Environment Designer
กำรเรียกใช้ Data Environment Designer กระทำได้ 2 กรณีดังนี้
 กรณีเปิ ด Data Environment ใหม่ ให้ คลิกที่ Icon "Add Data
Environment” (ลูกศรชี้) ในจอภำพ Data View ดังรูป




กรณีแก้ไข Data Environment เดิม ให้ ดับเบิลคลิกยัง Icon ของ Data
Environment ที่ต้องกำรแก้ไขจำกจอภำพ Project Explorer
ซึ่งเมื่อสั งเกตดู จะพบว่ ำ มี Connection1 ปรำกฏอยู่ Connection นี้
ได้ แก่ Object ทีใ่ ช้ แทนกำรติดต่ อกับข้ อมูลทีน่ ำมำใช้ ใน Project เช่ น
Table โดยทัว่ ไป หรือ Object "Command" เป็ นต้ น ซึ่ง Object ต่ ำงๆ
ทีส่ ร้ ำงขึน้ ใน Connection นี้ จะไปปรำกฏในส่ วน Data Environment
Connectors ขอจอภำพ Data View โดยอัตโนมัติ
ในกรณีทเี่ ปิ ด Data Environment ใหม่ ทุกครั้ง จะปรำกฏ Icon ทีแ่ ทน
Object ของ Data Environment ทีถ่ ูกสร้ ำงขึน้ ใหม่ เสมอในจอภำพ
Project Explorer โดยมีชื่อที่ขนึ้ ต้ นด้ วย DataEnvironment และตำม
ด้ วยลำดับทีส่ อง Data Environment นั้น เช่ น DataEnvironment1,
DataEnvironmen2, DataEnvironment3, เป็ นต้ น


1.
2.
2.3 การสร้ าง Table ใน Connection
ในกำรสร้ ำง Object ที่แทน Table ใน Connection สำมำรถกระทำได้ 2
วิธีดังนี้
ลำก Icon ของ Table ที่ต้องกำรจำกส่ วน Data Link ของจอภำพ Data
View มำไว้ ภำยใต้ Connection ของจอภำพ Data Environment
Designer
กำหนดขึน้ จำกจอภำพ Data Link Properties เช่ นเดียวกับกำรสร้ ำง
Data Link โดยเลือกจำกเมนู Properties หรือ คลิกยัง Icon
2.4 การกาหนด Object "Command" ใน Connection
 Object "Command" ได้ แก่ Object ที่ใช้ แทนคำสั่ งทีใ่ ช้ แทน
Recordset หรือข้ อมูลทีไ่ ด้ จำกกำรใช้ คำสั่ งอย่ ำงใดอย่ ำงหนึ่งกับข้ อมูล
ใน Object ของข้ อมูลทีป่ รำกฏอยู่ใน Data Environment ที่สร้ ำงขึน้
เช่ น Recordset ที่ได้ จำกกำรใช้ คำสั่ ง SQL เป็ นต้ น ในกำรกำหนด
Object "Command" ใน Connection ทำได้ 2 วิธีดังนี้
1. เลือกจำกเมนู Add Command ของ Connection
2. คลิกที่ Icon ใน Toolbar ของจอภำพ Data Environment Designer

SQL Builder



เป็ นอีก Tool หนึ่งทีเ่ พิม่ เติมเข้ ำมำใน Visual Basic 6.0 ซึ่งเรียกใช้ โดย
กำรคลิกทีป่ ุ่ ม SQL Buider ในจอภำพ Command Properties ในขณะที่
ทำกำรสร้ ำง Object "Command“
Visual Component Manager
เป็ น Tool ใหม่ อกี Tool หนึ่งทีเ่ พิม่ เติมเข้ ำมำใน Visual Basic 6.0 ที่
สนับสนุนแนวควำมคิดทำงด้ ำน Reusability กล่ำวคือ เป็ น Tool ทีใ่ ช้
สร้ ำง และจัดกำรกับฐำนข้ อมูลส่ วนกลำงทีอ่ ยู่ในรูปแบบของ Repository
เพือ่ ใช้ เก็บรำยละเอียดของส่ วนประกอบต่ ำงๆ ที่เรียกว่ ำ Component ที่
ถูกสร้ ำงขึน้ ในแต่ ละ Project เช่ น Form, DataEnvironment1, Class
ฯลฯ เป็ นต้ น ไว้ เพือ่ นำใช้ ใน Project ใหม่ ที่สร้ ำงขึน้


1.
2.
4.1 Repository
เป็ นฐำนข้ อมูลหนึ่งทีถ่ ูกสร้ ำงขึน้ เมือ่ ติดตั้ง Visual Basic เพือ่ ใช้ จัดเก็บ
Component ต่ ำงๆ ทีถ่ ูกสร้ ำงขึน้ ในแต่ ละ Project เพือ่ นำกลับมำใช้ ใน Project
ใหม่ ทสี่ ร้ ำงขึน้ ฐำนข้ อมูลนี้ จะแบ่ งออกเป็ น 2 ประเภท ดังนี้
Local Repository เป็ นฐำนข้ อมูลแบบ Repository ทีเ่ ก็บอยู่ใน Harddisk ของ
เครื่องคอมพิวเตอร์ ส่วนบุคคล เพือ่ ใช้ เก็บ Component ต่ ำงๆ ของ Project ทีถ่ ูก
สร้ ำงขึน้ ภำยในเครื่องคอมพิวเตอร์ ส่วนบุคคลนั้นๆ สำหรับ Local Repository นี้
โดยค่ ำเริ่มต้ น Visual Basic จะกำหนดให้ เป็ นฐำนข้ อมูลของ Microsoft Access
Shared หรือ Team Repository เป็ นฐำนข้ อมูลแบบ Repository ทีเ่ ก็บอยู่ใน
Harddisk ของเครื่องคอมพิวเตอร์ ทที่ ำหน้ ำทีเ่ ป็ น Server เพือ่ ใช้ เก็บ
Component ต่ ำงๆ ของแต่ ละ Project ทีถ่ ูกสร้ ำงขึน้ ภำยในเครื่องคอมพิวเตอร์ ที่
อยู่ในเครือข่ ำยเพือ่ นำมำใช้ ร่วมกัน สำหรับ Shared หรือ Team Repository นี้
โดยค่ ำเริ่มต้ น Visual Basic จะกำหนดให้ เป็ นฐำนข้ อมูลของ SQL Server แต่
สำมำรถเปลีย่ นแปลงได้
4.2 การเรี ยกใช้ Visual Component Manager
กำรเรียกใช้ Visual Component Manager กระทำได้ 2 วิธีดังนี้
1. คลิกที่ Icon "Visual Component Manager" ใน Toolbar
2. เลือกจำกเมนู View และ Visual Component Manager ตำมลำดับซึ่ง
จะปรำกฏจอภำพ
 จะสั งเกตเห็นจอภำพของ Visual Component Manager แบ่ ง
ออกเป็ น 3 ส่ วนดังนี้
1. Explorer Pane (หมำยเลข 1) เป็ นส่ วนที่แสดงถึง Folder ต่ ำงๆ ที่
ปรำกฏอยู่ในฐำนข้ อมูล Repository ในลักษณะเช่ นเดียวกับจอภำพ
Windows Explorer

2.
Contents Pane (หมำยเลข 2) เป็ นส่ วนที่แสดงถึง Sup Folder หรือ
Item ต่ ำงๆ ทีป่ รำกฏอยู่ในภำยใต้ Folder ทีถ่ ูกเลือกในส่ วน Explorer
Pane
3. Properties Pane (หมำยเลข 3) เป็ นส่ วนทีแ่ สดงถึงคุณสมบัติ เช่ น ชื่อ
รำยละเอียด คำค้ น ฯลฯ เป็ นต้ น ของ Folder หรือ Item ทีถ่ ูกเลือกใน
ส่ วน Contents Pane
 ในส่ วน Explorer Pane เมื่อดับเบิลคลิก หรือคลิกยังเครื่องหมำย "+"
หน้ ำ Folder ใด ก็จะปรำกฏ Sup Folder หรือ Item ทีอ่ ยู่ภำยใต้
Folder นั้นในส่ วน Contents Pane (ถ้ ำมี) และเมื่อคลิกยัง Sup Folder
หรือ Item ใดในส่ วน Contents Pane ปรำกฏคุณสมบัติของ Folder
หรือ Item นั้นในส่ วน Properties Pane