|
|
|
|
สร้าง เว็บฟร์อม ( Web Form) ใหม่ โดยไปที่ File > New File |
|
|
 |
|
|
|
|
|
1. Templates ให้เลือกเป็น Web Form (ซึ่งโปรแกรมเลือกไว้อยู่แล้ว)
2. Name ตั้งชื่อไฟล์ให้เป็น vc-1.aspx
3. Language ให้เลือกเป็น Visual C#
4. ติ๊กเลือก Place code in separate file (ซึ่งโปรแกรมเลือกไว้อยู่แล้ว)
5. คลิกที่ปุ่ม Add |
|
|
|
|
|
 |
|
|
|
|
|
จะได้ เว็บฟร์อม ( Web Form) ใหม่ ชื่อ vc-1.aspx |
|
|
|
|
|
 |
|
|
|
|
|
1.คลิกแท็บ "Design" เพื่อแสดง Design View
2.ดับเบิ้ลคลิก ที่ ส่วนใดส่วนหนึ่ง
ของ เว็บฟร์อม vc-1.aspx |
|
|
|
|
|
 |
|
|
|
|
|
จะได้ เห็น สคริปต์ เป็นไฟล์ Code Behind ของไฟล์ vb-1.aspx.cs (เพราะเขียนด้วย
ภาษา Visual C#)
พร้อม กับ สคริปต์ เหตุการณ์ Page_Load ซึ่ง VWD 2008 จะสร้างให้เราโดยอัตโนมัติ |
|
|
|
|
|
 |
|
|
|
|
|
เขียนคำสั่ง Response.Write("ASP.NET แสดงข้อความเมื่อเพจถูกโหลด"); เข้าไป
ระหว่าง
protected void Page_Load(object sender, EventArgs e) {
เขียน
คำสั่ง......................................ตรงนี้
}
...
ระหว่างการเขียน จะมีผู้ช่วย (IntelliSense) บอกคำสั่งที่ควรจะเป็น ให้กับเราตลอด |
|
|
|
|
|
 |
|
|
|
|
|
|
|
|
 |
|
|
|
|
|
จะได้เป็น
protected void Page_Load(object sender, EventArgs e)
{
Response.Write("ASP.NET แสดงข้อความเมื่อเพจถูกโหลด");
}
Save All เพื่อบันทึกไฟล์ ที่เราแก้ไขทั้งหมด |
|
|
|
|
|
 |
|
|
|
|
|
1.คลิกแท็บ [vc-1.aspx ]
2.คลิกที่ View in Browser เพื่อทดสอบการทำการ |
|
|
|
|
|
 |
|
|
|
|
|
ทดสอบการทำงานของ สคริปต์ นี้
http://thai.aspxcode.net/code/vc-1.aspx
|
|
|
|
|
|
 |
|
|
|
|
|
สรุป สิ่งที่ได้จากแบบฝึกหัดนี้คือ
1.รู้จักการเขียน ASP.NET สไตล์ Code Behind
จะประกอบด้วย 2 ไฟล์คือ *.aspx ซึ่งเป็นไฟล์เก็บแท็ก HTML กับ *.aspx.cs ที่เก็บ
สคริปต์ หรือ Code ที่เราเขียนไว้
2.รู้จักเหตุการณ์ (Event) Page_Load เมื่อมี เหตุการณ์ นี้เกิดขึ้น ASP.NET จะไปอ่านคำสั่ง
ที่เราเขียนเอาไว้
3. รู้จัก Response.Write คือ คำสั่งสำหรับเขียนตัวอักษร ( Text ) ลงใน เว็บฟร์อม (
Web Form) |
|
|
|
 |
การใช้ Label และ Button และ เหตุการณ์ Button Click ด้วย ภาษา VB
|