วันอาทิตย์ที่ 2 มีนาคม พ.ศ. 2557

Asp.Net ตอนที่ 1 เริ่มต้นกับ Code Behind


"
บทความนี้เขียนขึ้นโดยมีความต้องการที่จะแบ่งปันและแลกเปลี่ยนองค์ความรู้จากการศึกษา จากประประสบการณ์ เพื่อมุ่งหวังอยากให้สังคมแห่งการแบ่งปันเป็นสังคมที่ยั่งยืน เพราะเชื่อเหลือเกินว่าแหล่งความรู้ที่มีอยู่อันดับต้นๆ ของสังคมเราในขณะนี้คงหนีไม่พ้นการสืบค้นด้วยอินเทอร์เน็ต แต่หากเราจะเป็นเพียงผู้ที่คอยดู คอยเสพจากผู้อื่นเพียงอย่างเดียวคงไม่ได้ มันต้องเกิดผู้สร้าง ด้วยเหตุนี้จึงตั้งใจลองเขียนบทความแรกนี้ แม้ยังใช้บล็อกไม่เป็นเลยก็ก็ตาม ^____^   เข้าเรื่องเลยละกัน "
ASP.Net คืออะไร
      ASP.Net () คือเทคโนโลยีของการพัฒนาเว็บแอพพลิเคชัน (Web Application) หรือเรียกกันง่ายๆ ว่าเว็บไซต์ ซึ่งก็คือโปรแกรมที่สร้างขึ้นแต่มีการนำเสนอผ่านทางเครือข่ายอินเทอร์เน็ตได้ โดยข้อดีของการพัฒนโปรแกรมแบบเว็บแอพพลิเคชันคือสามารถเปิดใช้งานได้ผ่านทางเว็บเบราเซอร์ (Web Browser) โดยไม่ต้งติดตั้งโปรแกรม แต่อาจมีข้อจำกัดที่จะต้องมีการเชื่อมต่อเครือข่าย เพื่อให้สื่อสารกันได้ระหว่างเครื่องที่มช้บริการและเครื่องผู้ให้บริการ
       ASP.Net ที่จะนำเสนอนี้เป็นการพัฒนาหรือเขียนด้วยภาษา Visual Basic โดยมีเครื่องมือพัฒนาคือ Visual Studio .Net 2010 โดยการเขียนโปรแกรมเว็บไซต์นี้สามารถแบ่งรูปแบบในการพํฒนาได้ 2 แบบ คือ


           1. Code in Line  คือการเขียนโปรแกรมโดยการใช้คำสั่งหรือ Tag เป็นพื้นฐานในการเขียนโปรแกรมเว็บโดยทั่วไป ผู้เขียนจะต้องทราบรูปแบบของคำสั่งเฉพาะตามแต่ภาษา การเขียนโปรแกรมมีความยุ่งยากซับซ้อน แต่มีประสิทธิภาพในการเขียนและจัดการที่โดดเด่นมากกว่า จึงอาจไม่เหมาะสำหรับผู้สนใจศึกษาการเขียนเว็บไซต์มือใหม่ หรือไม่เชี่ยวชาญการใช้งานโปรแกรมมากพอ



    หน้าจอการเขียนโปรแกรมแบบ Code in Line


                2. Code Behind  คือการเขียนโค้ดเบื้องหลังจากที่มีการวางคอนโทรลที่หน้าออกแบบ จึงง่ายต่อผู้เขียนที่จะสามารถกำหนดรูปแบบการแสดงผลได้ แล้วจึงเขียนโค้ดโปรแกรมตาม ข้อดีอีกประการในการเขียนโค้ดแบบ Code Behind คือโค้ดที่ได้จากกเารเขียนโปรแกรมจะสัมพันธ์กับคอนโทรล โดยตอบสนองการเขียนที่สัมพันธ์ตามเหตุการณ์คือ Event-Driven โค้ดที่ได้จึงอยู่อย่างมีสัดส่วน ง่ายต่อการแก้ไข การอ่าน


                                               หน้าจอการเขียนโปรแกรมแบบ Code Behind

    เข้าสู่โปรแกรม Microsoft Visual Studio 2010
        เริ่มต้นการใช้งานโปรแกรม Ms Visual Studio 2010 โคยมีขั้นตอนดังนี้
        1. คลิก Start / Programs / Microsoft Visual Studio 2010 / Microsoft Visual Studio 2010


         2. สร้างเว็บไซต์ใหม่ โดยคลิกที่เมนู File / New Web Site


       3. จะได้หน้าจอโปรแกรมสำหรับการสร้างโปรแกรมดังรูป



        4. สร้างหน้าเว็บเพ็จใหม่ โดยคลิกปุ่มขวาของเมาส์ที่ชื่อของเว็บไซต์ในส่วน Solution Explorer แล้วคลิ้กเลือกที่รายการ Add New Items



         5. คลิ้กเลือกภาษา Visual Basic เลือก Template เป็น Web Page  แล้วคลิ้กปุ่ม OK



         6. จะได้หน้าจอออกแบบคือหน้าเพ็จ Default2.aspx ดังรูป


         7. ลากคอนโทรล TextBox จากแถบเครื่องมือ Tools Box วางที่หน้าเว็บเพ็จ ดังรูป


         8. ลากคอนโทรล Button จากแถบเครื่องมือ Tools Box วางที่หน้าเว็บเพ็จ จะได้ปุ่ม Button1 ดังรูป


         9.  ดับเบิ้ลคลิ้กที่ปุ่ม Button1 เพื่อเข้าสู่หน้าจอการเขียนโปรแกรม และจะปรากฎเคอเซอร์ภายใน Protected Sub Button1_Click และ End Sub ดังรูป



         10. พิมพ์คำสั่ง MsgBox ("สวัสดี  คุณ" & TextBox1.Text)


          11. ทดสอบการทำงานของโปรแกรม (Debug) โดยกดปุ่ม F5 หรือคลิ้กที่ปุ่ม Start Debugging


         12. ในการดีบักครั้งแรกจะมีการตั้งค่าไฟล์ Web.Config ให้เลือก Modify the web.Config..... แล้วคลิ้กปุ่ม OK



         13. Browser จะถูกเปิดขึ้น และปรากฎเว็บเพ็จตามที่ออกแบบไว้


         14. พิมพ์ชื่อหรือข้อความลงในกล่องข้อความ TextBox1 แล้วคลิ้กปุ่ม Button1 จะปรากฎกรอบหน้าต่างโต้ตอบดังรูป


         15. ทำการปิด Browser เพื่อเสร็จสิ้นการดีบักโปรแกรม หรือคลิ้กที่ปุ่ม Stop Debugging ที่แถบเครื่องมือของโปรแกรม




    **** เป็นยังไงบ้างครับ คงไม่ยากจนเกินไปสำหรับการเริ่มต้นเขียนเว็บเพ็จของมือใหม่กันนะครับ ^___^




      ดาวน์โหลด e-Book เพิ่มเติมได้ที่นี่



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

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