Создание сайта на Yii 2 (блога, basic) — Часть 1

в 9:43, , рубрики: framework, php, yii, yii 2, yii 2 crud, Разработка веб-сайтов, разработка сайтов

image

Всем привет! Я попытаюсь подробно описать процесс разработки базовой версии блога с использованием Yii 2(basic) в целях обучения.

Почему basic? По моему опыту basic версия лучше подходит для обучения.

Перед началом я расскажу о ПО:

  • web-cервер c модулем PHP и SQL базой данных. В данном случае я рекомендую сборку web-сервера XAMPP, он прост в установки, удобный интерфейс управления..;
  • Basic версия Yii 2. Для установки Yii 2, я рекомендую Composer(пакетный менеджер). Овладевая Composer-ом, в последствии вы сохраните целую кучу времени не только с yii, но и с другим ПО. Т.к. Composer загружает yii с GitHub, Composer просит token github, если у вас есть аккаун на GitHub, эта проблема решается очень быстро.

Рекомендации:

  • знание PHP на уровне ООП;
  • базовое знание SQL;
  • вы можете сократить рабочий процесс используя IDE, я использую PhpStorm;
  • если вы не знакомы с паттерном MVC, то перед изучением Yii 2 вы просто обязаны знать что это такое;
  • я также рекомендую ознакомиться с документацией, самым важным будет «Первое Знакомство» и «Структура Приложения», остальное можно эффективно изучить в процессе.

1) Настройка БД и создание таблиц

Итак, вы так или иначе установили Yii 2 basic, вы проверили работу стандартного сценария.
Предлагаю начать с настройки БД, я буду использовать MySQL и phpMyAdmin.

Yii нужна информация о БД, заходим в один из файлов конфигурации приложения, а именно в C:xampphtdocsYii2Stbasicconfigdb.php:

return [
    'class' => 'yiidbConnection', // Класс реализации подключения
    'dsn' => 'mysql:host=localhost;dbname=yii2basic', // Имя базы данных, URL
    'username' => 'root', // Логин пользователя этой ДБ
    'password' => '', // Пароль пользователя этой ДБ
    'charset' => 'utf8', // Кодировка
];

Стандартные параметры совпадают с теми, которые мне нужны. Эти данные будут использованы классом yiidbConnection (тоже указанным в параметрах) для инициализации и создания экземпляра этого класса.

Создадим новую БД в phpMyAdmin (http://localhost/phpmyadmin/):

image

В данном случае нам нужно несколько таблиц:

  • таблица для пользователей, т.к. в basic версии стандартно не реализована регистрация/вход через БД;
  • таблица для статей в блоге.

Добавлять новые таблицы в БД я буду через миграции, это не обязательно, но для вас это будет не плохой опыт. О том «зачем» нужны миграции можно узнать все в той же документации по этой ссылке.

Итак, чтобы создать миграцию нужно зайти в Командную строку и сменить директорию на C:xampphtdocsYii2Stbasic, в этой директории находится файл yii.bat, он то нам и нужен.

Для смены директории вводим следующий код:

cd C:xampphtdocsYii2Stbasic

(в основном использование командной строки интуитивно понятно)

Создаем миграцию для таблицы user и post(таблица для статей).

Вводим данный код после cd:

yii migrate/create create_post_table

Для таблицы post

yii migrate/create create_user_table

Для таблицы user

Yii создаст папку migrations если ее нет. Теперь там хранится 2 файла и класса для двух выше созданных миграций.

Зайдем в C:xampphtdocsYii2Stbasicmigrationsm170304_160410_create_user_table.
Вносим изменения в функцию «up», делаем такую же таблицу как в версии advanced:

    public function up() //Событые создания таблицы
    {
        $tableOptions = null;

        if ($this->db->driverName === 'mysql') {
            $tableOptions = 'CHARACTER SET utf8 COLLATE utf8_unicode_ci ENGINE=InnoDB';
        }
        $this->createTable('user', [
            'id' => $this->primaryKey(),
            'username' => $this->string()->notNull()->unique(),
            'auth_key' => $this->string(32)->notNull(),
            'password_hash' => $this->string()->notNull(),
            'password_reset_token' => $this->string()->unique(),
            'email' => $this->string()->notNull()->unique(),
            'status' => $this->smallInteger()->notNull()->defaultValue(10),
            'created_at' => $this->integer()->notNull(),
            'updated_at' => $this->integer()->notNull(),
        ], $tableOptions);
    }

Данный метод будет интуитивно понятен если вы знаете SQL и PHP на уровне ООП.

Также вносим изменения и для статей в C:xampphtdocsYii2Stbasicmigrationsm170304_160323_create_post_table:

    public function up()
    {
        $tableOptions = null;

        if ($this->db->driverName === 'mysql') {
            $tableOptions = 'CHARACTER SET utf8 COLLATE utf8_unicode_ci ENGINE=InnoDB';
        }
        $this->createTable('post', [
            'id' => $this->primaryKey(),
            'author' => $this->string()->notNull(), //Автор
            'date' => $this->string(32)->notNull(),
            'TypeK' => $this->integer()->notNull(), //Номер категории
            'text' => $this->string(20000)->unique(),
            'PostName' => $this->string()->notNull()->unique(), // Название статьи
            'abridgment' => $this->string(767)->notNull(), // Сокращенный текст
            'activity' => $this->integer()->notNull()->defaultValue(0), // Активность статьи
        ], $tableOptions);
    }

Далее просто выполняем этот код в консоли:

yii migrate

Если сказать проще, эта команда выполняет методы up в классах миграции + обновляет/добавляет таблицу 'migration', также можно и обратить изменения другой командой с помощью метода down в классах миграций(смотрите документацию).

Таблицы готовы.

image

2) Добавление функции регистрации/входа через ДБ

Для реализации регистрации/входа через ДБ нам потребуется:

  • изменить стандартную модель User (models/User.php);
  • добавить модель для регистрации (+models/SignupForm.php);
  • добавить действие регистрации в контроллере (controllers/SiteController.php);
  • добавить вид регистрации (views/site/signup.php);
  • и добавить ссылку на регистрацию в навбар (views/layouts/main.php).

О компоненте User и IdentityInterface

В Yii есть компонент приложения User, он управляет статусом аутентификации пользователя, например:

Yii::$app->user->isGuest; // Возвращает true, если пользователь авторизован
Yii::$app->user->logout(); // Производит логаут пользователя
Yii::$app->user->identity->username // Возвращает username пользователя
// и т.д.

Он требует, чтобы вы указали identity class, который будет содержать текущую логику аутентификации:

$config = [
    ...
    'components' => [
     ....
        'user' => [
            'identityClass' => 'appmodelsUser', // Эта моделать будет использована компонентом User
        ],
     ....
    ]
    ...
  ];

Начнем с изменения модели, наследуем ActivityRecord, чтобы компонент User использовал данные из БД. Класс User (appmodelsUser), должен реализовывать IdentityInterface.

C:xampphtdocsYii2StbasicmodelsUser:

namespace appmodels;

use Yii;
use yiibaseNotSupportedException;
use yiidbActiveRecord;
use yiiwebIdentityInterface;

class User extends ActiveRecord implements IdentityInterface
{
    // Значения для сравнивания значений со значениями с БД, например
    const STATUS_DELETED = 0; // Если пользователь Заблокирован(Удален)
    const STATUS_ACTIVE = 10; // Если пользователь Активен
    const STATUS_ADMIN = 1; // Если пользователь Администратор
    
    // Переопределяем методы для интерфейса
    public static function findIdentity($id)
    {
        return static::findOne(['id' => $id, 'status' => self::STATUS_ACTIVE]);
    }

    public static function findIdentityByAccessToken($token, $type = null)
    {
        throw new NotSupportedException('"findIdentityByAccessToken" is not implemented.');
    }

    public static function findByUsername($username)
    {
        return static::findOne(['username' => $username, 'status' => self::STATUS_ACTIVE]);
    }

    public function getId()
    {
        return $this->getPrimaryKey();
    }

    public function getAuthKey()
    {
        return $this->auth_key;
    }

    public function validateAuthKey($authKey)
    {
        return $this->getAuthKey() === $authKey;
    }

    public function validatePassword($password)
    {
        return Yii::$app->security->validatePassword($password, $this->password_hash);
    }

    public function setPassword($password)
    {
        $this->password_hash = Yii::$app->security->generatePasswordHash($password);
    }

    public function generateAuthKey()
    {
        $this->auth_key = Yii::$app->security->generateRandomString();
    }
}

Для реализации регистрации добавим модель

C:xampphtdocsYii2StbasicmodelsSignupForm.php:
О методе validate() и rules

namespace appmodels;

use Yii;
use yiibaseModel;

class SignupForm extends Model
{

    public $username;
    public $email;
    public $password;

    public function rules() // Эти правила будут использоваться при валидации: формы ввода, с помощью вызова метода validate()
    {
        return [
            ['username', 'trim'], // обрезает пробелы и превращает в null если нечего не остается
            ['username', 'required'], // 'username' обязательно для заполнения
            ['username', 'unique', 'targetClass' => 'appmodelsUser', 'message' => 'This username has already been taken.'], // 'username' в модели appmodelsUser(то есть в таблице user(вспоминаем ActivityRecords) должна быть уникальна) 
            ['username', 'string', 'min' => 2, 'max' => 255], // 'username' это string переменная со значение от 2 до 255 символов
            ['email', 'trim'],
            ['email', 'required'],
            ['email', 'email'],
            ['email', 'string', 'max' => 255],
            ['email', 'unique', 'targetClass' => 'appmodelsUser', 'message' => 'This email address has already been taken.'],
            ['password', 'required'],
            ['password', 'string', 'min' => 6],
        ];
    }

    public function attributeLabels() // Будет использоватся для локализации
    {
        return [
            'username' => 'Логин',
            'email' => 'Электронная почта',
            'password' => 'Пароль',
        ];
    }

    public function signup() // Регистрация
    {

        if (!$this->validate()) { // Если валидация вернула false то возвращаем null
            return null;
        }
        $user = new User(); // Создаем новый экземпляр User
        $user->username = $this->username; // Определяем свойства класса
        $user->email = $this->email;
        $user->setPassword($this->password);
        $user->generateAuthKey();
        return $user->save() ? $user : null; // Сохраняем свойства в таблицу(метод ActivityRecord) user если переменная не равна null
    }
}

Добавляем действие регистрации в модель C:xampphtdocsYii2StbasiccontrollersSiteController.php:

    //....
    public function actionSignup()
    {
        $model = new SignupForm(); // Не забываем добавить в начало файла: use appmodelsSignupForm;

        if ($model->load(Yii::$app->request->post())) { // Если есть, загружаем post данные в модель через родительский метод load класса Model
            if ($user = $model->signup()) { // Регистрация
                if (Yii::$app->getUser()->login($user)) { // Логиним пользователя если регистрация успешна
                    return $this->goHome(); // Возвращаем на главную страницу
                }
            }
        }

        return $this->render('signup', [ // Просто рендерим вид если один из if вернул false
            'model' => $model,
        ]);
    }
  //....

Далее нужно добавить вид signup для ввода формы
C:xampphtdocsYii2Stbasicviewssitesignup.php:

use yiihelpersHtml;
use yiibootstrapActiveForm;

$this->title = 'Регистрация';
$this->params['breadcrumbs'][] = ; // <-- Небольшая навигация
?>
<div class="site-signup">
    <h1><?= Html::encode($this->title) ?></h1>
    <p>Пожалуйста, заполните формы для регистрации:</p>
    <div class="row">
        <div class="col-lg-5">

            <?php $form = ActiveForm::begin(['id' => 'form-signup']); ?>
            <?= $form->field($model, 'username')->textInput(['autofocus' => true]) ?>
            <?= $form->field($model, 'email') ?>
            <?= $form->field($model, 'password')->passwordInput() ?>
            <div class="form-group">
                <?= Html::submitButton('Signup', ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
            </div>
            <?php ActiveForm::end(); ?>

        </div>
    </div>
</div>

Изменяем навбар
C:xampphtdocsYii2Stbasicviewslayouts

// Изменяем начиная с NavBar::begin(), заканчивая NavBar::end()
    NavBar::begin([
        'brandLabel' => 'My Company', // Надпись слева
        'brandUrl' => Yii::$app->homeUrl, // Url который будет указ в гиперссыле на надписи
        'options' => [
            'class' => 'navbar-inverse navbar-fixed-top', // Класс bootstrap class="navbar-inverse navbar-fixed-top" в HTML
        ],
    ]);

    $menuItems = [ // Те, которые будут отображаться всегда
        ['label' => 'Главная', 'url' => ['/site/index']],
        ['label' => 'Контакт', 'url' => ['/site/contact']],
    ];

    if(Yii::$app->user->isGuest) // Если пользователь не авторизован
    {
        $menuItems[] = ['label' => 'Зарегистрироватся', 'url' => ['/site/signup']];
        $menuItems[] = ['label' => 'Войти', 'url' => ['/site/login']];
    }
    else
    {
        $menuItems[] = ['label' => 'Статьи', 'url' => ['/post']];
        $menuItems[] = '<li>'
            . Html::beginForm(['/site/logout'], 'post') // Форма логаута, смотрим виджет ActiveForm
            . Html::submitButton(
                'Выйти (' . Yii::$app->user->identity->username . ')',
                ['class' => 'btn btn-link logout']
            )
            . Html::endForm()
            . '</li>';
    }

    echo Nav::widget([ // Выводим результат метода
        'options' => ['class' => 'navbar-nav navbar-right'],
        'items' => $menuItems // Элементы меню
    ]);
    NavBar::end();

Для локализации нужно указать в конфигурации такой код:
C:xampphtdocsYii2Stbasicconfigweb.php:

return [
    'id' => 'basic',
    'basePath' => dirname(__DIR__),
    // ...
    'language' => 'ru-RU', // <- Эту строку!
    // ...
]

О локализации

3) Добавляем CRUD для статей

CRUD позволит добавить, редактировать, посмотреть и удалить статью. Самым быстрым способом добавления CRUD в нашем случае является gii. Gii автоматически генерирует код, после чего нужно будет просто изменить генерированный код.

Переходим по данному url localhost/Yii2St/basic/web/index.php?r=gii
Для CRUD на нужна модель, я генерирую новую:

Описание можно посмотреть просто наведя курсор на лейбл формы

image

Далее заполняем формы и генерируем сам CRUD:

image

Проверить CRUD можно через такой URL localhost/Yii2St/basic/web/index.php?r=post

P.S. Конец первой части.
P.P.S. Первая статья, судите строго.

Автор: hudkdar

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js