Yii2 видео уроки

Уроки Yii2. Как создать страницу и что такое View и Controller

Всех приветствую, с вами Сергей Никонов. В моем новом уроке Yii2 я расскажу как создать страницу, а также вы узнаете что такое паттерн MVC, что такое контроллер (controller), что такое вид (view), что такое layouts в фреймворке Yii2 и многое другое. Эти уроки входят в курс Yii2.

Смотрите видео как создать страницу используя Yii2 фреймворк

Часть 1

Часть 2

Что такое MVC

Для того, чтобы вы смогли создать вашу первую страницу в фреймворке Yii2, вам необходимо понимать что такое MVC.

MVC расшифровывается как Model (модель) — View (вид) — Controller (контроллер). Model отвечает за связь и работой с данными, например модель User может извлекать информацию из базы данных, обновлять информацию в базе данных и так далее.

В этом уроке мы не будем работать с Model, а рассмотрим Controller и View. Controller является связующим звеном между Model и View и обрабатывает эти взаимодействия, а также входные данные. View, если говорить простыми словами, это визуальная часть вашего веб-приложения, которую видит пользователь сайта, иными словами — это файлы с html-версткой, которые подключаются в методы контроллеров.

Что такое Controller (контроллер)

Контроллеры можно представить как интерфейсы между Models и Views. Для того, чтобы понять что такое контроллер, достаточно взглянуть на URL вашего локального сайта Yii2:

site — это название контроллера, а about — это метод в контроллере, который в Yii2 называется как Action.

Пример action страницы Yii2 about в контроллере SiteController:

Если вы удалите строчку return $this->render(‘about’); и напишите вместо нее:

перейдя на страницу About, вы увидите надпись hello. Вы даже можете вывести через echo html тэги, которые будут отображаться на странице about:

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

Что такое View

Файлы с версткой, которые подключается в actions контроллеров называется Views (Виды). Все что видят пользователи вашего сайта — блоки, html-формы, кнопки, иными словами дизайн страницы описанный html и css является Views. Вы не должны помещать верстку ваших страниц напрямую в экшены контроллеров, а делать это нужно через специальные файлы view, затем эти файлы с версткой должны встраиваться в контроллеры:

Строчкой $this->render(‘about’) в методе actionAbout контроллера SiteController рендерится (отрисовывается) View страницы About.

Как создать страницу в Yii2 фреймворке

Создать страницу используя фреймворк очень просто.

1. Перейдите в контроллер SiteController. Он находится в каталоге frontend — controllers и откройте файл SiteController.php.

2. Найдите и скопируйте action (метод) под названием actionAbout() и вставьте скопированный код ниже.

3. Переименуйте скопированный метод actionAbout() в actionHello() и в строчке $this->render(‘about’) замените ‘about’ на ‘hello’:

4. Создайте файл hello.php в каталоге frontend — views и поместите в него следующий код:

5. Если вы настраивали локальные домены по урокам из курса Yii2 Фреймворк на сайте FructCode.com, перейдите по адресу:

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

Обратите внимание на кнопки, которые мы создали и их дизайн. CSS-классы, которые мы использовали, принадлежат Bootstrap 3. Но откуда Yii2 знает про Bootstrap 3? Дело в том, что в фреймворк Yii2 по умолчанию встроен Bootstrap 3 и вы можете сразу использовать все возможности верстки сетки и компоненты Bootstrap 3 в вашем проекте Yii2. А если вы незнакомы с Bootstrap 3, но хотите научиться им пользоваться, обязательно пройдите мой интерактивный курс Bootstrap 3 на сайте FructCode.

Как вы видите создать страницу с помощью Yii2 фреймворка очень просто. Фреймворк Yii2 очень функциональный, но для того, чтобы знать как им пользоваться, вам необходимо знать что такое объектно-ориентированном программирование (ООП) и уметь программировать применяя парадигму ООП. Объектно-ориентированное программирование на первый взгляд кажется очень сложным и я постарался простым языком на примерах рассказать основы объектно-ориентированного программирования в моем интерактивном курсе PHP и MySQL.

Кроме ООП вам необходимо изучить структуру фреймворка Yii2 Advanced, а также ключевые концепции Yii2, такие как:

— Dependency Injection Container

И другие. Также вам необходимо уметь взаимодействовать с базой данный с помощью фреймворка Yii2 и знать следующее:

Фреймворк YII2 с нуля до профи. Видеокурс (2016)

Этот видеокурс — наиболее полный в Рунете практический видеокурс по освоению фреймворка Yii2, благодаря которому Вы изучите фреймворк Yii2 на достаточном уровне для создания сайтов и веб-проектов практически любого уровня сложности и назначения: от блогов и визиток до новостийных мега-порталов и гигантских интернет-магазинов. Используя возможности фреймворка, мы можем построить простейший сайт за считанные часы, имея лишь базовые знания PHP. Ну а имея продвинутые знания PHP, мы ничем не ограничены при создании сложных сайтов, фреймворк Yii2 значительно облегчит нашу задачу.

Содержание:
Часть 1. Фреймворк YII2. Теория и возможности фреймворка.

Первая часть курса будет посвящена изучению возможностей, которые предлагает нам фреймворк Yii2.
Здесь мы лишь прикоснемся к его огромным возможностям. В процессе изучения теории, мы будем также учиться работать с документацией. Благо, Yii может предложить нам как официальную документацию на английском языке, так и переводную документацию на русском языке.

Урок 1. Введение
Урок 2. Установка фреймворка
Урок 3. Вывод Hello, world!
Урок 4. Контроллеры в Yii
Урок 5. Общий контроллер приложения
Урок 6. Виды и шаблоны
Урок 7. Подключение скриптов и стилей
Урок 8. Выполнение AJAX запроса
Урок 9. Метаданные страницы
Урок 10. Создание форм
Урок 11. Валидация данных
Урок 12. Принятие данных из формы
Урок 13. Работа с БД. Выборка данных. Часть 1
Урок 14. Работа с БД. Выборка данных. Часть 2
Урок 15. Отложенная и жадная загрузка данных
Урок 16. Запись данных в БД
Урок 17. Обновление и удаление данных в БД
Урок 18. Виджеты
Урок 19. Установка расширений из консоли
Урок 20. Установка расширений без композера
Урок 21. Создание ЧПУ
Урок 22. Gii — генерация кода

Читать еще: Дизайн рекламы уроки

Часть 2. Фреймворк Yii2. Практика. Создание интернет-магазина.

Как уже отмечалось выше, многие имеющиеся уроки и курсы не дают целостного решения и показывают создание несвязанного набора страниц.
Мы пойдем дальше и во второй, практической, части нашего курса будем создавать сайт, который вы можете видеть на изображении ниже.
Это будет полнофункциональный интернет-магазин. Основной функционал, который будет нами реализован в курсе: категории, товары, карточка товара, корзина, многоуровневое меню категорий с поддержкой неограниченного уровня вложенности и, конечно же, управление всем этим, т.е. администраторская часть сайта.

Урок 1. Установка фреймворка
Урок 2. Перевод верстки в шаблон
Урок 3. Модель категорий
Урок 4. Виджет «Меню категорий». Часть 1
Урок 5. Виджет «Меню категорий». Часть 2
Урок 6. Вывод популярных товаров
Урок 7. Вывод товаров категорий
Урок 8. Метод для вывода метатегов
Урок 9. Постраничная навигация
Урок 10. Карточка товара. Часть 1
Урок 11. Карточка товара. Часть 2
Урок 12. Обработка ошибок
Урок 13. Поиск
Урок 14. Корзина. Часть 1
Урок 15. Корзина. Часть 2
Урок 16. Корзина. Часть 3
Урок 17. Корзина. Часть 4
Урок 18. Корзина. Часть 5
Урок 19. Оформление заказа. Часть 1
Урок 20. Оформление заказа. Часть 2
Урок 21. Отправка почты
Урок 22. Авторизация. Часть 1
Урок 23. Авторизация. Часть 2
Урок 24. Список заказов в админке
Урок 25. Управление заказами
Урок 26. Управление категориями. Часть 1
Урок 27. Управление категориями. Часть 2
Урок 28. Управление продуктами
Урок 29. Установка визуального редактора
Урок 30. Загрузка картинок. Часть 1
Урок 31. Загрузка картинок. Часть 2
Урок 32. Вывод картинок товара

Бонусы:
Премиум курс по PHP
Премиум курс по объектно-ориентированному программированию на PHP
Премиум курс по работе с базами данных MySQL

Информация о видеокурсе
Название: Фреймворк Yii2 с Нуля до Профи
Автор: Андрей Кудлай
Год выхода: 2016
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия

Файл
Формат: HTML, MP4
Видео: AVC, 1280×720,

201 Kbps
Аудио: AAC, 125 Kbps, 48.0 KHz
Продолжительность:

Категория: Yii2 уроки.

934
- Yii2
четверг 07-ноября-2019 в 12:13:29

Yii2 установка advanced и basic templates по шагам.

Категория :Yii2 уроки.

483
- Yii2
понедельник 04-ноября-2019 в 14:36:30

Установка расширения Yii2 без composer вручную.

Категория :Yii2 уроки.

Из серии:Yii2 расширения (extensions)

340
- Yii2
- Yii2 ActiveRecord
среда 30-октября-2019 в 21:38:33

Yii2 populateRecord(). Создание Active Record объекта из обычного sql запроса.

Категория :Yii2 уроки.

Из серии:Yii2 уроки по Active Record.

1374
- Yii2
четверг 24-октября-2019 в 21:42:04

Yii2 RBAC DbManager — часть 2. Роли, разрешения и правила доступа.

Категория :Yii2 уроки.

Из серии:Yii2 RBAC

866
- Yii2
- Yii2 ActiveRecord
среда 23-октября-2019 в 18:44:48

Yii2 выборка с помощью findOne() и find(). Как выбрать одну записи из БД.

Категория :Yii2 уроки.

Из серии:Yii2 уроки по Active Record.

2007
- Yii2
пятница 22-марта-2019 в 21:51:16

Как работать с миграциями в модулях и расширениях yii2.

Категория :Yii2 уроки.

3154
- Yii2
четверг 03-января-2019 в 21:08:39

Yii2 RBAC DbManager — часть 1. Настройка и создание ролей на практике.

Категория :Yii2 уроки.

Из серии:Yii2 RBAC

2407
- Yii2
суббота 08-декабря-2018 в 22:30:14

Yii2 отправка писем через SMTP сервер gmail.

Категория :Yii2 уроки.

2160
- Yii2
вторник 04-декабря-2018 в 22:20:42

Yii2 алиасы путей и url. Как использовать.

Категория :Yii2 уроки.

2278
- Yii2
воскресенье 02-декабря-2018 в 22:14:54

Yii2 flash сообщения, оформленные в стиле bootstrap alerts.

Категория :Yii2 уроки.

1561
- Yii2
- View в Yii2
среда 24-октября-2018 в 19:47:40

Как в yii2 разместить шаблон в шаблоне.

Категория :Yii2 уроки.

2412
- Yii2
- View в Yii2
вторник 23-октября-2018 в 23:15:05

Создание динамических блоков видов blocks в шаблонах yii2.

Категория :Yii2 уроки.

2867
- Yii2
- assets yii2
вторник 21-августа-2018 в 23:22:30

Yii2 использование sass и gulp

Категория :Yii2 уроки.

1360
- Yii2
понедельник 20-августа-2018 в 23:51:10

Yii2 установка мета тегов для соцсетей twitter, facebook и google+

Категория :Yii2 уроки.

3036
- Yii2
- Ajax
среда 15-августа-2018 в 00:15:02

Yii2 ajax и ошибка Bad Request (#400)

Категория :Yii2 уроки.

Вначало
«
1
2
3
4
»
Вконец

Разделы блога

Ключевые слова

Самое популярное

Как передать переменную во view или layout в yii2.

Формирование запросов для выборки из БД в yii2

Добавления кода javascript и css в файлах видов.

Как включить или отключить debug панель yii2 на хостинге.

Как создавать и использовать триггеры в Mysql.

Как с vue отправлять и получать данные с сервера с http клиентом axios.

Сервисы и репозитории в yii2.

Как в yii2 отключить bootstrap и jquery или заменить на свой.

Использование материалов возможно лишь при наличии активной ссылки на источник.

Разработка на Yii2: Старт

В данном уроке мы поговорим об установке Yii 2.0, настройкой локальной среды разработки, созданием простого приложения “Hello World”, настройкой удалённой среды для хостинга и диплоингом вашего кода с репозитория на GitHub.

Установка Yii 2.0

Документация

Вы можете найти подробную инструкцию по разработке на официальном сайте; Я же пройдусь по основным шагам, которые нужно предпринять на Mac OS X. У Yii 2.0 есть специальная Инструкция (PDF) и Описание классов, где можно будет разъяснить любой непонятный момент.

Установка через Composer

Для работы с Yii2 вам потребуется Composer, популярный менеджер зависимостей для PHP. Если у вас до сих пор данный инструмент не установлен, сделать это можно следующим образом:

Читать еще: Уроки английского на инглиш галакси

curl -s http://getcomposer.org/installer | php
mv composer.phar /usr/local/bin/composer

Установка Yii2

Теперь, используя Composer можно установить Yii2. Для этого вам потребуется активный аккаунт на Github; зарегистрируйтесь, если ещё этого не сделали.

Давайте назовём этот проект «hello»:

/Sites
composer global require «fxp/composer-asset-plugin:1.0.0-beta2»
composer create-project —prefer-dist yiisoft/yii2-app-basic hello

Yii2 предоставляет несколько видов установки в зависимости от того, какое приложение вы хотите в итоге получить: простое или продвинутое. В этом уроке мы создадим простое приложение, которое ставится по умолчанию. В продвинутом шаблоне приложения нам предоставляются фронт-эгд, бэк-энд и средства для работы с консолью, типа как в WordPress есть админка, лицевая часть и фоновые cron задачи.

Настройка локальной среды разработки

В качестве среды разработки я использую MAMP для OS X. Убедитесь, что MAMP и БД активированы. Затем создайте ярлык для нашего проекта в каталоге Sites:

cd /Applications/MAMP/htdocs
ln -s

Затем, отправьтесь по адресу http://localhost:8888/hello/web. По идее вы должны увидеть стандартный шаблон Yii2, созданный на Bootstrap 3.x.

Архитектура Yii-приложения

Одной из фишек Yii является реализация парадигмы Model View Controller. Она не только позволяет создавать хорошо-структурированные приложения для лучшего понимания кода, но и облегчает кучу задач, которые на чистом PHP довольно-таки трудновыполнимы. К примеру обеспечение безопасности и автоматическая генерация кода. Благодаря Yii наш код можно с лёгкостью расширять и многоразово использовать.

В Yii приложении все запросы осуществляются к файлу: /web/index.php . В нём происходит инициализация Yii, загрузка всех зависимостей и запуск приложения.

По умолчанию происходит запуск метода Index /controllers/SiteController.php :

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

По умолчанию Yii выводит содержимое общего шаблона /views/layouts/main.php и шаблона страницы /views/site/index.php . В main.php описана общая для всех страниц HTML/CSS структура. Там же, в main.php происходит вывод контента определённой страницы:

Переменная $content будет заменена сгенерированным кодом из файла /views/site/index.php .

Создание Hello World!

Преобразуем URL

Для начала давайте изменим вид наши URL, активировав mod_rewrite. На главной странице кликните на пункт меню About. URL будет такого вида http://localhost:8888/hello/web/index.php?r=site%2Fabout. Мы хотим видеть что-то вроде этого http://localhost:8888/hello/web/site/about.

В каталоге config можно найти файлы конфигурации приложения для веб-версии, консоль-версии и настройки БД. Откройте /config/web.php и добавьте секцию urlManager с массивом настроек:

Затем в папке с index.php создайте файл .htaccess с следующим содержимым:

Убедитесь, что на вашем локальном сервере активирован mod_rewrite .

Если все условия соблюдены, то теперь до вышеупомянутой страницы мы можем достучаться по адресу: http://localhost:8888/hello/web/site/about.

Создаём метод, который “скажет” Hello World!

Далее давайте добавим в наш контроллер экшн Say , который будет выводить на экран строку, переданную в параметрах. Добавляем код в /controllers/SiteController.php :

Теперь в URL нам нужно передать параметр target , содержимое которого мы увидим на экране. Если параметр не будет задан, то переданная строка будет «World». В Yii любой экшн должен начинаться с префикса «action», а затем названия самого действия. Мы так и сделали. В классе SiteController написали public function actionSay . Yii будет искать префикс «action» для того, чтобы отличить действия от других методов.

Файл представления должен располагаться по следующей схеме: views/ControllerID/ViewName.php . Поэтому в /views/site/ , создаём файл say.php :

В данном шаблоне у нас присутствует заголовок h1 с начальным словом Hello следом за котором осуществляем вывод переменной target . Заметка: для обеспечения безопасности мы кодируем пришедшее значение.

Это самый просто пример использования Model View Controller в Yii2. Более детализированную информацию об MVC в Yii2 можно найти тут.

Теперь давайте настроим деплой нашего проекта на GitHub и удалённый сервер.

Настройка удалённой среды для нашего проекта

Обычное Yii приложение должно без особых проблем срабатывать на Apache или Nginx, Я перечислю инструкции для Apache, а для Nginx их можно найти тут.

Создание репозитория на GitHub

После того, как мы задали структура нашему приложению, можем создать репозиторий на Github:

Заметка: советуем скопировать файл .gitignore с GitHub в проект

/Sites/hello/.gitignore , а не создавать его с нуля.

Я буду использовать программу Mac OS X GitHub, вы же можете воспользоваться командной строкой. Ниже я перечислили все команды, которые нужно выполнить для добавления новой репы на GitHub (замените «youraccount» вашим GitHub логином):

Конфигурация Apache на вашем сервере

Если у вас до сих пор нет LAMP или облачного сервера, можете воспользоваться моими инструкциями. Теперь, когда у вас есть IP адрес, можете заняться настройкой DNS.

yourdomain.com A 192.161.234.17

Теперь авторизируйтесь на своём сервере:

Обновите конфигурацию, установите Git, активируйте mod_rewrite для Apache и mcrypt для PHP (Ubuntu):

Конфигурация доступа к GitHub на удалённом сервере

Теперь нам нужно добавить настройки пользователя Github. Для начала установим git на сервере.

sudo apt-get install git

Добавляем www-data и пользователю GitHub особые права на каталог www.

Затем создаём специальный ключ для пользователя через которого будет осуществляться синхронизация с GitHub:

В результате вы должны скопировать ключ и вставить на GitHub.com:

Заходим на страницу настроек и вставляем ключ:

В результате вы должны увидеть:

Теперь можем скопировать код из репозитория на сервер:

git clone git@github.com:youraccount/hello.git /var/www/hello

Если конфигурация правильная, то вы должны увидеть следующую картину (если нет, воспользуйтесь инструкцией):

Теперь после отправки изменений кода с вашей локальной машины, они попадут в репозиторий, а затем для синхронизации кода на сервере необходимо выполнить команду git pull , в результате чего проект будет обновлён.

Создание конфигурации для Apache

Создание файла конфигурации для Apache:

Конфигурация для вашего домена:

Теперь перейдя по адресу http://yourdomain.com/site/say?target=World! вы должны увидеть следующее:

Поздравляем! Теперь мы можем приступить к более глубокому знакомству с Yii2.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://code.tutsplus.com/tutorials/programming-with-yii2-getting-started—cms-22440
Перевел: Станислав Протасевич
Урок создан: 4 Июня 2015
Просмотров: 96433
Правила перепечатки

5 последних уроков рубрики «PHP»

Фильтрация данных с помощью zend-filter

Когда речь идёт о безопасности веб-сайта, то фраза «фильтруйте всё, экранируйте всё» всегда будет актуальна. Сегодня поговорим о фильтрации данных.

Контекстное экранирование с помощью zend-escaper

Обеспечение безопасности веб-сайта — это не только защита от SQL инъекций, но и протекция от межсайтового скриптинга (XSS), межсайтовой подделки запросов (CSRF) и от других видов атак. В частности, вам нужно очень осторожно подходить к формированию HTML, CSS и JavaScript кода.

Подключение Zend модулей к Expressive

Expressive 2 поддерживает возможность подключения других ZF компонент по специальной схеме. Не всем нравится данное решение. В этой статье мы расскажем как улучшили процесс подключение нескольких модулей.

Совет: отправка информации в Google Analytics через API

Предположим, что вам необходимо отправить какую-то информацию в Google Analytics из серверного скрипта. Как это сделать. Ответ в этой заметке.

Подборка PHP песочниц

Подборка из нескольких видов PHP песочниц. На некоторых вы в режиме online сможете потестить свой код, но есть так же решения, которые можно внедрить на свой сайт.