Làm cách nào để đưa tệp css vào chế độ xem 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 Show
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ả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 CodeIgniter sử dụng kiến trúc Model-View-Controller (MVC) hoạt động trên kiến trúc ba lớp, tất cả các lớp đều tách biệt. Trong CodeIgniter bạn nên. css và. js nên được đặt trong thư mục CSS và JS Trong hướng dẫn này, chúng tôi sẽ giải thích cách chúng tôi có thể sử dụng css và js bên ngoài trong CodeIgniter Để tích hợp tệp css và js bên ngoài trong CodeIgniter, hãy thực hiện các bước sau
Bây giờ bạn có thể sử dụng hàm base_url() trong chế độ xem
Ghi chú. hàm base_url() in url cơ sở dự án của bạn. Trong nguồn xem, nó sẽ tạo url hoàn chỉnh
Bạn cũng có thể tham khảo bản demo trực tiếp của chúng tôi hoặc tải xuống tệp Script. Giải nén các tệp đã tải xuống, lưu nó vào máy chủ cục bộ của bạn và chạy nó bằng đường dẫn đã cho
Tải xuống tập lệnh
Hướng dẫn Script chi tiếtDưới đây là chi tiết về mã được sử dụng trong hướng dẫn này với lời giải thích phù hợp Tập tin điều khiển. css_js_load. phpTrong bộ điều khiển, chỉ cần tải trình trợ giúp Url trong chế độ xem tải hàm tạo và hàm chỉ mục nơi css và js bên ngoài sẽ sử dụng
Xem tài liệu. css_js_view. phpTrong chế độ xem, tải CSS và js bằng liên kết và thẻ script
Tệp CSS. Phong cách. cssTạo kiểu các phần tử HTML
Tệp Javascript. script. jsJavascript trong đó jQuery chức năng chuyển đổi được sử dụng trong sự kiện nhấp chuột.
Phần kết luậnĐây là tất cả về cách chúng ta có thể sử dụng tệp CSS và js bên ngoài trong CodeIgniter. Hy vọng bạn thích nó, tiếp tục đọc các blog khác của chúng tôi Làm cách nào để đưa tệp CSS vào chế độ xem CodeIgniter 4?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à. các tệp css trong thư mục CSS như trong hình.
Làm cách nào để kết nối CSS trong CodeIgniter?Để tích hợp tệp css và js bên ngoài trong CodeIgniter, hãy làm theo các bước sau. . Tải xuống CodeIgniter từ trang web đó và giải nén chúng trong máy chủ cục bộ của bạn Bây giờ hãy tạo thư mục css và js trong thư mục gốc của dự án của bạn Sao chép của bạn. . Đối với hàm base_url(), bạn phải tải trình trợ giúp URL trong hàm tạo của bộ điều khiển Chúng ta có thể thêm tệp CSS vào php không?Nếu bạn muốn bao gồm toàn bộ biểu định kiểu trong thẻ bạn cũng có thể bao gồm tệp CSS qua PHP . Điều này về cơ bản sẽ chèn tệp vào vị trí này trên trang khi nó được thực thi giống như sao chép và dán.
Làm cách nào để đưa tệp php bên ngoài vào CodeIgniter?Sau đó, ở giữa tệp, chỉnh sửa hai biến $application_folder và $system_path và đảm bảo rằng bạn đang sử dụng đường dẫn tuyệt đối thay vì đường dẫn tương đối. Sau đó, trong tập lệnh PHP bên ngoài của bạn, chỉ bao gồm bên ngoài. php và sử dụng đối tượng toàn cục $CI để truy cập toàn bộ trình viết mã. bao gồm '. /. /bên ngoài. |