โปรแกรมสำเร็จรูป

รูปที่1 New file ชื่อ member.php เสรจ็ แลว้ ให้ ดบั เบล้ิ คลิก fileรูปที2่ เมือ่ ดับเบ้ิลคลิกเขา้ มาแล้ว จะได้รูปดงั ดา้ นบน

รปู ท่3ี ใหพ้ มิ พ์ สมัครสมาชกิ เสรจ็ แลว้ คลิกขวาเลือก Align>>>Center เพื่อที่จะใหอ้ กั ษรเล่ือนมายังตาแหน่งตรงกลาง รูปที่4 ต่อจากรูป3

รปู ท่ี5 ให้เคาะดา้ นหลงั ของคาว่า สมัครสมาชิก หนึ่งครง้ั แลว้ ใหค้ ลิกเลือก Data ทอี่ ยู่ดา้ นบนเสร็จแล้วคลกิ ที่ lnsert Record เม่อื คลกิ เสร็จแล้วใหเ้ ลื่องลงมาด้านลา่ ง Record lnsetion Form wizard รปู ท่ี6 จะได้รูปดังนี้

รปู ท7ี่ จะทาการกรอกขอ้ มูล กล่องโต้ตอบน้ี มรี ายการดงั น้ี ในช่อง Table เปลี่ยนเป็น member ตอ่ ไปท่ี After insert hego to: พิมพ์ index.php ลงไป เสรจ็ แลว้ เราจะเห็นคาวา่ Form fields ใหท้ าการเลือกข้อมลู ท่ไี มต่ ้องการใหแ้ สดง เช่นid และ type มีขัน้ ตอนดงั นี้ คลิกเลอื ก id หรอื type แล้วเลือก ตรงคาว่า Default Value as คลิกช่องเปลี่ยนเป็นHidden Field เพอื่ ซอ้ น ตอ่ ไปพมิ พค์ าว่า User ลงในชอ่ ง Default Value เสร็จแลว้ คลิก ok ตวั อย่างกรอกข้อมูล รปู ท่ี 7

รูปท่ี 8 เม่อื ทารายการจากรปู ท7่ี เสรจ็ แลว้ จะปรากกฎดงั ภาพด้านบนรปู ท่ี 8.1 พมิ พข์ ้อมลู ให้ตรงกับภาษาองั กฤษ เสรจ็ แลว้ คลิกที่คาวา่ Lnsert record เปล่ยี นเปน็ สมัครสมาชกิ ให้เลอื กทีช่ ่อง Value จะอยูด่ ้านลา่ งทางซ้ายมือ คลมุ ดาลบทง้ิ แล้วพิมพค์ าวา่ สมคั รสมาชกิ ดงั รูปที่ 8.1

รูปท่ี 8.1รปู ที่ 9 คลกิ ท่ชี ่อง รหัสผ่าน ทีม่ เี ครอ่ื งหมายที่ติดอยู่ที่ Sing line เปลี่ยนเป็นติกช่อง Password ด้านล่าง

รปู ที่ 10 คลิกที่เมนู Data คลิกที่ Log Out User จะมตี วั เลอื กเรียงจากดา้ นบนลงล่าง ให้เลือก Check New Usernameรปู ท่ี 10.1 จะมีกล่องขอ้ ความขนึ้ มาดังรูปดา้ นบน ใหเ้ ปลี่ยน id เปน็ username ในช่องดา้ นบนและพิมพ์ ว่า member2.php ในช่องว่างดา้ นล่าง เสร็จแลว้ คลิก ok

รปู ท่ี 11 ไปเลอื กทีเ่ มนู forms คลกิ ที่ช่องวา่ งด้านหลงั ของ ชอื่ ผใู้ ช้ ตอ่ ไปนาเมาสไ์ ปช้ีท่ี Spry Validation Text Field ช่อง รหสั ผ่าน ช่อื นามสกลุ ทาแบบกนั จนเสร็จ ต่อไปคลิกที่ช่ือผใู้ ช้ Code อยู่ทางซา้ ยมอื ดา้ นบน รูปท่ี 11.1 คลมุ คาว่า A Value is required.เสรจ็ แลว้ กด Ctrl+f

รปู ท่ี 11.2 เม่อื กด Ctrl+f จะมีกลอ่ งข้อความขนึ้ มาดงั รปู พมิ พ์ลงไปในชอ่ ง Replace ว่าโปรดระบขุ ้อมูลเสรจ็ แลว้ เลอื กท่ีReplace All เสร็จกลบั ไปที่ Design กด sevsรปู ที่ 12 ให้กด Ctrl+c ท่ี Field member.php เสรจ็ แล้วให้กด Ctrl+v เพอ่ื วาง Field ทค่ี ัดลอกเปลี่ยนเป็นช่ือ member2.php

รูปที่ 13 ดับเบิ้ลคลิกท่ี member2.php แลว้ พมิ พด์ า้ นบนว่า ไม่สามารใชช้ อ่ื น้ไี ด้ เน่ืองจากมกี ารสมัครใช้งานเรียบร้อยแล้ว เม่อื พิมพเ์ สร็จแล้วให้กด Sevs แล้วกลบั ไปท่ี member.php เพอ่ื รัน รปู ที่ 14 การรันหน้าสมาชิก ตอนยังไม่ข้อมูล

รูปที่ 15 การกรอกขอ้ มูลไม่สมบรู ณ์รปู ที่ 16 ไม่สามารถใชช้ ือ่ น้ไี ดใ้ นการสมัครเพราะมีชอื่ นี้อย่ใู นระบบแลว้

รปู ท่ี 17 ทาการกรอกขอ้ มูลครบสมบรู ณ์

รายงาน เร่อื ง การสมัครสมาชกิ จกั ทาโดย นางสาววิลัยพร ผวิ พรรณ์ เลขที่ 11 หอ้ ง สทส.12 เสนอ อาจารย์ วรญั ญา วรรณราชรายงานเลม่ นเ้ี ปน็ สว่ นหนงึ่ ของวชิ าการออกแบบและพฒั นาเว็บไซต์ ปีการศึกษา 2560 ภาคเรยี นท่ี 1 วทิ ยาลยั เทคนคิ คเู มอื ง