คํานําspn2.go.th/samutprakan2/files/guide website sp2.pdf · 2019-07-22 ·...

59
 คํานํา คู่มือการบริหารจัดการเว็บไซด์เล่มนีจัดทําขึ้นเพื่อการอํานวยความสะดวกแก่บุคลากร ผู้ดูแลระบบ (admin) หรือเจ้าหน้าที่ที่ปฏิบัติงานด้านการประชาสัมพันธ์ข้อมูลข่าวสารทางราชการ กิจกรรม แผนงาน โครงการต่าง ที่ได้ดําเนินการผ่านทางระบบเว็บไซด์ของสํานักงานเขตพื้นที่การศึกษา ประถมศึกษาสมุทรปราการ เขต 2 สู่สาธารณชน ผู้เกี่ยวข้องหรือผู้สนใจทั่วไป ซึ่งดูแลรับผิดชอบและบริหาร จัดการโดย งานประชาสัมพันธ์ กลุ่มอํานวยการ สํานักงานเขตพื้นที่การศึกษาประถมศึกษาสมุทรปราการ เขต 2 คู่มือนี้จะแนะนําแนวทางและขั้นตอนในการทํางานในระบบ joomla และ phpMyAdmin เพื่อการ บริหารจัดการหน้าเว็บไซด์ ในการนําข้อมูล ข่าวสาร กิจกรรม แผนงานโครงการขึ้นสู่หน้าเว็บไซด์ด้วยโมดูล ต่าง ของ joomla และ phpMyAdmin ด้วยเมนูที่ง่ายและใช้งานบ่อย ผู้จัดทําหวังเป็นอย่างยิ่งว่า คู่มือเล่มนีจะเป็นประโยชน์สําหรับบุคลากร ผู้ดูแลระบบ (admin) หรือผู้เจ้าหน้าที่ที่ปฏิบัติงานด้านการประชาสัมพันธ์ สามารถใช้เป็นแนวทางเบื้องต้นสําหรับการ ปฏิบัติงานด้านการประชาสัมพันธ์ผ่านระบบเว็บไซด์ได้อย่างมีประสิทธิภาพ พันจ่าเอกเศวต อวยจินดา

Upload: others

Post on 09-Feb-2020

8 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

ก  

คานา

คมอการบรหารจดการเวบไซดเลมน จดทาขนเพอการอานวยความสะดวกแกบคลากร ผดแลระบบ (admin) หรอเจาหนาททปฏบตงานดานการประชาสมพนธขอมลขาวสารทางราชการ กจกรรม แผนงาน โครงการตาง ๆ ทไดดาเนนการผานทางระบบเวบไซดของสานกงานเขตพนทการศกษาประถมศกษาสมทรปราการ เขต 2 สสาธารณชน ผเกยวของหรอผสนใจทวไป ซงดแลรบผดชอบและบรหารจดการโดย งานประชาสมพนธ กลมอานวยการ สานกงานเขตพนทการศกษาประถมศกษาสมทรปราการ เขต 2 คมอนจะแนะนาแนวทางและขนตอนในการทางานในระบบ joomla และ phpMyAdmin เพอการบรหารจดการหนาเวบไซด ในการนาขอมล ขาวสาร กจกรรม แผนงานโครงการขนสหนาเวบไซดดวยโมดลตาง ๆ ของ joomla และ phpMyAdmin ดวยเมนทงายและใชงานบอย

ผจดทาหวงเปนอยางยงวา คมอเลมน จะเปนประโยชนสาหรบบคลากร ผดแลระบบ (admin) หรอผเจาหนาททปฏบตงานดานการประชาสมพนธ สามารถใชเปนแนวทางเบองตนสาหรบการปฏบตงานดานการประชาสมพนธผานระบบเวบไซดไดอยางมประสทธภาพ พนจาเอกเศวต อวยจนดา

Page 2: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< ข >

มารโครงสรางการจดการระบบขอมล ในระบบ joomla กอนใชงาน

ตวอยาง

เพอการจดหมวดหมบทความ

ขาว (หลก)

ขาวสมครสอบ (ยอย) ขาวกจกรรม (ยอย)

บทความ 1 บทความ 2 กจกรรม 1 กจกรรม 2

Page 3: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

สารบญ คานา………………………………………………………………………………………………………………………………… ก มารโครงสรางการจดการขอมลในระบบ joomla กอนใชงาน..………………………………………………… ข

เรอง หนา บทท 1 การเขาระบบ การจดการระบบ การเขยนบทความและแทรกภาพ…………………..…… 1

การ login เขาระบบ………………………………………………………………………………………………. 1 การจดการสมาชก………………………………………………………………………………………………….. 1

การเปลยนชอผใชและรหสผาน…………………………………………………………………… 1 การจดการระบบขอมล (การจดหมวดหมบทความ)……………………………………………………. 2

การสราง Section…………………………………………………………………………………….. 2 การสราง Category………………………………………………………………………………….. 3

การเขยนบทความ ( Article )………………………………………………………………………………….. 5 ขนตอนการเขยนบทความ…………………………………………………………………………… 5

การแทรกรปภาพ………………………………………………………………………………………. 6 การปรบขนาดรปภาพ………………………………………………………………………………… 9

บทท 2 เมน โมดล สวนขยาย……………………………………………………………………………………….. 12 การตงคาเมนหนาเวบ……………………………………………………………………………………………… 12 การสรางเมนใหม……………………………………………………………………………………………………. 13 การสรางเมนยอย…………………………………………………………………………………………………… 14 มารจกชนดของเมน……………………………………………………………………………………. 15 เมนบทความชนด “โครงรางบทความมาตรฐาน”………………………………………….. 15 การทาใหเมนทสรางใหมแสดงทหนาเวบ………………………………………………………. 16 การสรางโมดลตาง ๆ………………………………………………………………………………………………. 17 สรางโมดลคนหา………………………………………………………………………………………… 17 สรางโมดลบคคลออนไลน…………………………………………………………………………… 18 สรางโมดล Login………………………………………………………………………………………. 18 สรางโมดลบทความเกา………………………………………………………………………………. 19 สรางคอมโพเนนท (โพลล)………………………………………………………………………….. 21

สวนขยาย : การตดตง…………………………………………………………………………………………. 22 : การเปลยนเทมเพลต………………………………………………………………………………. 23

บทท 3 การสงบทความขนหนาเวบ……………………………………………………………………………… 24 การสรางเมนผดแลระบบ……………………………………………………………………………………….. 24 การจดการโมดลของเมนผดแลระบบ………………………………………………………………………. 27 การสรางขาวประกาศ……………………………………………………………………………………………. 28 การสรางเมนยอยในเมนหลก………………………………………………………………………………….. 30 การสงมอบบทความขนเวบไซดของสมาชก………………………………………………………………. 32 ภาคผนวก………………………………………………………………………………………………………………………. 37

Page 4: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

บทท 1 การเขาระบบ การจดการระบบ การเขยนบทความและแทรกภาพ

การ login เขาสระบบ

การจดการสมาชก

เปลยนชอผใชและรหสผาน

Page 5: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 2 >

การจดการระบบขอมล (การจดหมวดหมบทความ)

การสราง Section

Page 6: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 3 >

การสราง Category

Page 7: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 4 >

- ใหสราง Category อยางนอย 2 หวขอ เชน 1.การจดการขอมล 2.ขาวประกาศ เปนตน

Page 8: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 5 >

การเขยนบทความ ( Article ) <ตวอยางบทความ>

* ขนตอนการเขยนบทความ

Page 9: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 6 >

พมพบทความ เชน ยนดตอนรบ

Page 10: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 7 >

Page 11: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 8 >

Page 12: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 9 >

การปรบขนาดรปภาพ

Page 13: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 10 >

Page 14: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 11 >

Page 15: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

บทท 2 เมน โมดล สวนขยาย

การตงคาเมนหนาเวบ

Page 16: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 13 >

การสรางเมนใหม

Page 17: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 14 >

การสรางเมนยอย

Page 18: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 15 >

มารจกชนดของเมน

1. เมนบทความชนด “โครงรางบทความมาตรฐาน”

Page 19: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 16 >

2. การทาใหเมนทสรางใหมแสดงทหนาเวบ

Page 20: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 17 >

การสรางโมดลตางๆ

1. สรางโมดลคนหา

Page 21: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 18 >

2. สรางโมดลบคคลออนไลน

3. สรางโมดล Login

Page 22: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 19 >

4. สรางโมดลบทความเกา

Page 23: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 20 >

4.1 สรางบทความใหเปนบทความเกา

Page 24: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 21 >

5. สรางคอมโพเนนท (โพลล)

5.1 สรางโมดลรองรบคอมโพเนนท (โพลล)

Page 25: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 22 >

5.2 คลก New สรางโมดลแบบสารวจ

สวนขยาย : การตดตง

Page 26: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 23 >

สวนขยาย : การเปลยนเทมเพลต

Page 27: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

บทท 3 การสงบทความขนหนาเวบ

1. การสรางเมนผดแลระบบ

Page 28: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 25 >

1.1 สรางเมนยอย ในเมนผดแลระบบ แบบลงคภายนอก

Page 29: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 26 >

1.2 สรางเมนยอยแบบสงมอบบทความ (เพอใหสมาชกสามารถแจงขาวสารขนเวบได)

Page 30: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 27 >

2. การจดการโมดลของเมนผดแลระบบ

Page 31: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 28 >

3. การสรางขาวประกาศ

Page 32: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 29 >

2. บนทก

Page 33: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 30 >

4. การสรางเมนยอยในเมนหลก เชน สรปยอดเงนป 2551 เปนเมนหลก และมเมนยอย ยอดรายจาย ยอดรายรบ

4.1 วธการสรางเมนหลกชอ สรปยอดเงนป 2551

Page 34: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 31 >

4.2 การสรางเมนยอย ยอดรายรบ และ ยอดรายจาย

Page 35: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 32 >

5. การสงมอบบทความขนเวบของสมาชก

Page 36: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 33 >

Page 37: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

< 34 >

Page 38: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

ภาคผนวก

Page 39: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

คมอการใชงาน phpMyAdmin

phpMyAdmin เปนโปรแกรมตวหนงทใชในการจดการฐานขอมล MySQL ผานบราวเซอรโดยโปรแกรมนเปนโปรแกรมทใชไดฟร เพราะเปนโปรแกรมในกลม Open Source

phpMyAdmin จะท างานเพอใชควบคมจดการฐานขอมล MySQL ความสามารถของ phpMyAdmin มดงน

1. สรางและลบ Database 2. สรางและจดการ Table เชน เพม record, ลบ record, แกไข record หรอลบ Table,

เพมหรอแกไข field ในตาราง 3. โหลดเทกซไฟล และ ไฟลนามสกล CSV เขาไปเกบเปนขอมลใน Table ได 4. สามารถใชค าสง SQL ได

การเขาใชงาน

การเขาใชงานโปรแกรม phpMyAdmin จะใชงานผานโปรแกรม AppServ ดงนนคณตองตดตงโปรแกรม AppServ กอน แลวเปด Internet Explorer พมพท URL วา 127.0.0.1 แลว enter เมอจอภาพแสดงโปรแกรม AppServ แลวใหคลกท phpMyAdmin Database Manager

หลกจากนนจอภาพอาจจะใหปอน user name และ password user name คอ root password ซงขนอยวาขณะทตดตง AppServ ไดปอน password ของ MySQL ไวอยางไร

Page 40: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

2

หนาจอแรกของโปรแกรม phpMyAdmin

รปท 1 แสดงหนาจอแรกของโปรแกรม phpmyadmin

1. ใชส าหรบ เลอก/เปลยน จดการกบฐานขอมลเดมทมอยแลว 2. ส าหรบใสชอฐานขอมลใหมทตองการสราง

การสรางฐานขอมลใหม สมมตวาตองการสรางฐานขอมลชอ bcom และให encode เปน utf8_unicode_ci แลวคลกป ม สราง

รปท 2 สรางฐานขอมลชอ bcom

1 2

Page 41: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

3

รปท 3 แสดงหนาจอเมอสราง database ชอ bcom

การสรางตาราง (Table)

ภายหลงจากทสรางฐานขอมลเรยบรอยแลว phpMyAdmin จะแจงใหเราทราบวา ไดท าการสรางฐานขอมล bcom3209 เรยบรอยแลว ซงยงไมมเทเบลใดๆ อยเลย ในทนจะสรางตารางส าหรบเกบขอมลของบคคล โดยการออกแบบใหมเทเบล 4 เทเบล คอ division, employee, province, users

division จะใชเกบขอมลหนวยงานของพนกงาน employee จะใชเกบขอมลพนกงาน province จะใชเกบขอมลจงหวด users จะใชเกบขอมล ผใชโปรแกรม

Page 42: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

4

เทเบล division มโครงสรางดงน

เทเบล users มโครงสรางดงน

เทเบล employee มโครงสรางดงน

เทเบล province มโครงสรางดงน

ตวอยางการสรางเทเบล division

Page 43: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

5

1. ใหคลกท bcom เพอเลอกฐานขอมลชอน 2. ทชองชอ ใหปอน division และ ปอน 2 ในชอง number of fileds เพราะเทเบล division

จะมฟลดอย 2 ฟลดทตองการสรางนนเอง แลวใหคลกป ม ลงมอ 3. ปอนขอมลฟลด เหมอนดงรป

ทางดานขวา ของฟลด id ใหเลอก เหมอนรปดานลาง ซงจะหมายถงใหฟลด id เปน primary keyของเทเบล division

เสรจแลวใหคลกป ม บนทก ไอคอนมความหมายดงน

ส าหรบแกไข ชอฟลด ชนดของขอมลทเกบ ไพรมารคย หรอคาเรมตนอนๆ ส าหรบลบฟลดนนๆ ออกจากตาราง ส าหรบก าหนดใหฟลดนนๆ เปนไพรมารคย (Primary Key) ส าหรบก าหนดใหฟลดนนๆ เปนเอกลกษณ (Unique) ส าหรบก าหนดใหฟลดนนๆ เปนดชน (Index)

Page 44: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

6

4. เสรจสนขนตอนการสรางเทเบล division จะเหนวา ท ดาตาเบส bcom มตวเลข 1 ซง

หมายถงมเทเบลอย 1 เทเบล แลว

5. ขนตอนตอมาเปนการเพมขอมล ใหกบเทเบล division

5.1 ใหคลกทเทเบล division 5.2 คลกแถบ แทรก

Page 45: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

7

5.3 ใหปอนขอมลหนวยงาน 1 ผจดการ และ 2 บญช เหมอนรปดานลาง

5.4 ใหคลกป ม ลงมอ

5.5 โปรแกรมจะแสดงขอความวาแถวทถกแทรก 2 หมายถงเพมขอมล 2 เรคอรด

ในเทเบล division เรยบรอยแลว

5.6 ถาตองการดวามขอมล 2 เรคอรด จรงหรอไม ใหคลกทแถบเปดด

Page 46: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

8

จะเหนขอมล 2 แถว ซงหมายถง 2 เรคอรด ทเราใชโปรแกรม phpmyadmin

6. ใหสรางขอมลเรคอรดเพม ส าหรบเทเบล division โดยคลกแถบ แทรก แลวปอนขอมล ดง

รปดานลาง แลวคลกป ม ลงมอ

เมอตองการดขอมล ใหคลกแถบเปดด จะเหนขอมลในเทเบล division ม 4เรคอรด ซงเราสรางเสรจสมบรณ แลว

Page 47: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

9

ขนตอนตอมาใหเพมขอมลลกษณะเดยวกบ โดยเพมขอมลของเทเบล employee, province, users โดยสรางขอมล ตามตารางดานลางน ขอมลของเทเบล employee

ขอมลของเทเบล users

ขอมลของเทเบล province

Page 48: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

10

การใชค าสง SQL ในโปรแกรม PhpMyAdmin 1. การคนหา

การคนหาภายในแถบคนหา ท าใหงายตอผใชทตองการความสะดวก และ งายตอการใชงาน ส าหรบหนาจอของเมน การคนหา แสดงดงรปดานลาง

1. เลอกเทเบล division 2. คลกแถบ คนหา 3. ชอง คา จะใหปอนขอความทตองการคนหา เชน ปอนเลข 2 4. คลกป ม ลงมอ

ผลลพธทเหนคอ หนวยงานบญช เพราะเราคนหาดวยรหส id ทเทากบเลข 2

Page 49: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

11

2. การแกไขขอมล

สมมตวาตองการแกไข ขอมลของเทเบล division 1. คลกทเทเบล division 2. คลกแถบ เปดด 3. ทสวนหนาของแตละเรคอรด จะมรปดนสอ ซงหมายถงการแกไข เรคอรด นนๆ

เชน ตองการแกไขขอมลของหนวยงาน ผจดการ ใหคลกทรปดนสอ แถวท id เทากบ 1 แลวจะเหนจอภาพ ใหแกไขขอมลได ตามรปดานลางน

เมอตองการ save ใหคลกป ม ลงมอ

Page 50: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

12

3. การลบขอมล สมมตวาตองการลบ ขอมลของเทเบล division 1. คลกทเทเบล division 2. คลกแถบ เปดด 3. ทสวนหนาของแตละเรคอรด จะมรปกากบาทสแดง ซงหมายถงการลบ เรคอรด นนๆ

4. สมมตวา ตองการลบขอมลของเรคอรด ผจดการ ใหคลกเครองหมาย กากบาท แถวท

id เทากบ 1 จะปรากฏจอภาพ ดงรปดานลาง เพอยนยนการลบ ถาตองการลบ ใหคลกป ม ตกลง และถาไมตองการลบ ใหคลกป ม ยกเลก

Page 51: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

13

4. การลบเทเบล

การลบเทเบลออกจากฐานขอมลใหคลกท bcom จะเหนเครองหมายกากบาท ในแตละแถวของตาราง(เทเบล) ซงหมายถงตองการลบเทเบลใด กคลกทเครองหมายกากบาท ทแถวนน

Page 52: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

14

เราสามารถลบเฉพาะขอมลในเทเบล หรอ ลบขอมลและลบเทเบลนนได การเลอกดานหนาของเทเบล คอการเลอกเทเบลนน ท ากบทเลอก มความหมายหลายอยาง เชน ลบขอมล หมายถง ลบขอมลอยางเดยว แตโครงสรางเทเบล ยงอย โยนทง หมายถง ลบขอมล และ ลบโครงสรางเทเบลนนดวย เมอเราปอนเทเบล division,employee,province,users เขาไปในฐานขอมล bcom แลว จะเหนหนาจอเปนดงน

Page 53: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

15

5. การส ารองขอมล คลกท bcom แลวคลกแถบ สงออก

1. คลกเลอก ฐานขอมลชอ bcom 2. คลกแทบ สงออก 3. ตรวจสอบเทเบล วาเลอกทงหมด ทกเทเบล หรอไม 4. คลกเลอกโครงสราง 5. คลกเลอกขอมล 6. คลกเลอก sql 7. คลกป ม ลงมอ

เราจะไดไฟลชอ bcom.sql โดยไฟลน จะมทงโครงสรางของเทเบล และมขอมล อยดวย

Page 54: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

16

6. การน าไฟลส ารองมาใช

1 สรางฐานขอมล ชอ bcom 2 คลกแทบ Import 3 คลกป ม Browse… 4 เลอกไฟล bcom.sql ทเราเกบไว 5. คลกป ม ลงมอ

จะปรากฏใหรปดานลาง ใหคลกป ม Browse… เพอเลอกไฟล bcom3209.sql แลวคลกป ม ลงมอ หนาจอจะแสดงเทเบล 4 เทเบล แสดงวาน าขอมลเขาฐานขอมลเรยบรอยแลว

Page 55: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

17

ตอไปนคอ ค าอธบายของชนดขอมลแตละชนดทสามารถเลอกได

VARCHAR : ส าหรบเกบขอมลประเภทตวอกษร ทกครงทเลอกชนดของฟลดเปนประเภทน จะตองมการก าหนดความยาวของขอมลลงไปดวย ซงสามารถก าหนดคาไดตงแต 1 - 255 ฟลดชนดน เหมาะส าหรบการเกบขอมลสนๆ เชน ชอ นามสกล หรอหวขอตางๆ เปนตน... ในสวนฟลดประเภทน จะสามารถเลอก "แอตทรบวต" เปน BINARY ได โดยปกตแลวการจดเรยงขอมลเวลาสบคน (query) ส าหรบ VARCHAR จะเปนแบบ case-sensitive (ตวอกษรใหญ และเลกมความหมายแตกตางกน) แตหากระบ "แอตทรบวต" เปน BINARY การสบคนจะไมค านงตวอกษรวาจะเปนตวใหญ หรอตวเลก

CHAR : ส าหรบเกบขอมลประเภทตวอกษร แบบทถกจ ากดความกวางเอาไวคอ 255 ตวอกษร ไมสามารถปรบเปลยนไดเหมอนกบ VARCHAR หากท าการสบคนโดยเรยงตามล าดบ กจะเรยงขอมลแบบ case-sensitive เวนแตจะก าหนดแอตทรบวตเปน BINARY ทจะท าใหการเรยงขอมลเปนแบบ non case-sensitive เชนเดยวกบ VARCHAR

TINYTEXT : ในกรณทขอความยาวๆ หรอตองการทจะคนหาขอความ โดยอาศยฟเจอร FULL TEXT SEARCH ของ MySQL เราอาจจะเลอกทจะไมเกบขอมลลงในฟลดประเภท VARCHAR ทมขอจ ากดแค 256 ตวอกษร แตเราจะเกบลงฟลดประเภท TEXT แทน โดย TINYTEXT น จะสามารถเกบขอมลได 256 ตวอกษร ซงมองเผนๆ กไมตางกบเกบลงฟลดประเภท CHAR หรอ VARCHAR(255) เลย แตจรงๆ มนตางกนตรงท มนท า FULL TEXT SEARCH ได

TEXT : ส าหรบเกบขอมลประเภทตวอกษร เชนเดยวกบ TINYTEXT แตสามารถเกบไดมากขน โดยสงสดคอ 65,535 ตวอกษร หรอ 64KB เหมาะส าหรบเกบขอมลพวกเนอหาตางๆ ทยาวๆ

MEDIUMTEXT : เกบขอมลประเภทตวอกษร เชนเดยวกบ TINYTEXT แตเกบขอมลได 16,777,215 ตวอกษร

LONGTEXT : เกบขอมลประเภทตวอกษร เชนเดยวกบ TINYTEXT แตเกบขอมลได 4,294,967,295 ตวอกษร

Page 56: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

18

TINYINT : ส าหรบเกบขอมลชนดตวเลขทมขนาด 8 บต ขอมลประเภทนเราสามารถก าหนดเพมเตมในสวนของ "แอตทรบวต" ไดวาจะเลอกเปน UNSIGNED หรอ UNSIGNED ZEROFILL โดยจะมความแตกตางดงน

UNSIGNED : จะหมายถงเกบคาตวเลขแบบไมมเครองหมาย แบบนจะท าใหสามารถเกบคาไดตงแต 0 - 255

UNSIGNED ZEROFILL : เหมอนขางตน แตวาหากขอมลทกรอกเขามาไมครบตามจ านวนหลกทเราก าหนด ตว MySQL จะท าการเตม 0 ใหครบหลกเอง เชน ถาก าหนดใหใสได 3 หลก แลวท าการเกบขอมล 25 เขาไป เวลาทสบคนด เราจะไดคาออกมาเปน 025

หากไมเลอก "แอตทรบวต" สงทเราจะไดกคอ SIGNED นนกคอตองเสยบตนงไปเกบเครองหมาย บวก/ลบ ท าใหสามารถเกบขอมลไดอยในชวง -128 ถง 127 เทานน

SMALLINT : ส าหรบเกบขอมลประเภทตวเลขทมขนาด 16 บต จงสามารถเกบคาไดตงแต -32768 ถง 32767 (ในกรณแบบคดเครองหมาย) หรอ 0 ถง 65535 (ในกรณ UNSIGNED หรอไมคดเครองหมาย) ซงสามารถเลอก Attribute เปน UNSIGNED และ UNSIGNED ZEROFILL ไดเชนเดยวกบ TINYINT

MEDIUMINT : ส าหรบเกบขอมลประเภทตวเลขทมขนาด 24 บต นนกหมายความวาสามารถเกบขอมลตวเลขไดตงแต -8388608 ไปจนถง 8388607 (ในกรณแบบคดเครองหมาย) หรอ 0 ถง 16777215 (ในกรณทเปน UNSIGNED หรอไมคดเครองหมาย) ซงสามารถเลอก Attribute เปน UNSIGNED และ UNSIGNED ZEROFILL ไดเชนเดยวกบ TINYINT

INT : ส าหรบเกบขอมลประเภทตวเลขทมขนาด 32 บต หรอสามารถเกบขอมลไดตงแต -2147483648 ไปจนถง 2147483647 ครบ (ในกรณแบบคดเครองหมาย) หรอ 0 ถง 4294967295 (ในกรณทเปน UNSIGNED หรอไมคดเครองหมาย) ซงสามารถเลอก Attribute เปน UNSIGNED และ UNSIGNED ZEROFILL ไดเชนเดยวกบ TINYINT

BIGINT : ส าหรบเกบขอมลประเภทตวเลขทมขนาด 64 บต สามารถเกบขอมลไดตงแต -9223372036854775808 ไปจนถง 9223372036854775807 เลยทเดยว (แบบคดเครองหมาย) หรอ 0 ถง 18446744073709551615 (ในกรณทเปน UNSIGNED หรอไม

Page 57: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

19

คดเครองหมาย) ซงสามารถเลอก Attribute เปน UNSIGNED และ UNSIGNED ZEROFILL ไดเชนเดยวกบ TINYINT

FLOAT[(M,D)] : ทกลาวถงไปทงหมด ในตระกล INT นนจะเปนเลขจ านวนเตม หากเราบนทกขอมลทมเศษทศนยม มนจะถกปดทนท ดงนนหากตองการจะเกบคาทเปนเลขทศนยม ตองเลอกชนดขอฟลดเปน FLOAT โดยจะเกบขอมลแบบ 32 บต คอมคาตงแต -3.402823466E+38 ไปจนถง -1.175494351E-38, 0 และ 1.175494351E-38 ถง 3.402823466E+38

DOUBLE[(M,D)] : ส าหรบเกบขอมลประเภทตวเลขทศนยม เชนเดยวกบ FLOAT แตมขนาดเปน 64 บต สามารถเกบไดตงแต -1.7976931348623157E+308 ถง -2.2250738585072014E-308, 0 และ 2.2250738585072014E-308 ถง 1.7976931348623157E+308

DECIMAL[(M,D)] : ส าหรบเกบขอมลประเภทตวเลขทศนยม เชนเดยวกบ FLOAT แตใชกบขอมลทตองการความละเอยดและถกตองของขอมลสง

ขอสงเกต เกยวกบขอมลประเภท FLOAT, DOUBLE และ DECIMAL กคอ เวลาก าหนดความยาวของขอมลในฟลด จะถกก าหนดอยในรปแบบ (M,D) ซงหมายความวา ตองมการระบวา จะใหมตวเลขสวนทเปนจ านวนเตมกหลก และมเลขทศนยมกหลก เชน ถาเราก าหนดวา FLOAT(5,2) จะหมายความวา เราจะเกบขอมลเปนตวเลขจ านวนเตม 5 หลก และทศนยม 2 หลก ดงนนหากท าการใสขอมล 12345.6789 เขาไป สงทจะเขาไปอยในขอมลจรงๆ กคอ 12345.68 (ปดเศษใหมจ านวนหลกตามทก าหนดไว)

DATE : ส าหรบเกบขอมลประเภทวนท โดยเกบไดจาก 1 มกราคม ค.ศ. 1000 ถง 31 ธนวาคม ค.ศ. 9999 โดยจะแสดงผลในรปแบบ YYYY-MM-DD

DATETIME : ส าหรบเกบขอมลประเภทวนท และเวลา โดยจะเกบไดตงแต 1 มกราคม ค.ศ. 1000 เวลา 00:00:00 ไปจนถง 31 ธนวาคม ค.ศ. 9999 เวลา 23:59:59 โดยรปแบบการแสดงผล เวลาทท าการสบคน (query) ออกมา จะเปน YYYY-MM-DD HH:MM:SS

Page 58: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

20

TIMESTAMP[(M)] : ส าหรบเกบขอมลประเภทวนท และเวลาเชนกน แตจะเกบในรปแบบของ YYYYMMDDHHMMSS หรอ YYMMDDHHMMSS หรอ YYYYMMDD หรอ YYMMDD แลวแตวาจะระบคา M เปน 14, 12, 8 หรอ 6 ตามล าดบ สามารถเกบไดตงแตวนท 1 มกราคม ค.ศ. 1000 ไปจนถงประมาณป ค.ศ. 2037

TIME : ส าหรบเกบขอมลประเภทเวลา มคาไดตงแต -838:59:59 ไปจนถง 838:59:59 โดยจะแสดงผลออกมาในรปแบบ HH:MM:SS

YEAR[(2/4)] : ส าหรบเกบขอมลประเภทป ในรปแบบ YYYY หรอ YY แลวแตวาจะเลอก 2 หรอ 4 (หากไมระบ จะถอวาเปน 4 หลก) โดยหากเลอกเปน 4 หลก จะเกบคาไดตงแต ค.ศ. 1901 ถง 2155 แตหากเปน 2 หลก จะเกบตงแต ค.ศ. 1970 ถง 2069

ขอสงเกต คาทเกบในขอมลประเภท TIMESTAMP และ YEAR นนจะมความสามารถพอๆ กบ การเกบขอมลวนเดอนป และเวลา ดวยฟลดชนด VARCHAR แตตางกนตรงท จะใชเนอทเกบขอมลนอยกวา เพราะ ฟลดประเภท TIMESTAMP นนจะมขอจ ากดในเรองของเวลาทสามารถเกบได คอจะตองอยในระหวาง 1 มกราคม ค.ศ. 1000 ไปจนถงแถวๆ ค.ศ. 2037 อยางทบอก แตหากเกบเปน VARCHAR นนจะไมตดขอจ ากดน

ฟลดชนด YEAR กเหมอนกน ใชเนอทแค 1 ไบตเทานนในการเกบขอมล แตขอจ ากดจะอยท ป ค.ศ. 1901 ถง 2155 เทานน (หรอ ค.ศ. 1970 ถง 2069 ในกรณ 2 หลก) แตหากเกบเปน VARCHAR จะไดตงแต 0000 ถง 9999 เลย อนนเลยอยทความจ าเปน

TINYBLOB : ส าหรบเกบขอมลประเภทไบนาร ไดแก ไฟลขอมลตางๆ, ไฟลรปภาพ, ไฟลมลตมเดย เปนตน คอไฟลอะไรกตามทอพโหลดผานฟอรมอพโหลดไฟลในภาษา HTML โดย TINYBLOB นนจะมเนอทใหเกบขอมลได 256 ไบต

BLOB : ส าหรบเกบขอมลประเภทไบนาร เชนเดยวกบ TINYBLOB แตสามารถเกบขอมลได 64KB

MEDIUMBLOB : ส าหรบเกบขอมลประเภทไบนาร เชนเดยวกบ TINYBLOB แตเกบขอมลได 16MB

Page 59: คํานําspn2.go.th/samutprakan2/files/Guide Website sp2.pdf · 2019-07-22 · ติดตั้งโปรแกรม AppServ ก่อน แล้วเปิด Internet

อ.ลขต ยนบญ มหาวทยาลยราชภฏเชยงใหม คณะวทยาการจดการ สาขาคอมพวเตอรธรกจ

21

LONGBLOB : ส าหรบเกบขอมลประเภทไบนาร เชนเดยวกบ TINYBLOB แตเกบขอมลได 4GB

ขอสงเกต ขอมลประเภท BLOB นน แมจะมประโยชนในเรองของการเกบขอมลประเภท BINARY ใหอยกบตวฐานขอมล ท าใหสะดวกเวลาสบคนกตาม แตมนกท าใหฐานขอมลมขนาดใหญเกนความจ าเปนดวย ท าใหเกดความไมสะดวกในการส ารองฐานขอมลในกรณท มขอมลอพโหลดไปเกบมากๆ โดยปกตแลว จะใชวธการอพโหลดไปเกบไวในโฟลเดอร แลวเกบลงกไปยงไฟลเหลานน เปนฟลดชนด VARCHAR มากกวา

SET : ส าหรบเกบขอมลทเปนกลมของขอมลทยอมใหเลอกได 1 คาหรอหลายๆ คา ซงสามารถก าหนดไดถง 64 คา