search

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Ngày đăng: 03/11/2022
Trả lời: 0
Lượt xem: 26

Khi tôi đang cố gắng tải tệp CSS hoặc JavaScript thì nó sẽ trả về lỗi 404.

Show

Tôi đã cố gắng sử dụng các trình trợ giúp như Link_Tag của HTML Helper, các phương thức Base_URL của URL, nó sẽ tạo một tuyến đường đến tệp, nhưng không thể tải được.

Đây là bộ điều khiển của tôi:

class Pages extends Controller{

    public function viewPage($page)
    {
        if(!is_file(APPPATH."/views/pages/$page.php")){
            throw new \CodeIgniter\Exceptions\PageNotFoundException($page);
        }

        helper('html');

        $data['title'] = $page == 'noticeboard' ? "page1" : "page2";

        if($page != "index"){
            echo view('templates/header', $data);
        }

        echo view("pages/$page", $data);

        if($page != "index"){
            echo view("templates/footer", $data);
        }
    }

}

Bộ định tuyến của tôi:

$routes->get("/", "Pages::viewPage/index");

Tiêu đề trong HTML:

Thư mục tài sản được đặt trong chính gốc của HTDOCs (tôi đang sử dụng máy chủ XAMPP Apache).

Và khi tôi cố gắng tải CSS hoặc JS, tôi gặp lỗi này:

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Tôi hoàn toàn mới đối với Codeigniter, vì vậy bất kỳ bit trợ giúp nào cũng sẽ được đánh giá cao.

  • Cấu trúc thư mục:
htdocs
  -public
    --CSS
     ---style.css
    --JS
     ---app.js
  -app
    --controllers
      ---Page.php
    --views
      ---pages
        ----index.php

* Tôi đã thay đổi CSS của mình, các tuyến tệp JS từ tài sản sang công khai *

Cách thêm các tệp CSS và JS trong Codeigniter 4

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Cách thêm các tệp CSS và JS trong Codeigniter 4

Làm việc trên Codeigniter 4 là rất dễ dàng vì tính linh hoạt; Codeigniter đã giới thiệu nhiều điều mới trong phiên bản Codeigniter 4.

  • Dữ liệu mô hình hóa
  • Kiểm tra
  • Sử dụng dòng lệnh
  • Tích hợp trong phân trang
  • Xem trình kết xuất
  • Xem bố cục
  • Bản địa hóa
  • Xem tế bào
  • Lưu trữ các tệp CSS và JS trong một thư mục công khai.

Trong Codeigniter 3, chúng tôi giữ các tệp CSS của chúng tôi trong các thư mục riêng biệt, tức là, tài sản/CSS hoặc tài sản/JS. Tuy nhiên, CodeIgniter 4 hiện đang cung cấp thư mục công khai nơi bạn có thể giữ tất cả hình ảnh, CSS, JS và các tệp khác. Cho đến nay, bạn phải tạo thư mục CSS và JS của mình và lưu các tệp trong các thư mục đó. Tải xuống phiên bản Codeigniter 4 từ trang web chính thức của CodeIgniter 4

Bây giờ hãy tạo một thư mục có tên CSS trong thư mục công khai và tạo một style.css tốt và giữ tệp này trong cùng một thư mục bạn vừa tạo.

Bây giờ hãy tạo một thư mục JS trong thư mục công khai, tạo tệp Custom.js và giữ tệp trong cùng một thư mục bạn vừa tạo.

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Bây giờ hãy tạo một bộ điều khiển có tên Home và sau đó, hãy tạo một chế độ xem có tên Home và giữ thư mục bộ điều khiển trong thư mục ứng dụng/bộ điều khiển và tệp xem trong thư mục ứng dụng/xem.

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Bây giờ thêm mã này trong chế độ xem bạn vừa tạo; Tôi cho rằng bạn đã đặt base_url = tên dự án của bạn.







Add css and js files in codeigniter 4




How to add css and js files in codeigniter 4

Bây giờ truy cập bộ điều khiển nhà.

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Thêm một số mã CSS và JS vào các tệp CSS và JS của bạn. Tôi đang thêm mã này trong cảnh báo tệp Custom.js (‘Làm việc .. xông); và Kiểu trong STYLE.CSS Tệp H2 {Color: Olive;}alert(‘working..’); and styling in style.css file h2{color: olive;}

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Phần bảng điều khiển rõ ràng vì mọi thứ đều hoạt động tốt. Tuy nhiên, nếu bạn đặt tên thư mục sai hoặc tên tệp, trình duyệt của bạn luôn hiển thị lỗi trong phần bảng điều khiển, giờ đây tôi đang sử dụng tên tệp sai cho CSS và JS & NBSP; Tên tệp của StyleEeeeCSS and js  “styleeee.css” this fileName as js customdfdfdf.js, and definitely, your browser will give you the error.

Hướng dẫn how to add css in codeigniter 4? - làm thế nào để thêm css trong codeigniter 4?

Làm thế nào để nhập CSS trong Codeigniter?

CodeIgniter: Tải tệp CSS và JavaScript..
Tải xuống trang web Codeigniter từ đó và trích xuất chúng trong máy chủ cục bộ của bạn ..
Bây giờ tạo thư mục CSS và JS trong thư mục gốc dự án của bạn ..
Sao chép của bạn.Tệp CSS trong thư mục CSS và sao chép.....
Đố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 ..

Tôi nên đặt CSS vào đâu trong Codeigniter?

Thêm tệp JavaScript và CSS (Bảng kiểu xếp tầng) 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ả.Các tập tin JS trong thư mục JS và.Các tệp CSS trong thư mục CSS như trong hình.CSS folder as shown in the figure.

Làm cách nào để thêm chân trang tiêu đề trong CI?

Mẫu Codeigniter: Thêm tiêu đề, chân trang và nội dung động..
http://localhost/ci_header_footer/index.php/first_page/php..

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

DMCA.com Protection Status
Bản quyền © 2021 Xây Nhà Inc.