สอน Laravel 5 : การใช้งานไฟล์ assets ต่าง ๆ ใน View

<h3>สอน Laravel 5 &colon; การใช้งานไฟล์ assets ต่าง ๆ ใน View<&sol;h3>&NewLine;<p><&sol;br><br &sol;>&NewLine;จากบทความที่แล้ว เราได้ทำความเข้าใจเกี่ยวกับ Router ใน Laravel ซึ่งมีบทบาทที่สำคัญมาก ๆ สำหรับนักพัฒนา<br &sol;>&NewLine;ที่ต้องการพัฒนาเว็บไซต์โดยใช้ Laravel Framework อ่านกระทู้ <a href&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;สอน-laravel-5-กำหนดเส้นทางเว็บไ&sol;" target&equals;"&lowbar;blank">กำหนดเส้นทางเว็บไซต์ด้วย Router<&sol;a> ก่อนเลยครับ<br &sol;>&NewLine;<&excl;--more--><&sol;p>&NewLine;<p><&sol;br><br &sol;>&NewLine;View คือส่วนที่จะใช้ในการแสดงผลข้อมูลต่าง ๆ ข้อความ รูปภาพ คือหน้าตาของเว็บไซต์ โดยปกติในขั้นตอนของการทำเว็บไซต์<br &sol;>&NewLine;หลังจากออกแบบหน้าตาเว็บไซต์เสร็จ และทีมเขียนโปรแกรมส่วน front-end จัดการให้เป็นไฟล์ &period;css หรือ &period;html<br &sol;>&NewLine;เสร็จเรียบร้อยแล้ว หน้าที่ต่อไปของนักพัฒนาส่วน back-end ก็คือนำไฟล์ assets ต่าง ๆ มาจัดวางให้ถูกต้องตาม<br &sol;>&NewLine;กฏเกณฑ์ของเฟรมเวิร์คนั้น ๆ สำหรับ Laravel เราสามารถจัดวางได้ดังนี้<&sol;p>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>จัดการกับไฟล์ html<&sol;h4>&NewLine;<p>สมมุติว่าเราได้ไฟล์ home&period;html มา ให้เราเปลี่ยนนามสกุลเป็น home&period;blade&period;php และนำไปวางไว้ในโฟลเด้อ<&sol;p>&NewLine;<pre class&equals;"lang&colon;default highlight&colon;0 decode&colon;true " >resources&sol;views&sol;home&period;php<&sol;pre>&NewLine;<p>ในกรณีที่เราต้องการใช้ blade template ของ laravel ซึ่งจะทำให้เราใช้คำสั่งการแสดงผลตามกฏเกณฑ์ของ<br &sol;>&NewLine;Laravel ให้เปลี่ยนชื่อจาก home&period;php เป็น home&period;blade&period;php <&sol;p>&NewLine;<pre class&equals;"lang&colon;default highlight&colon;0 decode&colon;true " >resources&sol;views&sol;home&period;blade&period;php<&sol;pre>&NewLine;<p>ข้อดีของการใช้ blade template คือ laravel ได้ออกแบบเฟรมเวิร์คมาให้มีความปลอดภัยในทุก ๆ ส่วนการทำงาน<br &sol;>&NewLine;การใช้งานคำสั่งต่าง ๆ ตามที่ตัวเฟรมเวิร์คได้ออกแบบมาทำให้เว็บไซต์ของเรามีความปลอดภัยมากยิ่งขึ้น ตัวอย่างเช่น<br &sol;>&NewLine;การใช้คำสั่งแสดงข้อมูลแบบนี้ <strong>&lbrace;&lbrace; &dollar;name &rcub;&rcub;<&sol;strong> แทนการใช้ <strong>echo &dollar;name<&sol;strong> เป็นการป้องกันการโจมตีแบบ <a href&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;web-security-การโจมตีเว็บไซต์รูปแ&sol;" target&equals;"&lowbar;blank">XSS<&sol;a> เพราะ<br &sol;>&NewLine;การใช้ปีกกาครอบ 2 ครั้งใน laravel หมายถึงการใช้คำสั่ง htmlentities เพื่อตรวจสอบข้อมูลก่อนว่าข้อมูลนั้น<br &sol;>&NewLine;มี syntax ของภาษาโปรแกรมติดมาด้วยไม่ ก่อนที่จะนำไปแสดงในหน้าเว็บไซต์<br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<h4>จัดการกับไฟล์ assets<&sol;h4>&NewLine;<p>สร้างโฟลเด้อใน public&sol; วางไฟล์ assets ต่าง ๆ เช่นไฟล์ <strong>image&comma; font&comma; css และ javascript<&sol;strong> เป็นต้น<br &sol;>&NewLine;ไว้ในโฟเด้อนั้น ตัวอย่างเช่น <&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " > &NewLine;public&sol;css &NewLine;public&sol;images &NewLine;public&sol;fonts &NewLine;public&sol;js<&sol;pre>&NewLine;<p>สมมุติว่าเราได้สร้างไฟล์ main&period;css และวางไว้ใน public&sol;css&sol;main&period;css เราจะสามารถเรียกใช้งาน<br &sol;>&NewLine;ไฟล์ main&period;css ให้สามารถใช้งานได้ใน home&period;blade&period;php ได้ด้วยคำสั่ง ดังนี้<&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " > &NewLine;<link rel&equals;"stylesheet" href&equals;"&lbrace;&lbrace; URL&colon;&colon;asset&lpar;'css&sol;main&period;css'&rpar; &rcub;&rcub;"> &NewLine;<&sol;pre>&NewLine;<p>ในกรณีไฟล์อื่น ๆ ก็เช่นกันครับ เปลี่ยนเพียงชื่อ folder และ ชื่อไฟล์เท่านั้น<br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;