การเรียกใช้ไฟล์ CSS และไฟล์ JavaScript ใน CodeIgniter Framework

 

          ใน CodeIgniter หรือเรียกย่อๆกันว่า CI เป็นเฟรมเวิร์คที่ถูกพัฒนาขึ้นมาด้วยภาษา php Codelgniter Framework เหมาะในการพัฒนาเว็บไซต์หรือเว็บแว็บแอพพลิเคชัน โดยได้วางโครงสร้างในการพัฒนาโปรแกรมอย่างเป็นระบบ และได้รวมเอาคำสั่งต่างๆที่จำเป็นในการพัฒนาเว็บไซต์ด้วยภาษา  PHP ไว้ภายใน CodeIgniter Framework ซั่งได้พัฒนาโดย Rick Ellis มีลิขสิทธิ์เป็น Open Source สามารถดาวน์โหลดและใช้งานได้ฟรี ถูกพัฒนาขึ้นตั้งแต่ปี 2006 และยังมีการพัฒนามาเรื่อยๆ จนถึงปัจจุบัน ในปัจจุบันเวอร์ชันของ CodeIgniter Framework คือ เวอร์ชัน 3.1.9 ที่เป็นเวอร์ชันปัจจุบัน โดย CodeIgniter Framework มีการเรียกใช้งานไฟล์ต่างๆได้ไม่ว่าจะเป็นไฟล์ CSS และไฟล์ JavaScript โดยมีวิธีการเรียกใช้ดังนี้

 

วิธีการเรียกใช้ไฟล์ CSS และไฟล์ JavaScript ดังนี้

  1. สร้างโฟลเดอร์ css และโฟลเดอร์ js ไว้ด้านนอก directory ดังรูป
    CodeIgniter คือ Framework ที่ถูกพัฒนาขึ้นด้วยภาษา PHP CodeIgniter Framework เหมาะสำหรับพัฒนาเว็บไซต์และเว็บแอปพลิเคชั่น
    สร้างโฟลเดอร์ css และ js
  2. จากนั้นนำไฟล์ .css และไฟล์ .js ไปวางในโฟลเดอร์ที่ได้สร้างไว้ ดังรูป
    CodeIgniter คือ Framework ที่ถูกพัฒนาขึ้นด้วยภาษา PHP CodeIgniter Framework เหมาะสำหรับพัฒนาเว็บไซต์และเว็บแอปพลิเคชั่น
    สร้างโฟลเดอร์ css และ js
  3. จากนั้นไปที่ไฟล์โปรเจคที่อยู่ในโฟลเดอร์ที่อยู่ใน view อีกทีดังตัวอย่าง
    CodeIgniter คือ Framework ที่ถูกพัฒนาขึ้นด้วยภาษา PHP CodeIgniter Framework เหมาะสำหรับพัฒนาเว็บไซต์และเว็บแอปพลิเคชั่น
    ไฟล์ที่ต้องการจะเพิ่มไฟล์ css และ js
  4. จากนั้นเพิ่มโค้ดเรียกไฟล์ css และ ไฟล์ js ได้ดังโค้ด
    <html>
    <head>
            <link href="/../../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
            <script src="/../../js/bootstrap.min.js" type="text/javascript"></script>
    </head>
    </html>​

 

 

          เมื่อเราทำการเรียกใช้ไฟล์ css และไฟล์ js แล้วแล้วเราก็สามารถเรียกใช้งาน class css ได้ตามปกติแค่อยู่ที่ว่าเราดาวโหลด bootstrap เวอร์ชันไหนมาก็ใช้งาน class ตามเวอร์ชันได้เลย

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : HTML css CodeIgniter Framework

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว