- - - - - - - - - - - - - - ผู้ให้การสนับสนุน- - - - - - - - - - - - - -

บทที่ 5 สร้างฟอร์มเพิ่มข้อมูล (1)

ขั้นตอนในการสร้าง

• เลือกที่เมนู File->New
• ที่หน้าต่าง Add New File เลือกTemplates แบบ (General)
• คลิกเลือก ASP.NET Page
• เลือก Path ที่ต้องการบันทึกไฟล์ ที่หัวข้อ Location (ในที่นี้กำหนดเป็น C:\Inetpub\wwwroot)
• ตั้งชื่อไฟล์ ที่หัวข้อ Filename เป็น addManufacturer.phpx
• เลือก Language เป็น Visual Basic .NET แล้วคลิกปุ่ม OK

• ที่หน้าต่างของ Design View ให้ทำการลากวาง Table Control จากแท็บ HTML Elements บนหน้าต่าง Toolbox
• ทำการแก้ไขขนาดของตารางเป็น 2X4 (Columns : Rows) โดยคลิกขวาเลือกคำสั่ง แก้ไขตาราง แบบต่างๆ (Add Table Row, Delete Table Row, ADD Table Column, Delete Table Column)

• ในช่องแรก ให้ทำการคลิกแล้ว พิมพ์ชื่อของข้อมูล ซึ่งได้แก่ ข้อความ Code, Name, Address และ Web Site
• ในช่องถัดมา ให้วาง TextBox จากแท็บ Web Controls เพื่อใช้ในการกรอกข้อมูล จำนวน 4 ตัว
• ทำการลากวาง Button จากแท็บ Web Controls
• ทำการลากวาง Label จากแท็บ Web Controls
• พิมพ์ข้อความ Exiting Manufacturers และทำการกำหนดให้เป็นตัวอักษรหนา

• กำหนด ID ของ Textbox แต่ละตัว ดังนี้ mCode, mName, mAddress และ mWebSite ตามลำดับ โดยแก้ไขที่หน้าต่าง Property

• กำหนด Propertyของ Button1
  • ID: addButton
  • Text: Add Manufacturer
• กำหนด Property ของ Label1 เป็น
  • ID: msgLabel
  • ForeColor: Red
  • Text:

• คลิกเลือกแท็บ Code
• ทำการลาง-วาง SELECT Data Method มาวางบน ส่วนของโค้ด

• จะปรากฏหน้าต่าง Select a database connection ให้ทำการเลือก MatrixProjects.mdb on c:\Inetpub\wwwroot

• คลิกปุ่ม Next
• ที่หน้าต่าง Construct a SELECT query คลิกเลือก Tables: เป็น Manufacturer, เลือก Columns: เป็น *

• คลิกปุ่ม Next
• ที่หน้าต่าง Query Preview ให้คลิกปุ่ม Next
• ที่หน้าต่าง Name Method ทำการป้อน GetManufacturers ลงในช่องข้อความ

• คลิกปุ่ม Finish, คุณจะได้ Function ที่ชื่อ GetManufacturers ขึ้นบน Code View
• ทำการลาง-วาง INSERT Data Method มาวางบน ส่วนของโค้ด
• จะปรากฏหน้าต่าง Select a database connection ให้ทำการเลือก MatrixProjects.mdb on c:\Inetpub\wwwroot
• จะปรากฏหน้าต่าง Construct an INSERT Query

• คลิกปุ่ม Next
• ที่หน้าต่าง Name Method ทำการป้อน InsertManufacturer ลงในช่องข้อความ

• คลิก Finish, คุณจะได้ Function ที่ชื่อ InsertManufacturer ขึ้นบน Code View ที่จะใช้สำหรับ การเพิ่มข้อมูล