Css trong codeigniter
|
Sau Laravel Framework thì Codeigniter là một trong những Framework được rất nhiều lập trình viên trang web sử dụng nó nhờ tính tiện lợi của nó. Bây giờ tôi hướng dẫn bạn tải nó xuống Show Lý do nên biết Codeigniter
Download Codeigniter phiên bản mới nhấtBước 1. Bạn truy cập vào trang chủ Codeigniter liên kết. https. // người viết mã. com/ Bước 2. Nhấn vào nút Tải xuống Bước 3. Phát triển dự án trên Codeigniter Sau khi tải xong, bạn sao chép nó vào thư mục htdocs của máy chủ ảo xampp để bắt đầu học và phát triển dự án Tài liệu học CodeigniterNếu bạn có vốn tiếng anh khá thì bạn có thể truy cập trực tiếp vào phần hướng dẫn sử dụng framework tại liên kết bên dưới Tài liệu Codeigniter. https. // người viết mã. com/user_guide/index. html Nội dung khác dễ đọc xen kẽ text và code nên khá dễ hiểu. Các bạn cứ đọc qua, những từ nào chưa hiểu có thể tra google dịch để hoàn thiện dần Trước kia khi mới bắt đầu thì mình cũng độn tiếng anh lắm nhưng sau khi đọc nhiều, luyện nhiều giờ đọc ôm nội dung ngon lành À thời gian sắp tới nếu sắp xếp được mình sẽ viết thêm tài liệu Codeigniter bằng tiếng Việt để ae dễ học và nắm bắt hơn Tổng kếtQua bài viết này tôi chỉ cho bạn cách tải xuống Codeigniter phiên bản mới nhất. Nhiệm vụ của bạn cần thực hiện ngay và bắt đầu đọc tài liệu để nắm bắt cách sử dụng nhé hôm nay mình sẽ giới thiệu với các bạn về cách tích hợp Bootstrap 4 vào Codeigniter. Một số người gặp khó khăn khi sử dụng thư viện của Bootstrap 4. Bởi vì họ không biết cách cấu hình tích hợp Bootstrap vào Codeigniter Trong bài viết này, tôi sẽ giới thiệu chi tiết cách quản lý cấu hình Bootrap 4 vào Codeigniter. Sau khi cấu hình thành công, bạn có thể phát triển bất kỳ ứng dụng Web nào mà bạn muốn khi sử dụng Codeigniter và Bootstrap 4. Tôi hy vọng bạn có thể hiểu cách sử dụng công việc tích hợp Bootstrap 4 để xây dựng ứng dụng của mình Trước khi bắt đầu xây dựng ứng dụng, tôi cần bạn phải có một máy chủ quản trị Trang web và thiết lập Codeigniter trên máy chủ lưu trữ này của bạn. Bạn có thể làm điều đó theo các bước dưới đây Tích hợp Bootstrap 4 vào Codeigniter1 Để có một máy chủ lưu trữ, bạn có thể làm theo hướng dẫn cài đặt và sử dụng Fastpanel. Hoặc đơn giản hơn, bạn hãy cài đặt XAMPP trên máy tính của mình. XAMPP là môi trường phát triển PHP. Nhược điểm của XAMPP là không cấu hình được nhiều Website, dung lượng khá nặng… Bạn có thể tải về và cài đặt XAMPP tại đây 2 Ở bài viết này tôi sẽ thực hiện trên XAMPP. Bây giờ, chúng ta sẽ thiết lập Codeigniter với phiên bản hiện có. Vui lòng tải xuống CodeIgniter framework tại địa chỉ “https. // người viết mã. com/tải xuống“. Create a codeigniter directory at path “C. \xampp\htdocs”. Giải nén tất cả các tập tin bạn tải về vào thư mục codeigniter Để kiểm tra thiết lập CodeIgniter, hãy khởi động các dịch vụ Apache và MYSQL và truy cập http. //localhost/codeigniter , tại đây bạn sẽ thấy CodeIgniter đang chạy Bây giờ, bạn có thể tạo nội dung riêng cho ứng dụng của mình bằng cách chỉnh sửa tệp ứng dụng đã chỉnh sửa /views/ welcome_message. php. Kết quả sau khi thiết lập thành công như sau 3 Loại bỏ từ khóa chỉ mục. php khỏi URL trong CodeIgniter (giống như hình trên). Để thay đổi cấu hình của CodeIgniter server, việc loại bỏ từ khóa chỉ mục. php. Please go to directory C. \ xampp\ htdocs\codeigniter. And create a file has extension section. htaccess và thêm mã bên dưới vào tệp này RewriteEngine on
RewriteBase /codeigniter
RewriteCond $1 !^(index\.php|resources|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L,QSA]
4 Tải Bootstrap 4 từ địa chỉ https. //getbootstrap. com/ và giải nén chúng vào một thư mục. Bạn sẽ thấy 02 thư mục CS và JS trong thư mục bootstrap. Trong bài viết này, chúng ta sẽ sử dụng ví dụ mẫu theo đường dẫn sau https. //getbootstrap. com/docs/4. 1/ví dụ/mẫu khởi động/ 5 Đi tới thư mục CodeIgniter, nằm trong thư mục “C. \xampp\htdocs”. Bạn hãy tạo một thư mục có tên là “nội dung”. Sau đó, di chuyển tất cả các thư mục CSS và JS từ thư mục Bootstrap đã giải nén vào thư mục này Tạo bộ điều khiểnBây giờ chúng ta sẽ tạo nhiều trang trong ứng dụng. Chúng ta không cần tạo bộ điều khiển riêng cho từng trang riêng lẻ. Ở đây, tôi đang tạo một bộ điều khiển duy nhất cho nhiều trang. Tôi sẽ sử dụng câu lệnh if () để kiểm tra xem trang có tồn tại hay không trong bộ điều khiển Hãy đến thư mục điều khiển, tạo một trang tệp. php. Sau đó thêm đoạn mã sau vào tệp Trang. php load->view('pages/'.$page);
}
}
?>
Create ViewGo to the directory “C. \xampp\htdocs\codeigniter\application\views”. Bạn hãy tạo một thư mục có tên là “Trang”. Bên trong thư mục Trang , tạo tệp trang chủ. php, về. php and contact. php. Sau đó hãy thêm các mã được cung cấp bên dưới a) Thêm đoạn mã sau vào tệp home. php
b) Thêm đoạn mã sau vào tệp about. php
c) Thêm đoạn mã sau vào tệp liên hệ. php
Trong dự án này, chúng tôi đã bổ sung tệp Bootstrap CSS và JS bên trong thư mục tài sản. Và bây giờ bạn cần cung cấp một liên kết cho tệp CSS và JS trong các trang trên đoạn mã như được cung cấp bên dưới Create RoutesTrên localhost, chúng ta đang viết http. //localhost/codeigniter/pages/view để truy cập chế độ xem tệp, gọi đối tượng và chức năng xem từ Trang điều khiển. php Để thực hiện thay đổi trong URL. You please open a file “route. php”, nằm trong thư mục “C. \xampp\htdocs\codeigniter\application\config” |
