Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > บทความจากสมาชิก > Laravel::Managing Assets การจัดการไฟล์ js,css ใน Laravel

Laravel::Managing Assets การจัดการไฟล์ js,css ใน Laravel

Laravel::Managing Assets การจัดการไฟล์ js,css ใน Laravel บทความนี้เราจะมาพูดถึงการจัดการไฟล์ css js ที่เราต้องลิ้งเข้ามาใช้ ในสไตล์ของ Laravel ครับ

Managing Assets
การจัดการไฟล์ที่ js,css ของ laravel

Code (PHP)

Asset::add('jquery', 'js/jquery.js',’dependencie’);

Function add พารามิเตอร์ตัวแรกคือ ชื่อของไฟล์ , ตัวที่สองคือเส้นทางที่อยู่ของไฟล์โดย ตัวที่สามอยู่ข้างล่างครับ เริ่มจากโฟลเดอร์ public, ตัวฟังชันจะตรวจสอบเองว่าไฟล์ที่เพิ่มเข้ามาเป็นนามสกุลอะไร
Dumping Assets
เวลาใช้ในหน้า view ก็ใช้กันแบบนี้

Code (PHP)

	<head>
	    <?php echo Asset::styles(); ?>
	    <?php echo Asset::scripts(); ?>
	</head>

Asset Dependencies
จะมีกรณีที่ไฟล์ที่เราใช้ มันต้องการไฟล์ตัวอื่นด้วยถึงจะใช้ได้ วิธีใช้ก็ใส่เป็นพารามิเตอร์ตัวที่สามของฟังก์ชัน add ครับ
Code (PHP)

Asset::add('jquery-ui', 'js/jquery-ui.js', 'jquery');

จากตัวอย่างข้างบน เมื่อประกาศ jquery-ui มันต้องมี jquery ตัวหลักด้วยถึงจะใช้ได้ เราก็จับใส่เป็นพารามิเตอร์ตัวที่สามเลย
ทีนี้เวลาเรียกใช้ jquery-ui laravel มันก็จะรียกประกาศ jquery ให้ก่อน สะดวกไหมครับ

Asset Containers
ปกติเราจะวาง javascript ไว้ข้างล่างสุดของหน้าเว็บ เพื่อหน้าเว็บจะได้โหลดเร็วขึ้น แต่ก็มีบางไฟล์ที่ต้องทำการตอนเริ่มการโหลดหน้าเว็บ laravel ก็มีฟังชันที่ให้เราเลือกตำแหน่งที่จะวางไฟล์ได้
เราจะวาง example.js ไว้ตรง footer นะครับ

Code (PHP)

	Asset::container('footer')->add('example', 'js/example.js');

เวลาประกาศในหน้า view ก็ประกาศแบบนี้แหละครับ

Code (PHP)

	echo Asset::container('footer')->scripts();

Bundle Assets
อย่างที่บอกไปข้างต้นที่อยู่ของไฟล์ที่ Laravel จะไปจับเอาไฟล์มาคือ โฟลเดอร์ public แต่ ถ้าเราอย่างจะดึงไฟล์ของ bundle บ้างก็ทำตามข้างล่างนี้เลยครับ

Code (PHP)

Asset::container('foo')->bundle('admin');

ทีนี้ laravel จะเชื่อมไปยังโฟลเดอร์ public ของ bundle ละครับ
จบละบทนี้สั้นๆ นะครับ


	By :	taqman
	Article :	บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
	Score Rating :
	Create Date :	2013-05-12
	Download :	No files

Sponsored Links

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว