การพัฒนา เว็บแอพพลิเคชั่น เพื่อแสดงข้อมูลแบบลำดับชั้นด้วย TreeView ตอนที่ 1

การนำข้อมูลมาแสดงผลแบบลำดับชั้นหรือภาษาอังกฤษใช้คำว่า Hierarchy โดยข้อมูลที่มีในฐานนั้น อาจดูยุ่งยากวุ่นวาย แต่ไม่ยากจนเกินไปนักเมื่อทีมพัฒนา ASP.Net ได้ออกคอนโทรล TreeView เพื่อช่วยนำเสนอการแสดงผลดังกล่าว

สิ่งที่ต้องเตรียม

1. เครื่องมือพัฒนา MS Visual Studio 2010 สำหรับตัวอย่างนี้ผมใช้รุ่น Express

2.ระบบฐานข้อมูล MS SQLServer 2008 Express

3.ฐานข้อมูล Northwind หากไม่มีให้โหลดจาก www.codeplex.com

จุดประสงค์

เราจะแสดงผลข้อมูลของลูกจ้างในบริษัท โดยที่แสดงชื่อของพนักงานที่เป็นหัวหน้างาน และสามารถแสดลงรายชื่อของลูกน้องที่ดูแล โดยใช้ Control TreeView

ดำเนินการ

1.สร้าง WebSite ขึ้นใหม่ คลิกเลือกที่ Visual C# เลือก ASP.Net Web Site และตั้งชื่อว่า TreeView_CS แล้วคลิก OK

 

2.จากนั้นเชื่อมต่อไปยัง Database Northwind ด้วยการคลิกที่ Database Explorer

 

3. คลิกที่ปุ่ม Connect to database

 

4.ระบุชื่อเครื่อง db server ในบทความนี้ผมใช้เครื่องเดียวกันนี้เป็น db server และใส่เพียง . เท่านั้น ส่วน database เลือก Northwind แล้วคลิก OK

 

5.เมื่อการเชื่อมต่อเสร็จสิ้น จะปรากฏตารางและวิวดังนี้

 

6.สร้าง Entity Data Model โดยการคลิกที่เมนู Website แล้วเลือก Addn new item

 

7.

เลือก ADO.NET Entity Data Model

 

ตั้งชื่อ DataModel ดังนี้

แล้วคลิก Add

 

 

8. เมื่อคลิก Add แล้ว จะปรากฏกล่องข้อความดังนี้

 

นั่นคือ EDM ที่ได้สร้างขึ้นจะถูกนำไปเก็บที่ Folder App_Code ให้ตอบ Yes

 

9.

จากนั้นเราจะสร้าง DataModel กัน เมื่อปรากฏหน้าต่างนี้ขึ้นให้เลือก Generate From Database แล้วคลิก Next

 

 

 

 

 

 

10.

หน้าต่างการเชื่อมต่อกับฐานข้อมูล ให้เลือกการเชื่อมต่อกับ Northwind ตามที่ได้สร้างไว้แล้ว

 

และคลิกเลือกที่ Save Entity connection ลงใน Web.config

แล้วคลิก Next

 

 

11.

สำหรับบทความนี้ต้องการเพียงตาราง Employees เท่านั้น

และให้คลิกเลือก Pluralize …

แล้วคลิก Finish

 

 

 

 

12. รอสักครู่การสร้าง EDM จะเสร็จสิ้นและได้ผลดังนี้

 

เสร็จสิ้นการจัดเตรียมสภาพแวดล้อมการพัฒนาแล้วครับ ต่อไปเราจะเริ่มลงมือพัฒนากันจริงๆ ซะที ทั้งนี้ผมขอเอาไว้บทความถัดไปดีกว่า เพื่อไม่ให้ยาวเกินไป

ขอขอบคุณทุกท่านที่เข้ามาอ่าน และจะขอบคุณมากหากบอกเล่าให้ผมรู้บ้างว่าสิ่งที่ผมทำไปนี้เป็นประโยชน์กับผู้อ่านมากเพียงใด

 

เจอกันใหม่บทความหน้าครับ