Làm cách nào để tải CSS trong CodeIgniter?

Trong bài viết ngắn này, tôi sẽ giải thích các phương pháp tải kiểu và tập lệnh trong CodeIgniter. Để xây dựng một trang web thân thiện với người dùng, việc sử dụng CSS và JavaScript là bắt buộc. Nếu không có những thứ này, chúng tôi không thể làm cho trang web của mình bắt mắt vì đây sẽ chỉ là một trang trắng đơn giản. Đầu tiên tôi sẽ giải thích cách tải tệp CSS trong CodeIgniter, sau đó sẽ giải thích cách tải tệp JavaScript

Trước khi tải các tệp CSS và JavaScript, chúng tôi cần lưu chúng trên máy chủ web của mình. Tôi khuyên bạn nên đặt tất cả các tệp này trong các thư mục riêng biệt. Vì vậy, hãy tạo thư mục 'css' để lưu trong tệp CSS và thư mục 'js' vào tệp JavaScript. Một điều nữa mà tôi thích là tạo một thư mục nội dung trong thư mục gốc. Và đặt các thư mục CSS và js trong thư mục này

Vì vậy, theo cấu trúc thư mục này, nếu chúng ta có phong cách. css, nó sẽ được đặt trong tài sản/css/style. css. Tương tự như vậy, tùy chỉnh của chúng tôi. js sẽ có đường dẫn nội dung/js/tùy chỉnh. js. Bây giờ, chuyển sang quy trình tìm hiểu cách đưa các kiểu và tập lệnh vào trang web CodeIgniter

Trước khi tìm hiểu cách Tải CSS và JavaScript trong CodeIgniter, vui lòng tham khảo cài đặt và thông tin cơ bản về CodeIgniter tại đây

• Cách tạo dự án CodeIgniter mới
• Tìm hiểu cách xóa chỉ mục. php từ URL CodeIgniter theo các bước

Cách tải CSS trong CodeIgniter

Để tải các kiểu từ các tệp CSS bên ngoài trong CodeIgniter, chúng ta có thể chọn bất kỳ phương pháp nào sau đây

Load CSS files in CodeIgniter by HTML Tag

Điều chúng ta có thể làm là sử dụng thẻ liên kết của HTML. Đặt mã này trong phần đầu của trang. Ví dụ. Đang tải kiểu. css với đường dẫn như được giải thích trong đoạn trên

1

2

<liên kết rel = "biểu định kiểu" href=" echo base_url(‘assets/css/style.css ' ) ?>" type="text/css" />

Giải thích mã

hàm base_url() sẽ tạo URL trang web của bạn (ví dụ:. http. //myweb. com/) và giá trị src hoàn chỉnh sẽ giống như http. //myweb. com/nội dung/js/tùy chỉnh. css

Nếu bạn là nhà phát triển web và đang làm việc trên PHP, bạn luôn thêm các tệp CSS và JS vào dự án của mình, nhưng thật khó để thêm các tệp CSS và js nếu bạn đang làm việc trên một framework. Hôm nay mình sẽ hướng dẫn các bạn cách thêm CSS và file js bằng CodeIgniter

Cách đính kèm/thêm tệp CSS và JS trong CodeIgniter. ?

Bây giờ hãy tạo các thư mục CSS và js và tạo tệp CSS của bạn có tên style. css và đặt nó vào thư mục CSS; . js và giữ nó trong thư mục js. Mở chế độ xem của bạn để thêm liên kết tệp CSS và JS để sử dụng APPPATH

ỨNG DỤNG là gì. ?

APPPATH là đường dẫn đến thư mục ứng dụng của bạn

APPPATH."assets/css/style.css"
APPPATH."assets/js/script.js"

Nếu bạn muốn tạo một thư mục nội dung trong thư mục gốc CodeIgniter của mình, hãy tạo một thư mục nội dung trong thư mục gốc, mở thư mục nội dung của bạn, tạo một tệp CSS có tên style. css, đặt nó vào thư mục CSS và tạo tệp js của bạn có tên là script. js và giữ nó trong thư mục js.  

Bây giờ hãy mở chế độ xem của bạn để đính kèm liên kết css và js sử dụng baser_url() Lưu ý trước khi sử dụng hàm baser_url() trong codeigniter bạn phải tải Trình trợ giúp URL, bạn có thể tải Trình trợ giúp URL trong bộ điều khiển của mình $this->load->helper('url') . php và tìm $autoload[‘helper’] = array(‘url’);

Thêm tệp JavaScript và CSS (Cascading Style Sheet) trong CodeIgniter rất đơn giản. Bạn phải tạo thư mục JS và CSS trong thư mục gốc và sao chép tất cả. js trong thư mục JS và. css trong thư mục CSS như trong hình

Ví dụ: giả sử bạn đã tạo một mẫu tệp JavaScript. js và một kiểu tệp CSS. css. Bây giờ, để thêm các tệp này vào chế độ xem của bạn, hãy tải trình trợ giúp URL trong bộ điều khiển của bạn như hình bên dưới

$this->load->helper('url');

Sau khi tải trình trợ giúp URL trong bộ điều khiển, chỉ cần thêm các dòng đã cho bên dưới vào tệp xem để tải mẫu. js và phong cách. css trong chế độ xem như hình bên dưới

Ví dụ

Tạo một bộ điều khiển có tên là Kiểm tra. php và lưu nó trong ứng dụng/bộ điều khiển/Kiểm tra. php

load->helper('url'); 
         $this->load->view('test'); 
      } 
   } 
?>

Tạo một tệp xem có tên là test. php và lưu tại application/views/test. php

 

 
    
       
      CodeIgniter View Example 
       
       
   
	
    
      Click Here to execute the javascript function. 
   
	

Tạo một tệp CSS có tên là style. css và lưu tại css/style. css

body { 
   background:#000; 
   color:#FFF; 
}

Tạo một tệp JS có tên là mẫu. js và lưu tại js/sample. js

Thay đổi các tuyến đường. tệp php trong ứng dụng/config/tuyến. php để thêm tuyến cho bộ điều khiển ở trên và thêm dòng sau vào cuối tệp

Làm cách nào để thêm CSS vào CodeIgniter 4?

Bạn sẽ thêm hoặc tải một mô hình trong CodeIgniter như thế nào?

Làm cách nào để đưa tệp CSS bên ngoài vào php?

Bạn có thể kết nối php với CSS không?