ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

การเรียกใช้ไฟล์ 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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ปัญหา DNS dig NS แล้ว ไม่เจอ NS สำหรับ โดเมนที่เรากำลังทดสอบ
โดย mindphp อ 21 เม.ย. 2019 3:06 am บอร์ด Linux - Web Server
1
10
อ 21 เม.ย. 2019 3:12 am โดย mindphp
วิธีใส่ลิงค์แบบเทพๆใน Google Slide
โดย napharat079 ส 20 เม.ย. 2019 3:41 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
23
ส 20 เม.ย. 2019 3:41 pm โดย napharat079
วิธีการ Mark รูปภาพให้มีรูปร่างเก๋ๆ บน Google slide
โดย napharat079 ส 20 เม.ย. 2019 2:04 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
24
ส 20 เม.ย. 2019 2:04 pm โดย napharat079
อยากทราบวิธีการแก้ไข้ javascript ให้ทำการแสดงปุ่ม แสดงความคิดเห็นย่อยย้ายตำแหน่งมาด้านล่างหลักจากการกดครั้งแรก
โดย Ittichai_chupol ส 20 เม.ย. 2019 1:33 pm บอร์ด Programming - PHP
2
36
ส 20 เม.ย. 2019 3:29 pm โดย Ittichai_chupol
Tip! ค้นหารูปภาพจาก Google บน Google slide
โดย napharat079 ส 20 เม.ย. 2019 1:20 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
23
ส 20 เม.ย. 2019 1:20 pm โดย napharat079
การออกจาก phpmyadmin
โดย Anonymous ส 20 เม.ย. 2019 10:42 am บอร์ด Programming - PHP
0
16
ส 20 เม.ย. 2019 10:42 am โดย บุคคลทั่วไป
อยากทราบวิธีการกดปุ่มแชร์แล้วให้ แคป ภาพในส่วนที่ต้องการแชร์ ใน เว็บบอร์ด phpbb
โดย Ittichai_chupol ส 20 เม.ย. 2019 10:11 am บอร์ด Programming - PHP
0
18
ส 20 เม.ย. 2019 10:11 am โดย Ittichai_chupol
งานประจำวันที่ 20 เมษายน 2562
โดย poumtip ส 20 เม.ย. 2019 10:00 am บอร์ด M080 - สุทธาทิพย์ อู่นาค
2
21
ส 20 เม.ย. 2019 8:29 pm โดย poumtip
งานประจำวันที่ 20 เมษายน 2562
โดย napharat079 ส 20 เม.ย. 2019 9:56 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
2
10
ส 20 เม.ย. 2019 6:59 pm โดย napharat079
Q - ในเรื่องการคืนของถ้าคืนแบบไม่ตรงอินวอยได้ไหมค่ะ [2019-04][011]
โดย Parichat ศ 19 เม.ย. 2019 7:32 pm บอร์ด Diageo - Web Ordering - Developer
0
2
ศ 19 เม.ย. 2019 7:32 pm โดย Parichat
B - Urgent!!! ข้อมูลในเว็ปหาย [2019-04][010]
โดย Parichat ศ 19 เม.ย. 2019 6:39 pm บอร์ด Diageo - Web Ordering - Tester
2
6
ศ 19 เม.ย. 2019 7:36 pm โดย Parichat
การบันทึกบัญชีค่าใช้จ่าย
โดย สริญญา สมสา ศ 19 เม.ย. 2019 6:05 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
21
ศ 19 เม.ย. 2019 6:05 pm โดย สริญญา สมสา
การบันทึกบัญชีรายได้
โดย สริญญา สมสา ศ 19 เม.ย. 2019 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
15
ศ 19 เม.ย. 2019 5:53 pm โดย สริญญา สมสา
การบันทึกบัญชีหนี้สิน
โดย สริญญา สมสา ศ 19 เม.ย. 2019 5:38 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
12
ศ 19 เม.ย. 2019 5:38 pm โดย สริญญา สมสา
สอนดราฟตัวการ์ตูนด้วย illustrator
โดย napharat079 ศ 19 เม.ย. 2019 5:24 pm บอร์ด Graphic design
0
18
ศ 19 เม.ย. 2019 5:24 pm โดย napharat079
การบันทึกบัญชีสินทรัพย์
โดย สริญญา สมสา ศ 19 เม.ย. 2019 4:51 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
11
ศ 19 เม.ย. 2019 4:51 pm โดย สริญญา สมสา
บริษัท สยามเวลเนสกรุ๊ป จำกัด (มหาชน) รับสมัคร ตำแหน่ง Software Instructor and Support
โดย Anonymous ศ 19 เม.ย. 2019 4:14 pm บอร์ด Programming - PHP
0
17
ศ 19 เม.ย. 2019 4:14 pm โดย บุคคลทั่วไป
การบันทึกบัญชีการเพิ่มหนี้
โดย สริญญา สมสา ศ 19 เม.ย. 2019 3:51 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
9
ศ 19 เม.ย. 2019 3:51 pm โดย สริญญา สมสา
การบันทึกบัญชีการลดหนี้
โดย สริญญา สมสา ศ 19 เม.ย. 2019 1:57 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
7
ศ 19 เม.ย. 2019 1:57 pm โดย สริญญา สมสา
งานประจำวันที่ 19 เมษายน 2562
โดย poumtip ศ 19 เม.ย. 2019 9:26 am บอร์ด M080 - สุทธาทิพย์ อู่นาค
1
10
ศ 19 เม.ย. 2019 7:17 pm โดย poumtip