Yii Rights Extension เป็นระบบบริหารจัดการการเข้าถึงข้อมูลระดับ Action โดยกำหนดได้ว่า Action ไหนให้ใครเข้าถึงได้ โดยสามารถดาวน์โหลดได้ที่เว็บไซต์ http://www.yiiframework.com/extension/rights/ หรือ https://code.google.com/p/yii-rights/ หลังจากดาวน์โหลดเรียบร้อยแล้วทำมาวางที่...
การติดตั้ง User Extension Yii User Extension เป็นระบบบริหารจัดการผู้ใช้งาน โดยมีระบบสมัครสมาชิก ระบบลืมรหัสผ่าน ระบบที่เกี่ยวข้องกับการจัดการสมาชิกซึ่งทำให้เรามีความสะดวกในการจัดการสมาชิกนั่นเอง โดยสามารถดาวน์โหลดได้ที่เว็บไซต์ http://www.yiiframework.com/extension/yii-use...
Bootstrap เป็น CSS Framework ที่พัฒนาโดย Twitter จากนั้นมีผู้นำมาพัฒนาต่อเป็น Extension ให้สามารถใช้ได้กับ Yii Framework โดยรวบรวมทำเป็น Widget ไว้เรียบร้อย แล้วตั้งชื่อใหม่ว่า Yii Booster โดยสามารถดาวโหลดได้ที่เว็บไซต์ http://yiibooster.clevertech.biz/ หรือ https://github.com/clevertech/yiibooster...
การตัดคำด้วย XReadmore บ่อยครั้งเวลาที่เราเขียน Weblog นั้นการตัดคำเป็นเรื่องสำคัญมาก ในหน้า Application ที่รวม Blog ไว้ เช่นหน้าแรกซึ่งมี Blog รวมกันหลายๆ Blog หากมีการแสดงข้อมูล Blog ทั้งหน้าหน้า Application เราคงยืดยาวเป็นแน่ การตัดคำจึงเป็นส่วนสำคัญของทางแก้ของปัญหานี้ ซึ่งก็มีหลากหลา...
อีกส่วนที่สำคัญนั่นก็คือการทำ Link โดยใน Application ค่อนข้างมีการใช้งานบ่อยซึ่ง Link นั้นก็มี Helper ที่ทำงานเฉพาะ นั่นก็คือ CHtml::link() สามารถดูเพิ่มเติมได้ที่ http://www.yiiframework.com/doc/api/1.1/CHtml#link-detail สำหรับการใช้งานนั้นจะมี Class Ref...
บ่อยครั้งใน Application เราได้มีการใช้งานรูปภาพดังนั้นเราควรที่จะมาเรียนรู้ในเรื่องของการใช้งานรูปภาพกันนะครับ ซึ่งรูปภาพนั้นเป็นส่วนหนึ่งของ Helper CHtml::image() โดยเป็นตัวช่วยที่จะ Generate ออกมาให้อยู่ในรูป HTML ที่เป็น Tag img โดยสามารถดูเพิ่มเติมได้ที่ http://www.yiiframework.com/doc/api/...
JavaScript เป็นภาษาสคริปที่ทำงานในฝั่งไคลเอนต์ (Client) ซึ่งแน่นอนมันจะรวมอยู่กับภาษา HTML และโดยทั่วไปแล้วโปรแกรมเรียกดูเว็บ (Web Browser) จะรองรับการทำงานของ JavaScript ตามมาตรฐานของ European Computer Manufactures Association (ECMA)
สารบัญการเรียนรู้ JavaScript Variable Operator Control and Loops Function Predefined Function Event Objects
ในการพัฒนา Application นั้นคงหลีกหนีไม่พ้นเรื่องของ Localization หรือการใช้งานภาษาในแต่ละท้องถิ่นนั่นเอง ส่วนหนึ่ง Yii Framework ก็ได้รวบรวมและมีการแปลไว้แล้วหลายภาษาหนึ่งในนั้นก็คือภาษาไทยของเรานั่นเอง การตั้งค่าภาษานั่นทำได้ง่ายดายมากเพียงเปิดไฟล์ protected/config/main.php แล้ว...
หลังจากที่มีการออกแบบ ER Diagram และทำการ Forward Engineering เรียบร้อยแล้วขั้นตอนถัดมาจะเป็นเรื่องของการ Generate Code ด้วย Gii Generator โดยเข้า URL index.php?r=gii จะปรากฏช่องสำหรับกรอก Password ให้ทำการกรอก Password ตามที่ได้ตั้งไว้ใน protected/config/main.php ไปที่เมนู Model Generator...
สำหรับการออกแบบ ER Diagram หรือ Entity Relationship Diagram นั้นเป็นการออกแบบ Entity หรือตารางในการเก็บข้อมูลในฐานข้อมูล MySQL นั่นเองโดยจะใช้โปรแกรมของ MySQL ที่มีชื่อว่า MySQL Workbench ซึ่งสามารถดาวโหลดได้ที่ http://www.mysql.com/products/workbench/ โดยสามารถดาวโหลดและติดตั้งได้ฟรี...
Eclipse ก็เป็น IDE ตัวหนึ่งที่เราสามารถนำมาเขียน PHP ได้ แต่ต้องติดตั้ง Eclipse PDT PlugIn เข้าไปด้วย โดยสามารถดาวโหลดได้จากเว็บไซต์ www.eclipse.org สำหรับการติดตั้ง Eclipse PDT PlugIn นั้นเมื่อติดตั้ง Eclipse เสร็จเรียบร้อย เปิด Eclipse แล้วไปที่เมนู Help->Install New Softwar...
การติดตั้ง Yii Snippets ใน Sublime Text 3 ใน Sublime Text 3 จะมี Code ลักษณะ Auto Complete ที่เรียกว่า Snippet อยู่ สำหรับวิธีการใช้งาน เช่นพิมพ์ hlink แล้วกด tab ก็จะปรากฏ Code <?php echo CHtml::link('text', array(), array('optionName'=>optionValue)); ?> ขึ้นมา...
Netbean IDE เป็น Software ที่เป็น Integrated Development Environment หรือสภาพแวดล้อมของการพัฒนา Application เราโดยสามารถดาวโหลดได้ที่ http://www.netbeans.org การสร้าง Project ใน Netbean นั้นไปที่ File->New Project จากนั้นเลือก PHP Application with Existing Sources  ...
การสร้าง Project Skeleton หรือการสร้างโครงสร้างไฟล์ต่างๆ ของ Application ใหม่ ก่อนการเขียนโปรแกรม โดยเปิดโปรแกรม Command Prompt แล้ว CD ไปที่ D:\wamp\www จากนั้นพิมพ์คำสั่งสำหรับการสร้าง Project Skeleton ดังนี้ yiic webapp myyiiapp สำหรับ myyiiapp คือชื่อ Project เรานั้นเอง จากนั้นกดปุ่...
Yii Framework หรือ Yii1 คืออะไร? Yii เป็น PHP Framework ที่กำลังได้รับความนิยมเป็นอย่างมากในปัจจุบัน ซึ่งมีรูปแบบและธรรมเนียมในการเขียนชัดเจน โดยถูกออกแบบด้วยสถาปัตยกรรม แบบ MVC (Model View และ Controller) ทำไมต้องเป็น Framework? สมัยก่อนการเขียน Web Application นั้นโปรแกรมเมอร์แต่ละคนก็เขี...
ก่อนอื่นขอนำเสนอเรื่องของการติดตั้ง Yii Framework กันก่อนนะครับ เพื่อให้สามารถเรียนรู้และเข้าใจได้มากยิ่งขึ้น การดาวน์โหลด ในการดาวโหลดนั้นไปที่เว็บไซต์ http://www.yiiframework.com แล้วคลิ๊กที่ปุ่ม Download Yii เพื่อทำการดาวโหลด กดลูกศรสีแดง ...
เป็นการกำหนดรูปแบบ css แบบหลายชั้น ตัวอย่างเช่น การกำหนด css ให้กับ tag a เป็นการกำหนดรูปแบบให้กับการเชื่อมโยงหรือลิ้งค์ 1. A:LINK การเชื่อมโยงที่ยังไม่ได้เรียกใช้ 2. A:ACTIVE การเชื่อมโยงที่กำลังเรียกใช้ กำลังเปิดเพจ 3. A:VISITED การ...
การใช้งานแบบ Inline และ การใส่ CSS ที่ <head> นั้นทำให้รูปแบบของ html tag ถูกกำหนดค่าใหม่ ในการเรียกใช้ทุกๆ ครั้งก็จะเป็นค่าใหม่ เช่น เมื่อเราเรียก Tag <b> ก็จะพบว่าเมื่อเรียก Tag <b> ทุกๆ ครั้งก็จะเป็นการเรียกใช้ CSS ที่ถูกกำหนดขึ้นทุกครั้ง ซึ่งหากเราต้องการให้ Tag &...
ไฟล์ที่เป็น CSS นั้น จะมีนามสกุล หรือ Extension เป็น .css ซึ่งโดยทั่วไปแล้วจะสร้างไฟล์ CSS แยกอิสระจากไฟล์ html เพื่อให้มีการจัดการได้ง่ายมากยิ่งขึ้น เช่น style.css style.css TAGNAME { attribute1 : value1; attribute2 : value2; … attribute n : value n; } TAGNAME คือ Tag...
CSS เป็นรูปแบบของการจัดการกับ Tag ใดๆ ของ HTML โดยสามารถกำหนดรูปแบบ หรือ Attribute ให้กับ Tag ต่างๆ ได้อย่างสวยงามและเป็นรูปแบบตามต้องการได้อย่างง่ายดาย โดยการกำหนดเพียงครั้งเดียวเราก็สามารถเรียกใช้งานได้ตลอด ซึ่งทำให้ง่ายต่อการเรียกใช้งาน การใช้งาน CSS การใส่ CSS แบบ Inline รูปแบบ...
ฟอร์ม (Form) เป็นรูปแบบของการกรอกข้อมูลเพื่อส่งข้อมูลเข้าไปประมวลผลในฝั่ง Server โดยอาศัยภาษาที่ทำงานในฝั่ง Server เป็นตัวประมวลผลจากฟอร์ม ก่อนอื่นมาทำความรู้จักกับ Tag ของฟอร์มกันก่อนครับ <form id= “Id” name= “Name” method= “Method” action= “Action”> ..... </form> ...
การใส่ตารางใน html นั้นสามารถที่จะแทรก Tag และกำหนด Attribute ต่างๆ ได้ดังนี้ <table border= “Border” bgcolor= “TableBg” cellspacing= “CS” cellpadding= “CP” width= “Width” height= “Height” background= “Background”> <tr bgcolor= “TrBg”> <th bgcolor= “ThBg”>Head Text</th...
การแสดงข้อมูลแบบลิสต์รายการใช้ในกรณีที่เราต้องการทำรายการเป็นข้อๆ เรียงลำดับ โดยสามารถกำหนดรายการแบบต่างๆ ได้ดังนี้ การแสดงรายการแบบมีลำดับกำกับ (Order List) <ol type= “Type” start= “Start”> <li value= “Value”>First Choice</li> <li>Second Choice</li>...
ในเอกสารเว็บเพจนั้นจะขาดไม่ได้เลยก็คือการคลิ๊กไปยังหน้าต่างๆ ซึ่งการคลิ๊กเชื่อมโยงไปยังหน้าเว็บเพจต่างๆ นั้นเราเรียกว่า ลิ้งค์ (Link) หรือเรียกเต็มๆ ว่า ไฮเปอร์ลิ้งค์ (Hyperlink) ซึ่งมีการประกาศ Tag ดังนี้ <a href= “URL or File” target= “Window” title= “text>LinkText</a> URL o...
รูปภาพในเว็บเพจจะแยกเก็บไว้ข้างนอกเว็บเพจซึ่งการใช้งานนั้นจะลิ้งค์เข้ามาสู่หน้าเว็บเพจโดยมี Tag เฉพาะทำให้เว็บเพจมีความสวยงามมากยิ่งขึ้น รูปแบบการใช้งาน <IMG SRC= “image_name" ALT= "alt" ALIGN= “top/middle/bottom/left/center/right" WIDTH= “width" HEIGHT= “height" HSPACE= “hspace" VSPACE...
เส้นตรงแนวนอนเป็นเส้นตรง มีไว้เพื่อคั่นระหว่างข้อความ หรือรูปภาพได้ ทำให้เว็บเพจมีความสวยงามมากยิ่งขึ้น รูปแบบการใช้งาน <hr noshade size= “10” width= “40/80%” align= “center/right/left”> ตัวอย่าง ex11.html <html> <head> <title>Special Charecter</title>...
รูปแบบการใช้งาน #&ตัวแลขรหัสแอสกี้ ตัวอย่างการใช้งาน
ตัวอักษรพิเศษเป็นอักษรที่อยู่ในรูปแบบของโค๊ดเครื่องหมาย ตัวอย่างเช่น ตัวอย่าง ex10.html <html> <head> <title>Special Charecter</title> </head> <body> © 2008 Cyber Zone™ </body> </html> ผลลัพธ์
การกำหนดรูปแบบตัวอักษรในเว็บเพจนั้นเป็นการใช้ Tag คู่เป็นส่วนมาก โดยข้อความที่อยุ่ใน Tag นั้นจะเป็นข้อความที่ถูกกำหนดลักษณะ ตาม Tag ต่างๆ โดย Tag พื้นฐานที่ควรทราบมีดังต่อไปนี้ การกำหนดตัวอักษรให้เป็นตัวหนา <b>ข้อความที่ต้องการจัดรูปแบบ</b> หรือ <strong>ข้อความที่ต้องการจั...
การกำหนดหัวเรื่องนั้น เป็นการกำหนดขนาดตัวอักษรที่จะแสดงในหน้าเว็บเพจ โดยเป็นการใส่ตัวเลขในแต่ละหัวเรื่อง โดยมีรูปแบบของการใช้งานดังนี้ <Hn>…</Hn> เมื่อ n คือ ขนาดของตัวอักษรโดยมีขนาด 1-6 n=1 หมายถึง ขนาดตัวอักษรที่ใหญ่ที่สุด n=2 หมายถึง ขนาดตัวอักษรที่เล็กที่สุด ตัวอย่าง ex...
การกำหนดสีให้กับพื้นหลังและตัวอักษรนั้นสามารถกำหนดได้ 2 รูปแบบดังนี้ แบบที่ 1 แบบระบุชื่อสี เช่น red, green, blue, yellow เป็นต้น แบบที่ 2 แบบระบุด้วยเลขฐาน 16 หรือ หลักการผสมสีแบบ RGB เช่น เช่นการกำหนดสีพื้นหลังของเว็บเพจเป็นสีเขียวและกำหนดให้สีอักษรเป็นสีแดง <b...
TimestampBehavior คืออะไร? TimestampBehavior เป็นตัวช่วยในการบันทึกข้อมูล Timestamp ลงในฐานข้อมูลในกรณีที่มีการเพิ่มหรือแก้ไขข้อมูล ทำให้สะดวกในการเขียนโปรแกรม โดยไม่ต้องเขียนในส่วนโปรแกรมให้ insert/update ซึ่ง behavior นี้จะกำหนดใน Model ค่าเริ่มต้นของ field/attribute ที่จะทำงานอัตโนมัติคือ...
โครงสร้างของ html นั้นจะเปิด Tag ด้วย <html> และปิดด้วย </html> ซึ่งภายในจะประกอบด้วยส่วน head และส่วน body ส่วน Head จะเป็นส่วนที่ไม่แสดงผลในเบราเซอร์ แต่มีความสำคัญในกรณีที่จะทำ SEO (Search Engine Optimization) หรือปรับเว็บให้เหมาะกับเว็บที่เป็นเครื่องมือค้นหา อ...
• Tag ต้องอยู่ในเครื่องหมาย < > เท่านั้น • Tag พิมพ์ด้วยอักษรตัวเล็กตัวใหญ่ก็ให้ความหมายเดียวกัน เช่น <body> กับ <BODY> • Tag ส่วนใหญ่จะมี Tag เปิดและ Tag ปิด เช่น <body>…</body> • ...
ภาษา HTML ประกอบไปด้วย Text หรือข้อความธรรมดา และ Tag หรือคำสั่งที่ใช้ในการกำหนดรูปแบบ Text โดย Tag จะอยู่ในเครื่องหมาย <> This is a <b>bold</b> word. This is a bold word. คือ Text <b></b> ค...
ภาษาเอชทีเอ็มแอล (HTML) ย่อมาจาก Hyper Text Markup Language ซึ่งเป็นภาษาที่พัฒนามาตั้งแต่ช่วงปลายปี 1986 โดยทีมงานจากห้องปฏิบัติการทางจุลภาคฟิสิกส์แห่งยุโรป (European Particle Physics Labs) หรือที่รู้จักกันในนาม CERN (Conseil European la Recherche Nucleaire) ประเทศสวิตเซอร์แลนด์ โดยมีการพัฒนานำเสนอข...
ทำไมต้องทำ Transaction? เรื่องของ Transaction นั้นเป็นเรื่องที่มีมาค่อนข้างนานพอสมควร ข้อดีของการทำ Transaction คือ ในกรณีที่มีการทำงานกับคำสั่งในการประมวลผลฐานข้อมูลหลายๆ คำสั่ง ซึ่งอาจมีบางคำสั่งที่ไม่สามารถทำงานได้ หากเราเขียนโปรแกรมแบบเดิมก็จะมีการกระทำการกับคำสั่งมาเรื่อยๆ จนเกิด error ในคำส...
Composer Composer เป็นโปรแกรมสำหรับจัดการ Package ต่างๆ ของ PHP โดยสมัยก่อน การเขียนทำ Web Application ด้วยภาษา PHP นั้น จะมีการทำ Package แต่ล่ะคนไว้คนละที่กัน ใน Project หนึ่งอาจมีหลาย Package ดังนั้นเมื่อแต่ละ Package มีการ Update เราก็ตามไปดาวน์โหลด Package ในแต่ล่ะที่มา Update ใน Pr...
เมื่อพูดถึงสภาวะแวดล้อมในการพัฒนา Web Application แล้วนั้นก็คงหนีไม่พ้นการติดตั้งโปรแกรมต่างๆ ถ้าในสายของ WAMP MAMP LAMP ก็คงหนีไม่พ้น Apache PHP และ MySQL ดังนั้นก็มีหลายๆ ค่ายที่ทำเครื่องมือให้เราโดยที่เราไม่ต้องมาติดตั้งโปรแกรมทีละตัว ดังนี้ WAMPSERVER เป็น Stack ที่ติดตั้งใน Window...
Web Developer EditPlus EditPlus เป็น Editor ที่ได้รับความนิยมมายาวนาน ซึ่งเป็น Editor ตัวเล็กๆ โหลดได้ไวรองรับการทำงานได้หลายภาษาเช่น HTML, PHP, Java, C/C++, CSS, ASP, Perl, JavaScript, VBScript, Python และ Ruby on Rails Website : https://www.editplus.com/ Notepad++...
สำหรับหลายๆ เว็บไซต์ที่เราเคยเห็นหรือเคยใช้งานจะมีปุ่ม Login with Facebook สงสัยไหมครับว่ามันทำงานอย่างไร หรือมันมีขั้นตอนในการสร้างอย่างไร ไปดูทีละขั้นตอนกันเลยครับ สร้าง Facebook App สร้าง Facebook App เพื่อใช้ในการตั้งค่าระดับการเข้าถึงว่าต้องการให้เว็บเราใช้ข้อมูลอะไรของ Facebook User ได้&...
3 Method ใน PDO ที่ควรทำความเข้าใจก่อนการเขียนโปรแกรม โดยทั่วไปแล้วการทำงานกับฐานข้อมูลเราจะใช้ Method ไม่กี่ Method ในการทำงาน ในที่นี้มี Method ที่สำคัญอยู่ 3 Method ดังนี้ PDO::prepare() เป็น method ในการเตรียมคำสั่งที่จะใช้ประมวลผล และจะส่งค่ากลับ (return) เป็น Object PDOStatement pub...
สำหรับการติดต่อฐานข้อมูลด้วย PHP Data Object หรือ PDO นั้นสามารถทำได้โดยง่ายดาย แต่หากต้องการใช้ภาษาไทยจะต้องเพิ่มคำสั่งพิเศษเพิ่มเติมเข้าไปในตอนที่เชื่อมต่อ เพื่อให้การทำงานกับภาษาไทยสมบูรณ์แบบมากยิ่งขึ้น โดยการกำหนดการเชื่อมต่อเป็น UTF-8 ดังนี้ <?php $db['host'] = 'localhost';//database h...
Migration คืออะไร Migration คือการสร้าง versioning ของการทำงานกับฐานข้อมูล เช่น การสร้างตาราง การเพิ่ม field การลบ field เพื่อให้เห็น version ต่างๆ และทราบที่มาที่ไปได้ การ Migration จึงมีความสำคัญกับการพัฒนาระบบที่ทำงานเป็นทีมหลายๆ คน รูปแบบของ Migration นั้นถูกนำมาใช้ให้เหมือนกับการ Codin...
Geochart เป็นการให้บริการการแสดงแผนที่จาก Google ซึ่งเป็นบริการแบบฟรีโดยสามารถดูรายละเอียดเพิ่มเติมได้ที่ https://developers.google.com/chart/interactive/docs/gallery/geochart สำหรับตัวอย่างนี้จะเป็นการจำลองการรายงานจำนวนอุบัติเหตุที่เกิดขึ้นทั่วประเทศซึ่งมีการเก็บข้อมูลในฐานข้อมูลแล...
Google Map API เป็นอีกหนึ่งบริการจาก Google ซึ่งเราสามารถเขียนโปรแกรมเพื่อเรียกใช้งาน API ในการแสดงแผนที่ได้ โดยสามารถกำหนดพิกัดหรือตำแหน่งของสิ่งที่เราต้องการลงในแผนที่ได้เช่น ตำแหน่งสำนักงานย่อย ตำแหน่งโรงเรียนในสังกัด ตำแหน่งโรงพยาบาลส่งเสริมสุขภาพตำบลในจังหวัด เป็นต้น การเปิดใช้งาน Google Map...
สำหรับ HightCharts นั้นเป็นระบบการทำกราฟที่เป็น JavaScript โดยจะทำงานที่ฝั่ง Client ดังนั้น เราจำเป็นจะต้องสร้างข้อมูลจากฐานข้อมูลให้อยู่ในรูปของ JavaScript เพื่อส่งให้ HightCharts แสดงผล แต่สาหรับการจัดการกับ HightCharts ในบทนี้จะสร้างกราฟจาก Yii2 Extension ที่มีคนได้ทำไว้ในรูปแบบของ PHP แล้ว โดยทำ...
MySQL PostgreSQL MongoDB Microsoft SQL Server Oracle เรียนรู้การใช้งาน Yii Framework 2 สำหรับการติดต่อฐานข้อมูลต่างๆ โดยเปิดไฟล์สำหรับหรับตั้งค่าการเชื่อมต่อฐานข้อมูลในไฟล์ common/config/main-local.php จากนั้นตั้งค่าการเชื่อมต่อในส่วนของ Components return [...
PHP Data Object หรือ PDO คืออะไร? PDO เกิดขึ้นมาพร้อมกับ PHP 5 (5.1.0) ซึ่งเป็น extension ที่ติดมากับ PHP เรียกได้ว่าเป็น build in extension และทำงานร่วมกันกับ PECL extension ทำหน้าที่ในการเชื่อมต่อกับฐานข้อมูลต่างๆ ได้หลายฐานข้อมูล <?php PDO { public __construct ( string $dsn [, s...