Trong hướng dẫn này, bạn sẽ tìm hiểu các chủ đề sau.
- Routing - định tuyến chịu trách nhiệm phản hồi các yêu cầu URL. Định tuyến khớp URL với các tuyến đường được xác định trước. Nếu sau đó không tìm thấy kết quả phù hợp với tuyến đường, CodeIgniter sẽ ném một trang không tìm thấy ngoại lệ.
- Bộ điều khiển - các tuyến được liên kết với bộ điều khiển. Bộ điều khiển gắn các mô hình và khung nhìn với nhau. Yêu cầu dữ liệu / logic nghiệp vụ từ mô hình và trả về kết quả trong bản trình bày của dạng xem. Khi một URL đã được đối sánh với một tuyến đường, nó sẽ được chuyển tiếp đến chức năng công khai của bộ điều khiển. Hàm này tương tác với nguồn dữ liệu, logic nghiệp vụ và trả về dạng xem hiển thị kết quả.
- Các khung nhìn - các khung nhìn có nhiệm vụ trình bày. Chế độ xem thường là sự kết hợp của HTML, CSS và JavaScript. Đây là phần có nhiệm vụ hiển thị trang web cho người dùng. Thông thường, dữ liệu được hiển thị thường được truy xuất từ cơ sở dữ liệu hoặc bất kỳ nguồn dữ liệu có sẵn nào khác.
Trong hướng dẫn này, bạn sẽ học-
- Cách tạo một dự án CodeIgniter mới
- Định tuyến CodeIgniter
- Tạo một tuyến đường
- Tạo bộ điều khiển
- Tạo chế độ xem
Cách tạo một dự án CodeIgniter mới
Chúng tôi sẽ sử dụng Composer để tạo một dự án mới. Tôi sẽ sử dụng máy chủ tích hợp PHP, vì vậy không cần thiết phải có thêm phần mềm như Apache. Trong hướng dẫn này, chúng tôi đang sử dụng hệ điều hành Windows. Do đó, chúng tôi đã tạo một thư mục Sites trên ổ C. Bạn có thể sử dụng bất kỳ thư mục nào phù hợp với mình.
Mở dòng lệnh / thiết bị đầu cuối và chạy lệnh sau
cd C:\Sites
Bây giờ chúng ta sẽ tạo một dự án CodeIgniter bằng Composer. Chạy lệnh sau
composer create-project CodeIgniter/framework ci-app
ĐÂY,
- Lệnh trên tạo một dự án CodeIgniter mới phiên bản 3 bằng cách sử dụng bản phát hành ổn định mới nhất, tức là 3.1.9 vào một thư mục ci-app.
Khi lệnh trên đã chạy xong, bạn sẽ có thể nhận được kết quả tương tự như sau trong terminal
Chạy lệnh sau để duyệt đến ci-app thư mục dự án mới được tạo
cd ci-app
Bây giờ chúng ta hãy khởi động máy chủ web tích hợp sẵn PHP
php -S localhost:3000
ĐÂY,
- Lệnh trên khởi động máy chủ PHP tích hợp sẵn đang chạy trên cổng 3000.
Mở trình duyệt web và duyệt qua URL sau
http: // localhost: 3000 /
Bạn sẽ nhận được trang sau
Nếu bạn có thể nhìn thấy trang trên thì xin chúc mừng, bạn đã cài đặt CodeIgniter thành công.
Như bạn có thể đọc từ trang web trên, trang hiển thị ở trên được hiển thị bởi chế độ xem nằm trong application / views / welcome_message.php và bộ điều khiển chịu trách nhiệm nằm trong application / controllers / Welcome.php
Định tuyến CodeIgniter
Hiện tại, ứng dụng của chúng tôi chỉ có một URL duy nhất là trang chủ. Trong phần này, chúng tôi sẽ tùy chỉnh phần trang chủ. Chúng tôi sẽ tạo một số URL mới sẽ đáp ứng các yêu cầu khác nhau.
Hãy bắt đầu với tuyến trang chủ
Mở tệp tuyến đường như được chỉ ra bởi đường dẫn bên dưới
application/config/routes.phpBạn sẽ có thể xem nội dung sau
$route['default_controller'] = 'welcome';$route['404_override'] = '';$route['translate_uri_dashes'] = FALSE;
ĐÂY,
- $ route ['default_controller'] = 'chào mừng'; xác định bộ điều khiển mặc định đáp ứng các yêu cầu URI
- $ route ['404_override'] = ''; tuyến đường này cho phép bạn xác định một tuyến đường tùy chỉnh cho các lỗi 404. Lỗi 404 xảy ra khi không tìm thấy trang. CodeIgniter có một trình xử lý mặc định cho lỗi nhưng bạn có thể tự xác định nếu muốn.
- $ route ['translate_uri_dashes'] = FALSE; tùy chọn này cho phép bạn dịch dấu gạch ngang thành dấu gạch dưới. Chúng tôi sẽ nói về tùy chọn này khi chúng tôi xem xét cách các tuyến hoạt động trong CodeIgniter.
Bây giờ chúng ta hãy xem xét phương thức controller chịu trách nhiệm hiển thị trang chủ mà chúng ta đã thấy khi chúng ta mở URL http: // localhost: 3000 / trong trình duyệt web
Mở tệp sau
application/controllers/Welcome.php
Bạn sẽ có thể thấy đoạn mã sau
load->view('welcome_message');}}
ĐÂY,
- Đã xác định ('BASEPATH') HOẶC thoát ('Không cho phép truy cập tập lệnh trực tiếp'); bảo vệ chống lại việc truy cập trực tiếp vào lớp điều khiển mà không cần chuyển qua tệp index.php. Hãy nhớ rằng, trong mô hình MVC, tất cả các yêu cầu đều có một điểm vào duy nhất và đối với CodeIgniter, index.php của nó. Mã này chặn tất cả các yêu cầu không đến từ index.php
- lớp Chào mừng mở rộng CI_Controller {…} định nghĩa một lớp Chào mừng mở rộng lớp cha CI_Controller
- public function index () xác định một hàm công khai được gọi theo mặc định khi bạn mở trang chủ
- $ this-> load-> view ('welcome_message'); dòng này tải chế độ xem welcome_message. Tệp welcome_message nằm trong thư mục application / views / welcome_message.php
Cho đến nay, chúng ta mới chỉ khám phá những gì xuất hiện với CodeIgniter, bây giờ hãy thử thực hiện một số thay đổi. Chúng tôi sẽ tạo trang chủ của mình và thay thế trang mặc định
Tạo một tệp mới trong application / views / home.php
Thêm mã sau vào home.php
Hello CodeIgniter! CodeIgniter Hello World
ĐÂY,
Đoạn mã HTML trên tải khung SSS Miến Điện và phông chữ từ mạng CDN tạo ra một tài liệu HTML rất cơ bản. Nó áp dụng quy tắc CSS rất đơn giản từ khung CSS Miến Điện.
Mở URL sau trong trình duyệt của bạn
http: // localhost: 3000 /
Bạn sẽ có thể thấy những điều sau đây
Tuyệt vời, chúng tôi vừa sửa đổi thành công trang chủ. Tiếp tục, hãy xác định lộ trình của chúng ta. Giả sử ứng dụng của chúng tôi cũng cần có khả năng hiển thị trang giới thiệu về chúng tôi.
Tạo một tuyến đường
Mở tệp tin tuyến đường application / config.routes.php
Thêm tuyến đường sau
$route['about-us'] = 'welcome/about_us';
ĐÂY,
- Khi khách truy cập vào URL / about-us, chúng tôi đang hướng dẫn CodeIgniter tìm kiếm bộ điều khiển Chào mừng và thực thi phương thức about_us.
Tạo bộ điều khiển
Bây giờ chúng ta hãy xác định phương thức điều khiển về chúng ta
Mở ứng dụng / bộ điều khiển / Welcome.php
Thêm phương thức sau
public function about_us(){$this->load->view('about_us');}
ĐÂY,
- Đoạn mã trên định nghĩa một hàm about_us và tải một khung nhìn about_us.
Tạo chế độ xem
Bây giờ chúng ta hãy tạo chế độ xem mà chúng ta vừa tham chiếu trong phần trên
Tạo một tệp tin about_us.php mới trong application / views / about_us.php
Thêm mã sau
About CodeIgniter! About us yap…
Chúng tôi rất sẵn lòng, hãy mở URL sau trong trình duyệt web của bạn
http: // localhost: 3000 / index.php / about-us
Bạn sẽ thấy trang sau
Nếu bạn có thể nhìn thấy trang trên thì xin chúc mừng, bạn đã tạo thành công một ứng dụng đơn giản trong CodeIgniter.
Tóm lược
Trong hướng dẫn này, chúng tôi đã đề cập đến ba (3) thành phần chính tạo nên một ứng dụng CodeIgniter. Chúng tôi đã xem xét các tuyến và cách xác định chúng, bộ điều khiển và cách tạo các phương thức đáp ứng các yêu cầu định tuyến và tạo các dạng xem đơn giản được trả lại cho người dùng khi họ yêu cầu tài nguyên.