Khi tôi đang cố gắng tải tệp CSS hoặc JavaScript thì nó sẽ trả về lỗi 404.
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:
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
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.
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.
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