vorst.ru - Статьи о задачах возникающих при создании сайта и их решении
Статьи помеченные controller

Интерфейс для полнотекстового поиска

Использование ElasticSearch во frontend

На создание ElasticSearch индекса понадобилось совсем не много усилий, как видно из предыдущей статьи. Чтобы сделать индекс доступным конечному пользователю, усилий понадобиться не многим больше.

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


Как создать индекс ElasticSearch

Полнотекстовый поиск

Один парень написал: "Нужно сделать поиск слов в таблице "articles" по столбцу "content". В результатах поиска сначала выводить те, которые содержат наибольшее количество слов в статье и далее по мере уменьшения."

Мысль летит) Но ясно, что нужен полнотекстовый поиск.


Как подключить авторизацию через аккаунт

OAuth2 авторизация с использованием аккаунта

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

Авторизация с помощью социальной сети позволяет избежать повторного заполнения формы регистрации. При этом защищенность вашего аккаунта в социальной сети никак не страдает. Вы просто подтверждаете, что вы это вы. Как подключить эту услугу к проекту используя расширение yiisoft/yii2-authclient?


Как определить правило для RBAC

Выполнять действие или нет

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

Если вы Админ, то у вас есть общее разрешение create. Оно дает право добавлять данные к любым моделям. Если вы Автор, то такое разрешение давать не стоит. Автор не может, например, добавить новую рубрику.


Определение разрешений на доступ и ролей для пользователей

Задание доступа только к определенным действиям

Разработка бекенда сайта часто подразумевает ограничение прав при редактировании контента.

Ролевая модель имеет иерархию. Сначала прав не много, потом чуть больше, наконец доступно все. Права (или разрешения) - это константы, которые связаны с конкретной ролью. Если за ролью закреплено разрешение, то действие может быть выполнено.


Как отсортировать картинки мышкой

Сортировка строк мышкой

Василий оставил комментарий в конце января: "Напишите, пожалуйста, статью, как массово загружать изображения через ajax с возможностью сортировки перетаскиванием."

Речь о расширении yii2-uploader, которое может загружать, сжимать, обрезать картинки для любой модели. Я писал о нем уже пару раз.

На тот момент этой функциональности не было. Собирался я долго. Но вот, наконец добавил требуемое. Теперь спешу написать несколько слов о процессе. Демо (при редактировании).


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

Пример события

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

В первом случае обработчик события один, во-втором их несколько. Но принцип один - наступило событие, надо действовать.


Пример загрузки контента без перезагрузки страницы

Динамическая загрузка контента

Блог - это лента из заголовков статей и нескольких строчек из них. Пусть так и останется, когда посетитель решит прочитать содержимое выбранной статьи. То есть вся лента останется и добавится контент выбранной статьи.


Пример работы с сессией

Если читатель хочет вспомнить, что просмотрено и прочитано

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


Как сделать галерею фотографий "До и После"

Показ фотографий до и после момента времени

Представьте, что вы продаете курс похудания. Вам нужно наглядно представить результат вашего курса. Фото "До" и "После", что может быть лучшей иллюстрацией?

Как и в предыдущем примере примем, что участников ограниченное количество. Например 4. Забудем про похудающих - слишком скучно. Будем "работать" с кинозвездами. Для каждого можно загрузить только 4 фотографии. Таким образом всего 16 фото. Если загружены все 16 и кому-то захочется добавить "свои" фото, то придется что-то удалить. Демо.


Делаем демо для загрузки фото

Загрузка жестко определенного количества файлов

Чтобы показать, как работает загрузка изображений, нужно разрешить загружать изображения на свой сайт. Но, в этом случае, дисковое пространство может быть быстро исчерпано и нужно как-то удалять оставленный посетителями "мусор".

Например, можно устроить, что-то вроде надписи в столовой - "Уберите, пожалуйста, за собой посуду" (демо).


Виджет для вывода списка рубрик Nested Set

Выбор всех статей по рубрике

В конце предыдущей статьи были указаны две вещи, которых не хватает для начала использования рубрикатора.

Первая из них - необходимо добавить поле rubric в таблицу post. С этой операцией связано и изменения в модели common/models/Post, которые очевидно касаются методов rules() и attributeLabels().

Кроме этого нужно добавить обработку выбранной пользователем рубрики в actionIndex() контроллера frontend/controllers/PostController.


Простые действия над деревом Nested Set

Что нужно учесть для CRUD

Все необходимые методы, для управления деревом Nested Set уже определены в расширении.

Поэтому изменения в стандартном контроллере совсем небольшие. Нужно, например, вместо стандартного метода save() модели использовать метод prependTo() расширения, а вместо delete(), deleteWithChildren().



Поиск



Интерфейс для полнотекстового поиска

Использование ElasticSearch во frontend

  • 1. Как создать индекс ElasticSearch
  • 2. Интерфейс для полнотекстового поиска

На создание ElasticSearch индекса понадобилось совсем не много усилий, как видно из предыдущей статьи. Чтобы сделать индекс доступным конечному пользователю, усилий понадобиться не многим больше.

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


    Поделиться

Model

frontend/models/SearchForm.php

namespace frontend\models;
use yii\base\Model;
class SearchForm extends Model
{
  public $text;
  public function rules()
  {
    return [
      ['text', 'required', 
        'message' => \Yii::t('app', 'Enter words separated by spaces.')],
      ['text', 'string', 'max' => 255],
    ];
  }
  public function attributeLabels()
  {
    return [
      'text' => \Yii::t('app', 'Search'),
    ];
  }
}

При редактировании Post, нужно сохранять изменения в индексе.

common/models/Post.php

class Post extends ActiveRecord
{
  ...
  public function afterSave($insert, $changedAttributes){
    parent::afterSave($insert, $changedAttributes);
    if($insert) {
      $elastic = new ElasticPost();
      $elastic->fill($this);
      $elastic->save(false);
    } else {
      $elastic = ElasticPost::get($this->id);
      $elastic->fill($this, false);
      $elastic->update(false, ['title', 'content']);
    }
  }

Controller

В коде контроллера frontend/controllers/PostController.php оставлены только строки, существенные для данной темы. ElasticSearch индекс нужен для поиска подходящих статей. Найдя их, сохраняем ID в массиве и передаем объекту Query. Таким образом действие контроллера потребует минимум изменений.

<?php
namespace frontend\controllers;
use yii\web\Controller;
use yii\db\Query;
use yii\data\ActiveDataProvider;
use common\models\Post;
use common\models\elastic\Post as ElasticPost;
use frontend\models\SearchForm;
use frontend\components\PostQuery;
class PostController extends Controller
{
  public $layout = 'column2';
  public function actionIndex()
  {
    $query = Post::find()
      ->where(['status' => Post::STATUS_PUBLISHED])
      ->orderBy('created_at DESC');
    $search = new SearchForm();
    if ($search->load(
      Yii::$app->request->post()) && 
      $search->validate() && $search->text
    ) {
      $query->andWhere([
        'in', 
        'id', 
        $this->getPostIdByElasticIndex($search->text)]);
    } 
    $dataProvider = new ActiveDataProvider([
      'query' => $query,
    ]);
    // save text
    $searchText = $search->text;
    // new search
    $search = new SearchForm();
    return $this->render('index', [
      'dataProvider' => $dataProvider,
      'post' => $this->getPostBySlug('post-index'),
      'search' => $search,
      'searchText' => $searchText, 
    ]);
  }
  private function getPostIdByElasticIndex($text)
  {
    $query = ElasticPost::find()->query([
      'bool' => [
        'should' => [
          PostQuery::match('title', $text),
          PostQuery::match('excerpt', $text),
          PostQuery::match('content', $text),
        ],
      ],
    ]);
    $ids = [];
    foreach($query->all() as $post) {
      $ids[] = $post->primaryKey;
    }
    return $ids;
  }
}

frontend/componets/PostQuery.php

<?php
namespace frontend\components;
use yii\db\ActiveQuery;
class PostQuery extends ActiveQuery
{
  public static function match($attribute, $text)
  {
    return [
      'match' => [
        $attribute => [
          'query' => $text,
          'operator' => 'and',
        ],        
      ],
    ];
  }
}

View

frontend/views/post/index.php

<?php
/* @var $dataProvider ActiveDataProvider */
/* @var $search string */
use yii\helpers\Html;
use yii\helpers\Url;
use yii\widgets\ListView;
use yii\data\ActiveDataProvider;
// keep for using in layout
$this->params['model'] = $search;
?>
<?php if($searchText): ?>
  <blockquote><?= \Yii::t('app', 'Posts with word(s)'); ?> <b><?= Html::encode($searchText); ?></b></blockquote>
<?php endif; ?>
<div id="post-list">
  <?php echo ListView::widget([
    'dataProvider' => $dataProvider,
    'itemView' => '_view',
    'layout' => "{items}\n{pager}",
  ]); ?>
</div>

frontend/views/layout/column2.php

<?php $this->beginContent('@app/views/layouts/main.php'); ?>
<div class="row">
  <div class="col-sm-9">
    <?= $content ?>
  </div>
  <div class="col-sm-3">
    <?= $this->render('@frontend/widgets/views/search', [
      'model' => $this->params['model'],
    ]) ?>
  </div>
</div>
<?php $this->endContent(); ?>

frontend/widgets/views/search.php

<?php
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
?>
<?php $form = ActiveForm::begin([
    'id' => 'search-form',
    'layout' => 'horizontal',
]); ?>
  <?= $form->field($model, 'text')
    ->textInput(['maxlength' => true,
      'placeholder' => \Yii::t('app', Full-text searching')
  ])->label(false) ?>
  <?= Html::submitButton(\Yii::t('app', 'Search'), [
    'class' => 'btn btn-default',
  ]) ?>
<?php ActiveForm::end(); ?>

Заключение

Как работает полнотекстовый поиск можно проверить на странице post/index#searching. Но это только поиск, причем вспомогательный. Нет, круто конечно - быстро, просто. Но очевидно, что ElasticSearch может использоваться абсолютно самостоятельно.

Leave a comment

Only authorized users can leave comments. Please log in or pass a registration.