Создание вашего первого приложения

Обзор

Этот учебник предназначен для знакомства вас с фреймворком CodeIgniter4 и основными принципами архитектуры MVC. Он покажет, как строится базовое приложение CodeIgniter пошагово.

Если вы не знакомы с PHP, рекомендуем вам ознакомиться с учебником по PHP от W3Schools перед продолжением.

В этом учебнике вы будете создавать базовое приложение новостей. Вы начнете с написания кода, который может загружать статические страницы. Затем вы создадите раздел новостей, который будет читать новости из базы данных. Наконец, вы добавите форму для создания новостей в базе данных.

Этот учебник в основном сосредоточится на:

• Основах модели-представления-контроллера
• Основах маршрутизации
• Валидации форм
• Выполнении основных запросов к базе данных с помощью «Построителя запросов» CodeIgniter

Весь учебник разделен на несколько страниц, каждая из которых объясняет небольшую часть функциональности фреймворка CodeIgniter. Вы пройдете по следующим страницам:

• Вводный раздел, эта страница, которая даёт обзор ожидаемого и загружает ваше приложение по умолчанию и запускает его.
• Статические страницы, которые научат вас основам контроллеров, представлений и маршрутизации.
• Раздел новостей, где вы начнете использовать модели и выполнять некоторые основные операции с базой данных.
• Создание новостей, которые познакомят вас с более сложными операциями с базой данных и валидацией форм.
• Заключение, которое даст вам некоторые рекомендации по дальнейшему чтению и другим ресурсам.

Приятного изучения фреймворка CodeIgniter.

Начало работы

Вы можете загрузить релиз вручную с сайта, но для этого учебника мы будем использовать рекомендуемый способ и устанавливать пакет AppStarter через Composer. В командной строке введите следующее:

composer create-project codeigniter4/appstarter ci-news

Это создает новую папку ci-news, которая содержит код вашего приложения, с установленным CodeIgniter в папке vendor.

По умолчанию CodeIgniter запускается в режиме production. Это мера предосторожности, чтобы сайт был немного безопаснее в случае сбоев настроек после его публикации. Итак, сначала давайте исправим это. Скопируйте или переименуйте файл env в .env. Откройте его.

Этот файл содержит настройки, специфичные для сервера. Это означает, что вам никогда не нужно будет коммитить какие-либо конфиденциальные данные в систему управления версиями. Он включает в себя некоторые из наиболее распространенных данных, которые вы хотите ввести, хотя они все прокомментированы. Поэтому раскомментируйте строку с CI_ENVIRONMENT и измените production на development.

CI_ENVIRONMENT = development

С этим разобрались, пора просмотреть ваше приложение в браузере. Вы можете обслуживать его через любой сервер по вашему выбору, Apache, Nginx и т. д., но CodeIgniter поставляется с простой командой, которая использует встроенный сервер PHP, чтобы быстро запустить вас на ваших машинах разработки. Введите следующее в командной строке из корня вашего проекта:

php spark serve

Главная страница

Теперь откройте ваш браузер по правильному URL-адресу. Вы увидите приветственный экран. Попробуйте сейчас, перейдя по следующему URL:

http://localhost:8080

и вы должны увидеть следующую страницу:

Это означает, что ваше приложение работает, и вы можете начать вносить изменения.

Отладка

Теперь, когда вы находитесь в режиме разработки, вы увидите панель инструментов в нижней части вашего приложения. Эта панель инструментов содержит ряд полезных элементов, которые вы можете использовать при разработке. Она никогда не отображается в production-средах. Щелчок по любой вкладке в нижней части отображает дополнительную информацию. Щелчок по X в правой части панели инструментов сворачивает её в небольшой квадрат с логотипом CodeIgniter. Если нажать на него, панель инструментов снова отобразится.

Кроме того, CodeIgniter имеет несколько полезных страниц ошибок, когда вы сталкиваетесь с исключениями или другими ошибками в вашей программе. Откройте app/Controllers/Home.php и измените некоторые строки, чтобы сгенерировать ошибку (удаление точки с запятой или фигурной скобки должно сработать!). Вы увидите экран, похожий на этот:

Здесь есть несколько моментов, которые стоит отметить:

1. Наведение курсора на красную заголовок в верхней части отображает ссылку search, которая откроет DuckDuckGo.com в новой вкладке и позволит выполнить поиск по исключению.
2. Нажатие на ссылку arguments на любой строке в списке вызовов позволит расширить список аргументов, переданных в этот вызов функции.

Всё остальное должно быть понятно, когда вы это увидите.

Теперь, когда мы знаем, как начать и как немного отладить, давайте начнём создавать это небольшое приложение новостей.