Search

Monday, April 21, 2008

ASP Login page

ไม่ว่างหรอกครับเพราะต้องทำงานแต่ก็ยังมีเวลามานั่งอัพบล๊อก หึ....
วันนี้ลองเขียน ASP ดูมั่งก็ไม่อยากเท่าไหร่ครับเพราะผมมีพื้นฐาน การใช้งาน VS2005 and C# อยู่แล้ว
เริ่มแรกเลยจะเขียนได้ก็ต้องเปิด VS2005 หรือว่าใครใช้ Visual web development ก็ได้เหมือนกันน่ะครับ
1 สร้างโปรเจค กันก่อนเลย ไปที่ File>>New>>Web Site... แล้วเลือกเป็น ASP.NET web site


เอาเป็นว่าตั้งชื่อตามนั้นเลยละกัน สี่เหลี่ยมสีแดง ๆ ง่ะ

2. หลังจากที่เราสร้าง web project เสร็จแล้วเราก็จะมาสร้าง Master page เอ่ ๆๆ มันคืออะไรว่ะ Master page มันก็คล้ายกับการสร้าง Template น่ะครับ ในเว็บ ๆ หนึ่งจะมีการใช้ส่วนที่เหมือนกันเช่น Header , Footer, Sidebar อะไรประมาณนี้ครับ
>>คลิกขาวที่ web project แล้วก็เลือก Add new item

จากนั้นก็เลือก Master page

ชื่อจะตั้งอะไรก็แล้วแต่ละกันนะครับ เราก็จะได้หน้า Master page แต่ยังไม่เสร็จเท่านี้นะครับ เราจะต้องจัดหน้านี้ให้ได้ตามที่ต้องการก่อน ตัวอย่างผมจะลากเอา ContentPlaceHolder มาวางที่ Master page เลย


3. สร้างหน้า Login แอด web page เหมือนเดิม และตั้งชื่อเป็น Login.aspx
อย่าลืมติก select master page ด้วยและก็เลือก master page ที่เราได้สร้างไว้ ลาก Login control มาใส่

และเลือก format ให้เรียบร้อย


4. สร้างหน้า Hello User เพื่อที่จะเป็นหน้าตอบรับเวลาล๊อกอินถูกต้อง ทำเหมือนการแอดหน้า web page แต่ตั้งชื่อให้เป็น HelloUser.aspx แล้วเขียนข้อความ Hello : ต่อด้วยลาก Label มาใส่

เท่านี้ก็ยังไม่เสร็จครับ ยังเหลือการเพิ่ม code ให้กับระบบ login ของเราอีกเดี่ยวผมมาอัพอีกทีหนึ่งครับ

สรุป ๆ ตอนนี้เรามีหน้าเว็บที่อยู่ใน project เราด้วยกัน 4 หน้าซึ่งเดิมมีอยู่ 1 หน้าคือ Default.aspx และเราสร้างเพิ่มอีก 3 หน้าคือ
>> MasterPage.master
>> Login.aspx
>> HelloUser.aspx


ASP Login page (2)

No comments: