ใบความรู้ที่ 10 เรื่อง form login

20,203 views
20,302 views

Published on

Published in: Education
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
20,203
On SlideShare
0
From Embeds
0
Number of Embeds
8,101
Actions
Shares
0
Downloads
840
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

ใบความรู้ที่ 10 เรื่อง form login

  1. 1. [เอกสารประกอบการสอนรายวิชาการเขียนโปรแกรมขั้นสูง] 1 ใบความรู้ที่ 10 เรื่อง Form Loginในบทความนี้เราจะมาศึกษา การสร้างฟอร์ม Log in เบื้องต้น ด้วย vb.net และวิธีการลิงค์ฟอร์ม1. เปิดโปรแกรม Visual Studio 2010 Express ขึ้นมา แล้วเลือก New Project แล้วเลือก WindowsForms Application พร้อมกับตั้งชื่อว่า FormLoginVB หรือ จะตั้งชื่ออื่นก็ได้ตามต้องการ ตามรูป2. ทาการดีไซด์ตามในรูป โดยใช้ Textbox 2 อัน อันแรกเอาไว้สาหรับกรอกชื่อผู้ใช้งาน อันที่ 2 เอาไว้กรอกรหัสผ่าน และทาการเปลี่ยน Properties UseSystemPasswordChar เป็น True จากนั้นเพิ่ม label 2 อันอันแรกเปลี่ยนProperties Text เป็น "ชื่อผู้ใช้งาน" อันที่ 2 เปลี่ยนProperties Text เป็น "รหัสผ่าน" และมีbutton 2 อัน เช่นกัน โดยอันแรก เปลี่ยนProperties Text เป็น "เข้าระบบ" ส่วนอันที่สองเปลี่ยน Properties Text เป็น "ออกจากโปรแกรม"3. ทาการเพิมฟอร์มใหม่เข้ามาในโปรเจคโดยตังชื่อว่า Form2 หรือจะตังอะไรก็ได้ตามต้องการ ่ ้ ้ครูณัฐพล บัวอุไร [www.nattapon.com] โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลาลูกกา
  2. 2. [เอกสารประกอบการสอนรายวิชาการเขียนโปรแกรมขั้นสูง] 24. หลังจากนั้นให้ออกแบบฟอร์ม2ให้เป็นดังรูป โดยทาการเพิ่ม label เข้าไป 1 อัน เราจะใช้แสดงชื่อของUser ที่ทาการล็อคอินเข้าสูระบบ ่และเพิม button 1 อัน เปลี่ยน Properties Text เป็น "ออกจากระบบ" เมื่อคลิกปุ่มนี้เราจะให้โปรแกรมออก ่จากระบบ กลับมาที่ฟอร์มล็อคอิน5. กลับมาที่ ฟอร์ม1ดับเบิลคลิกที่ปม เข้าระบบ จากนั้นพิมพ์โค๊ดลงไป ้ ุ่ If TextBox1.Text = "" Or TextBox2.Text = "" Then ถ้า ชื่อผู้ใช้(textbox1) หรือ รหัสผ่าน(textbox2) เป็นค่าว่างหรือไม่ได้ระบุนั้นเอง โปรแกรมก็จะแสดงกล่องข้อความบอกว่าคุณกรอกข้อมูลไม่ครบ MessageBox.Show("คุณกรอกข้อมูลไม่ครบ", "ข้อความจากระบบ", MessageBoxButtons.OK,MessageBoxIcon.Error) ElseIf TextBox1.Text = "Admin" And TextBox2.Text = "vb.net" Then ถ้า ชื่อผู้ใช้(textbox1) = Admin และ รหัสผ่าน(textbox2) = vb.net โปรแกรมก็จะแสดงกล่องข้อความว่ายินดีต้อนรับเข้าสู่ระบบ MessageBox.Show("ยินดีต้อนรับเข้าสูระบบ", "ข้อความจากระบบ", MessageBoxButtons.OK, ่MessageBoxIcon.Information) Me.Hide() หลังจากนั้นฟอร์มนีก็จะซ่อนตัวเอง ้ Form2.Show() และแสดงฟอร์ม2ออกมา Else ถ้าไม่เข้ากรณีใดๆเลย โปรแกรมก็จะแสดงกล่องข้อความบอกว่า ชื่อผู้ใช้ หรือ รหัสผ่านไม่ถูกต้องครูณัฐพล บัวอุไร [www.nattapon.com] โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลาลูกกา
  3. 3. [เอกสารประกอบการสอนรายวิชาการเขียนโปรแกรมขั้นสูง] 3 MessageBox.Show("ชื่อผู้ใช้ หรือ รหัสผ่านไม่ถกต้อง", "ข้อความจากระบบ", ูMessageBoxButtons.OK, MessageBoxIcon.Warning) End Ifจากนั้นดับเบิลคลิกทีปุ่ม ออกจากโปรแกรมแล้วพิมพ์โค๊ดนีลงไป ่ ้Me.Close() เมื่อคลิกก็จะออกจากโปรแกรมหลังจากนั้นให้ไปที่ฟอร์ม 2 ดับเบิลคลิกที่ Form2 แล้วพิมพ์โค๊ดลงไปLabel1.Text = "ยินดีต้อนรับ " & Form1.TextBox1.Textเพื่อให้แสดงชื่อของ User ที่ล็อคอินเข้ามาและทาการดับเบิลคลิกที่ปุ่ม ออกจากระบบ แล้วพิมพ์โค๊ดลงไปMessageBox.Show("คุณได้ออกจากระบบเรียบร้อยแล้ว", "ข้อความจากระบบ", MessageBoxButtons.OK,MessageBoxIcon.Information) แสดงกล่องข้อความว่าคุณได้ออกจากระบบเรีบร้อยแล้ว Form1.Show() ให้ฟอร์ม1 แสดงขึ้นมา Me.Close() และให้ฟอร์ม2ปิดลง 4. จากนั้นทาการเซฟโปรเจค กดที่ File > Save all หรือ กด Ctrl + Shift + S หรือ กดที่ ไอคอน Save allดังรูปครูณัฐพล บัวอุไร [www.nattapon.com] โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลาลูกกา
  4. 4. [เอกสารประกอบการสอนรายวิชาการเขียนโปรแกรมขั้นสูง] 45. ทดลองรันโปรแกรม กด start Debugging หรือกด F5 และทาการทดสอบโปรแกรม หากเราไม่ได้ระบุ ชื่อผู้ใช้งาน หรือ รหัสผ่าน โปรแกรมก็จะแสดงกล่องข้อความบอกว่าคุณกรอกข้อมูลไม่ครบหากเรากรอกชื่อผู้ใช้หรือรหัสผ่านมั่วๆ โปรแกรมก็จะแสดงกล่องข้อความบอกว่า ชื่อผู้ใช้ หรือ รหัสผ่านไม่ถูกต้องถ้าหากเรากรอกชื่อผู้ใช้ Admin และ รหัสผ่าน vb.net อย่างถูกต้องครูณัฐพล บัวอุไร [www.nattapon.com] โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลาลูกกา
  5. 5. [เอกสารประกอบการสอนรายวิชาการเขียนโปรแกรมขั้นสูง] 5โปรแกรมก็จะแสดงกล่องข้อความว่ายินดีต้อนรับเข้าสู่ระบบโปรแกรมก็จะแสดง Form 2 ออกมา และเมือกดปุม ออกจากโปรแกรม โปรแกรมก็จะแสดงกล่องข้อความว่าคุณได้ออกจากระบบเรีบร้อยแล้ว ่ ่ครูณัฐพล บัวอุไร [www.nattapon.com] โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลาลูกกา
  6. 6. [เอกสารประกอบการสอนรายวิชาการเขียนโปรแกรมขั้นสูง] 6โปรแกรมก็จะแสดงหน้า Log in เช่นเดิมที่มา http://visual-studio-basic.blogspot.com/ครูณัฐพล บัวอุไร [www.nattapon.com] โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลาลูกกา

×