Заменим, её на числовую капчу вида:

Для этого расширим класс CaptchaAction и переопределим метод generateVerifyCode(). Именно, этот метод отвечает за то, из каких символов будет состоять капча в Yii2.

Создадим файл NumericCaptcha.php в app\common. Код файла будет следующим:

<?php

namespace app\common;

use yii\captcha\CaptchaAction as DefaultCaptchaAction;

class NumericCaptcha extends DefaultCaptchaAction
{
    protected function generateVerifyCode()
    {
        //Длина
        $length = 5;

        //Цифры, которые используются при генерации
        $digits = '0123456789';

        $code = '';
        for($i = 0; $i < $length; $i++) {
            $code .= $digits[mt_rand(0, 9)];
        }
        return $code;
    }
}

Теперь, нужно прописать пусть до новой капчи в контроллере:

public function actions()
    {
        return [
            'captcha' => [
                //'class' => 'yii\captcha\CaptchaAction',
                'class' => 'app\common\NumericCaptcha',
            ],
        ];
    }

Теперь, при генерации должны использоваться цифры.

По умолчанию, вывод постраничной навигации в Yii2 делается так:

SiteController.php

public function actionIndex()
{
    $query = Post::find();
    $countQuery = clone $query;
    $pages = new Pagination(['totalCount' => $countQuery->count()], , 
        'pageSize'=>5, 'defaultPageSize'=>5
);
    $posts = $query->offset($pages->offset)
        ->limit($pages->limit)
        ->all();

    return $this->render('index', [
         'posts' => $posts,
         'pages' => $pages,
    ]);
}

index.php

foreach ($posts as $post) {
    //Вывод данных поста.
}
//Виджет, который выводит странцы
echo \yii\widgets\LinkPager::widget([
    'pagination' => $pages,
]);

Создадим класс frontend/components/MyPager.php, в нем мы и будем переопределять LinkPager. За рендеринг кнопок отвечают 2 метода: renderPageButton() и renderPageButtons(). Меняем, в них ul на div, а li на span. В итоге, должно получиться:

MyPager.php

<?php
namespace frontend\components;

use Yii;
use yii\base\InvalidConfigException;
use yii\helpers\Html;
use yii\base\Widget;
use yii\data\Pagination;

class MyPager  extends \yii\widgets\LinkPager
{

   protected function renderPageButton($label, $page, $class, $disabled, $active)
   {
       $options = ['class' => $class === '' ? null : $class];
       if ($active) {
           Html::addCssClass($options, $this->activePageCssClass);
       }
       if ($disabled) {
           Html::addCssClass($options, $this->disabledPageCssClass);

           return  Html::tag('span', $label);
       }
       $linkOptions = $this->linkOptions;
       $linkOptions['data-page'] = $page;

       return Html::a($label, $this->pagination->createUrl($page), $linkOptions);
   }


   protected function renderPageButtons()
   {
       $pageCount = $this->pagination->getPageCount();
       if ($pageCount < 2 && $this->hideOnSinglePage) {
           return '';
       }

       $buttons = [];
       $currentPage = $this->pagination->getPage();

       // first page
       $firstPageLabel = $this->firstPageLabel === true ? '1' : $this->firstPageLabel;
       if ($firstPageLabel !== false) {
           $buttons[] = $this->renderPageButton($firstPageLabel, 0, $this->firstPageCssClass, $currentPage <= 0, false);
       }

       // prev page
       if ($this->prevPageLabel !== false) {
           if (($page = $currentPage - 1) < 0) {
               $page = 0;
           }
           $buttons[] = $this->renderPageButton($this->prevPageLabel, $page, $this->prevPageCssClass, $currentPage <= 0, false);
       }

       // internal pages
       list($beginPage, $endPage) = $this->getPageRange();
       for ($i = $beginPage; $i <= $endPage; ++$i) {
           $buttons[] = $this->renderPageButton($i + 1, $i, null, false, $i == $currentPage);
       }

       // next page
       if ($this->nextPageLabel !== false) {
           if (($page = $currentPage + 1) >= $pageCount - 1) {
               $page = $pageCount - 1;
           }
           $buttons[] = $this->renderPageButton($this->nextPageLabel, $page, $this->nextPageCssClass, $currentPage >= $pageCount - 1, false);
       }

       // last page
       $lastPageLabel = $this->lastPageLabel === true ? $pageCount : $this->lastPageLabel;
       if ($lastPageLabel !== false) {
           $buttons[] = $this->renderPageButton($lastPageLabel, $pageCount - 1, $this->lastPageCssClass, $currentPage >= $pageCount - 1, false);
       }

       return Html::tag('div', implode("\n", $buttons), $this->options);
   }
}

Теперь, вместо:

echo \yii\widgets\LinkPager::widget([
    'pagination' => $pages,
]);

Можно прописать наш класс:

echo \frontend\components\MyPager::widget([
   'pagination' => $pages,
]);

После изменения, постраничная навигация будет в следующем виде:

<div class="pagination"><span>←</span>
    <a href="/blog?page=1" data-page="0">1</a>
    <a href="/blog?page=2" data-page="1">2</a>
    <a href="/blog?page=2" data-page="1">→</a>
</div>

Подробнее, о том, как работает LinkPager, можно ознакомиться в официальной документации. На момент, написания статьи, актуальная версия фреймворка — 2.0.6.

Минимальный код необходимы для вызова виджета:

$dataProvider=new CActiveDataProvider('Model');

$this->widget('zii.widgets.grid.CGridView', array(
    'dataProvider'=>$dataProvider,
));

Под катом, мы рассмотрим следующие пункты:

1. Добавление календаря в фильтры (jquery datepicker).
2. Выпадающие списки в фильтрах.
3. Изменение дизайна.

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

Создадим таблицу tbl_news с такой структурой:

name — название новости.
content — содержимое новости.
status — статус новости. Новости с 0 статусом не показываются.
created_at — дата создания новости.

SQL:

CREATE TABLE `tbl_news` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) NOT NULL,
  `content` text NOT NULL,
  `status` tinyint(1) NOT NULL DEFAULT '1',
  `created_at` date DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=6 ;

--
-- Дамп данных таблицы `tbl_news`
--

INSERT INTO `tbl_news` (`id`, `name`, `content`, `status`, `created_at`) VALUES
(1, 'name1', 'content1', 1, '2013-03-23'),
(2, 'name2', 'content2', 1, '2013-04-01'),
(3, 'name3', 'content3', 0, '2013-04-03'),
(4, 'name4', 'content4', 1, '2013-04-01'),
(5, 'name5', 'content5', 0, '2013-04-05');

После того, как создали таблицу tbl_news в базе данных, генерируем модель News, с помощью gii. Если все прошло правильно, то новая модель доступна в models/News.php. Изменим немного метод search. Меняем:

return new CActiveDataProvider($this, array(
			'criteria'=>$criteria,
		));

На следующий код:

return new CActiveDataProvider($this, array(
             'criteria'=>$criteria,
                 'pagination'=>array(
                     'pageSize'=>10,
                  ),
                  sort'=>array(
                      'defaultOrder'=>array(
                       'created_at'=>"DESC"
                  ))
        ));

В приведенном выше коде, задается, что на странице будет выводится 10 записей и сортировка будет по полю created_at.

Создадим контроллер NewsController.php в protected/controllers (CRUD-методы специально не включены в контроллер).

Содержимое NewsController:

<?php
class NewsController extends Controller
{
    /**
     * Главная страница новостей
     */
    public function actionIndex()
    {
        $model = new News('search');

        $model->unsetAttributes();

        if(isset($_GET['News'])) {
            $model->attributes = $_GET['News'];
        }

        $this->render('index', array('model'=>$model));
    }
}
?>

Создаем директорию news в protected/views и представление index.php в views/news. В файле index.php будут выводится все новости в виджете CGRidView.

Содержимое index.php:

<?php
$this->widget('zii.widgets.grid.CGridView', array(
    'dataProvider' => $model->search(),
    'filter' => $model,
    'columns' => array(
        array(
            'name' => 'name',
            'type' => 'raw',
            'value' => '$data->name',
        ),
        array(
            'name' => 'status',
            'type' => 'raw',
            'value' => '$data->status',
        ),
        array(
            'name' => 'created_at',
            'type' => 'raw',
            'value' => '$data->created_at',
        ),
        array(
            'class' => 'CButtonColumn',
            'template' => '{update}&nbsp;{delete}',
            'buttons' => array(
                'update' => array(
                    //здесь должен быть url для редактирования записи
                    'url' => 'Yii::app()->createUrl("/edit/$data->id")',
                ),
                'delete' => array(
                    //здесь должен быть url для удаления записи
                    'url' => 'Yii::app()->createUrl("/delete/$data->id")',
                ),
            ),
        ),
    ),
));

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

Добавление календаря в CGridView

Заменяем:

array(
      'name' => 'created_at',
      'type' => 'raw',
      'value' => '$data->created_at',
     ),

На следующий код:

array(
      'name' => 'created_at',
      'type' => 'raw',
      'value' => '$data->created_at',
      'filter'=>$this->widget('zii.widgets.jui.CJuiDatePicker', array(
           'model'=>$model,
           'attribute'=>'created_at',
           'language'=>'ru',
           'options'=>array(
           'showAnim'=>'fold',
           'dateFormat'=>'yy-mm-dd',
           'changeMonth' => 'true',
           'changeYear'=>'true',
                ),
       ),true),
    ),

Теперь, при клике в поле фильтра для created_at, будет появляться календарь с возможностью выбора даты. Чтобы, datepicker работал и после выполнения ajax-запросов, нужно добавить следующий код после columns:

'afterAjaxUpdate'=>"function() {
        jQuery('#News_created_at').datepicker(jQuery.extend(jQuery.datepicker.regional['ru'],{
                                            'showAnim':'fold',
                                            'dateFormat':'yy-mm-dd',
                                            'changeMonth':'true',
                                            'changeYear':'true'}));
    }",

Добавление выпадающего списка в CGridView

Изменим код колонки status’а на следующий:

array(
      'name' => 'status',
      'type' => 'raw',
      'value' => '$data->getStatus($data->status)',
      'filter' => array(''=>'Все', 1 => 'Показывается', 0=> 'Не показывается'), ),

Кроме измененного фильтра, был добавлен метод getStatus() для возвращения значения статуса. Данный метод нужно добавить в модель News.

public function getStatus($status)
{
    $data = array(0=>"Не показывается", 1=>"Показывается");
    return $data[$status];
}

Добавление своих стилей в CGridView

Если посмотреть на страницу новостей после изменений, то можно увидеть, что текстовое поле под колонкой «Статус» заменено на выпадающий список. Вместо 1 и 0, выводятся текстовые значения статуса. Осталось изменить кнопки для редактирования, удаления записей и стили. Добавьте следующие стили в файл main.css (входит в комплект с демо блогом):

.table-striped td {
    border-top: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
.grid-view table.table-striped th {
    padding-bottom: 8px;
}
.table-striped {
    width: 100%;
}
.table-striped th {
    background: #ffffff;
    text-align: center;
}
.grid-view table.table-striped tr.selected {
    background-color: #BCE774 !important;
}
.grid-view table.table-striped {
    border-collapse: collapse;
}

В views/news/index.php после ‘filter’ => $model добавляем ‘itemsCssClass’=>’table-striped’. Этим мы указали значение для атрибута class, для нашей таблицы. Изменим кнопки, для удаления и редактирования.

Для редактирования будет такая картинка:

Для удаления, вот такая:

Обе картинки находятся в директории images. Предварительно ее нужно создать, если ее нет.

В ‘update’, перед url, добавляем: ‘imageUrl’=>’/images/edit.png’, а в ‘delete’ ‘imageUrl’=>’/images/delete.png’,

Должно получиться вот так:

array(
            'class' => 'CButtonColumn',
            'template' => '{update} {delete}',
            'buttons' => array(
                'update' => array(
                    //url до картинки
                    'imageUrl'=>'/images/edit.png',
                    //здесь должен быть url для редактирования записи
                    'url' => 'Yii::app()->createUrl("/edit/$data->id")',
                ),
                'delete' => array(
                    //url до картинки
                    'imageUrl'=>'/images/delete.png',
                    //здесь должен быть url для удаления записи
                    'url' => 'Yii::app()->createUrl("/delete/$data->id")',
                ),
            ),
        ),

Для того, чтобы все изменения вступили в силу, нужно очистить директорию assets. Кнопки задаются по шаблону, определенному в ‘template’ => ‘{update} {delete}’. В скобках можно задать шаблон для своей кнопки, а потом добавить ее в массив  buttons.

Полный листинг файла news/index.php:

<?php
$this->widget('zii.widgets.grid.CGridView', array(
    'dataProvider' => $model->search(),
    'filter' => $model,
    'itemsCssClass'=>'table-striped',
    'columns' => array(
        array(
            'name' => 'name',
            'type' => 'raw',
            'value' => '$data->name',
        ),
        array(
            'name' => 'status',
            'type' => 'raw',
            'value' => '$data->getStatus($data->status)',
            'filter' => array(''=>'Все', 1 => 'Да', 0=> 'Нет'),
        ),
        array(
            'name' => 'created_at',
            'type' => 'raw',
            'value' => '$data->created_at',
            'filter'=>$this->widget('zii.widgets.jui.CJuiDatePicker', array(
                'model'=>$model,
                'attribute'=>'created_at',
                'language'=>'ru',
                'options'=>array(
                    'showAnim'=>'fold',
                    'dateFormat'=>'yy-mm-dd',
                    'changeMonth' => 'true',
                    'changeYear'=>'true',

                ),
            ),true),
        ),
        array(
            'class' => 'CButtonColumn',
            'template' => '{update}&nbsp;{delete}',
            'buttons' => array(
                'update' => array(
                    //url до картинки
                    'imageUrl'=>'/images/edit.png',
                    //здесь должен быть url для редактирования записи
                    'url' => 'Yii::app()->createUrl("/edit/$data->id")',
                ),
                'delete' => array(
                    //url до картинки
                    'imageUrl'=>'/images/delete.png',
                    //здесь должен быть url для удаления записи
                    'url' => 'Yii::app()->createUrl("/delete/$data->id")',
                ),
            ),
        ),
    ),
    'afterAjaxUpdate'=>"function() {
        jQuery('#News_created_at').datepicker(jQuery.extend(jQuery.datepicker.regional['ru'],{
                                            'showAnim':'fold',
                                            'dateFormat':'yy-mm-dd',
                                            'changeMonth':'true',
                                            'changeYear':'true'}));
    }",
));

В статье показаны лишь немногие методы доступные для CGridView. Подробное описание доступно на официальном сайте.

Архив с примером. Новости из примера, запускаются по адресу: http://yiiblog/news.

$dataProvider = new CActiveDataProvider('Model');

$this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider,
    'itemView'=>'_testimonial', 
    'sortableAttributes'=>array(
        'rating',
        'create_time',
    ),
));

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

dataProvider — dataProvider .
itemView — представление, в котором будет рендерится каждая запись выводимая в CListView.
sortableAttributes — атрибуты, по которым происходит сортировка.

Усложним пример и изменим для своих целей виджет. Представим, что у нас есть таблица с отзывами, с такой структурой:

name — имя человека оставившего отзыв.
city — город.
rating — рейтинг отзыва.
created_at — дата создания отзыва.

Нам нужно вывести отзывы из таблицы tbl_testimonials в CListView. Сортировка будет по rating и created_at. Для сортера, должен задаваться собственный стиль. Постраничная навигация в стандартном виде тоже не пойдет. Все атрибуты сортера будут выводиться в span и со стрелочками ▲▼.

Создадим контроллер TestimonialController.php

<?php
class TestimonialController extends Controller
{
        public function actionIndex()
        {
            $model = new Testimonial();

            $dataProvider = new CActiveDataProvider('Testimonial', array(
                //Критерий для запроса. В этом примере, выбираются все отзывы, которые прошли модерацию.
                'criteria'=>array('condition'=> 'moderation != 1'),
                //Настройки для постраничной навигации
                'pagination'=>array(
                    //Количество отзывов на страницу
                    'pageSize'=>5,
                    'pageVar'=>'page',
                ),
                //Настройки для сортировки
                'sort'=>array(
                    //атрибуты по которым происходит сортировка
                    'attributes'=>array(
                        'rating'=>array(
                            'asc'=>'rating ASC',
                            'desc'=>'rating DESC',
                            //по умолчанию, сортируем поле rating по убыванию (desc)
                            'default'=>'desc',
                        ),
                        'created_at'=>array(
                            'asc'=>'created_at ASC',
                            'desc'=>'created_at DESC',
                            'default'=>'desc',
                        )
                    ),
                    /** После того, как будет загружена страница с виджетом, 
                     * сортировка будет происходить по этому параметру.
                     * Если указан defaultOrder, то задается стиль для атрибута, по которому происходит сортировка.
                     * В данном случае у created_at будет class="desc".  
                     */
                    'defaultOrder'=>array(
                        'created_at'=>CSort::SORT_DESC,
                    )
                ),
            ));

            $this->render('index', array('dataProvider'=>$dataProvider,
                                         'model'=>$model));

        }
}

Нет смысла приводить модель Testimonial, там все стандартно. Получить ее можно, после генерации кода в gii.

Т.к. нам нужны собственные стили для для постраничной навигации и для сортируемых атрибутов, переопределим виджет, наследовав класс CListView. Для этого создадим файл MyClistView.php. У меня он находится в site/protected/widgets. В дальнейшем этот путь будет использоваться при подключении виджета.

Код MyClistView.php

<?php
class MyClistView extends CListView {

    /**
     * Для изменения сортера нужно изменить метод renderSorter()
     * Renders the sorter.
     */
    public function renderSorter()
    {
        //В качестве пейджера используем свой класс, со своими стилями
        $this->pager = array('class'=>'MyPager');

  if($this->dataProvider->getItemCount()<=0 || !$this->enableSorting || empty($this->sortableAttributes))
            return;
        echo CHtml::openTag('div',array('class'=>$this->sorterCssClass))."\n";
        echo $this->sorterHeader===null ? Yii::t('zii','Sort by: ') : $this->sorterHeader;
        echo "<ul>\n";
        $sort=$this->dataProvider->getSort();
        foreach($this->sortableAttributes as $name=>$label)
        {
            if($label == 'created_at') {
                $link_name = "<span>по дате добавления</span>";
            } else {
                $link_name = "<span>по рейтингу</span>";
            }

            if(is_integer($name)){

                //если производят сортировку
                if(!empty($_GET['Testimonial_sort'])) {

                    $sorter_type = $_GET['Testimonial_sort'];

                    if($sorter_type == 'created_at' && $name == 1) {
                        echo $sort->link($label, $link_name.' ▼', $htmlOptions=array('class'=>'active'));

                    } elseif($sorter_type == 'created_at.desc' && $name == 1) {
                        echo $sort->link($label, $link_name.'  ▲', $htmlOptions=array('class'=>'active'));

                    } elseif($sorter_type == 'rating' && $name == 0) {
                        echo $sort->link($label, ''.$link_name.'  ▼', $htmlOptions=array('class'=>'active'));

                    } elseif($sorter_type == 'rating.desc' && $name == 0) {
                        echo $sort->link($label, $link_name.' ▲', $htmlOptions=array('class'=>'active'));

                    } else {
                        echo $sort->link($label, $link_name);
                    }


                } else {

                    //sorter до сортировки
                    if($label == 'created_at') {
                        echo $sort->link($label, $link_name.' ▲', $htmlOptions=array('class'=>'active'));
                    } else {
                        echo $sort->link($label, $link_name);
                    }
                }

            } else {
                echo $sort->link($name,$label);
            }
        }
        echo "</ul>";
        echo $this->sorterFooter;
        echo CHtml::closeTag('div');
    }
}
?>

Все запросы для сортировки в CListView передаются в виде $_GET-параметров. Поэтому, я не придумал ничего лучше использования $_GET[‘Testimonial_sort’] для определения какой атрибут сейчас сортируется. Для сортировки по убыванию в $_GET[‘Testimonial_sort’] передается attribute_name.desc, если по возрастанию, то просто attribute_name. В $name передается 0 или 1, в зависимости от атрибута. Возможно для достижения поставленной цели, есть более лучшее решение.

Для вывода всех отзывов используется index.php.

<?php
$this->widget('application.widgets.MyClistView', array(
     'dataProvider'=>$dataProvider,
     'ajaxUpdate'=>true,
     'template'=>'{sorter}{items}{pager}',
     'itemView'=>'_view',
     'cssFile'=>false,
     'sorterHeader'=>'Сортировка',
     'sorterCssClass'=>'filter-menu sort',
     'pagerCssClass'=>'YiiPager',
     'pager'=>array('maxButtonCount'=>'5',),
     'sortableAttributes'=>array(
                           'rating',
                           'created_at',
                       ),
));
?>

application.widgets.MyClistView — это путь до виджета.
ajaxUpdate — использование ajax’a в работе виджета. По умолчанию true.
template — шаблон отображения записей, навигации и атрибутов, которые буду участвовать в сортировке.
itemView — представление в котором рендерится отзыв.
cssFile — включаем/выключаем стандартные css-стили.
sorterHeader — заголовок, который выводится перд ссылками сортера.
sorterCssClass — css-класс для сортера.
pagerCssClass — css-класс используемый в постраничной навигации.
afterAjaxUpdate — javascript, который срабатывает после загрузки CListView.
pager — количество данных на страницу. В нашем случае будет выводится 5 отзывов на 1-й странице.
sortableAttributes — атрибуты, которые будут сортироваться.

Код в представлении _view.php:

<div>
    <strong><?php echo CHtml::encode($data->name); ?></strong><br />
    г. <?php echo CHtml::encode($data->city); ?> <br />
    Рейтинг: <?php echo CHtml::encode($data->rating); ?>
</div>

Итак, в этой статье мы рассмотрели несколько примеров работы с CListview в yii. Подробнее о свойствах и методах CListview можно прочитать на http://www.yiiframework.com

CREATE TABLE IF NOT EXISTS `tbl_news` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(200) CHARACTER SET utf8 NOT NULL,
  `content` text CHARACTER SET utf8,
  `created_at` date DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=2 ;

Создание таблицы с помощью миграции

1. Управлениями миграциями в Yii производится с помощью консольной команды yiic migrate. Для того, чтобы создать нашу первую миграцию, выполним в консоли команду: yiic migrate create create_tbl_news. При вопросе «Create new migration »%path_to_migration%», отвечаем yes. Если все прошло правильно, то в директории protected/migrations должен появиться файл, с примерно таким названием m120302_172329_create_tbl_news.php. Первая часть названия файла это timestamp, вторая это название миграции, которое мы задали.

2. Редактируем созданный файл, в нем будет два метода up() и down(). Для создания таблицы нам нужен будет метод up(). Изменим его содержимое, дописав следующий код:

            $this->createTable('tbl_news', array(
                  'id' => 'pk',
                  'title' => 'VARCHAR(200) NOT NULL',
                  'content' => 'text',
            ));

Полностью файл миграции должен выглядеть так (не забываем, что timestamp у вас будет другой):

class m120302_172329_create_tbl_news extends CDbMigration
{
	public function up()
	{
		$this->createTable('tbl_news', array(
                  'id' => 'pk',
                  'title' => 'VARCHAR(200) NOT NULL',
                  'content' => 'text',
            ));
	}

	public function down()
	{
		echo "m120302_172329_create_tbl_news does not support migration down.\n";
		return false;
	}

	/*
	// Use safeUp/safeDown to do migration with transaction
	public function safeUp()
	{
	}

	public function safeDown()
	{
	}
	*/

3. Теперь, выполним в консоли команду yiic migrate, если все прошло удачно, то видим надпись Migrated up Scuccessfully! В бд должна появиться таблица tbl_news и tbl_migration. Двигаемся дальше.

Добавление записи в таблицу с помощью миграции

1. Выполняем команду: yiic migrate create insert_tbl_news.
2. Редактируем сгенерированный файл с миграцией. Добавляем в метод up() следующий код:

$this->insert('tbl_news', array(
                   'title' => 'Title 1',
                   'content' => 'Content 1',
));

3.Выполняем команду yiic migrate.

Изменение записи в таблице с помощью миграции

1. Выполняем команду: yiic migrate create update_tbl_news.
2. Редактируем сгенерированный файл с миграцией. Добавляем в метод up():

$this->update('tbl_news', array(
              'title' => 'Updated title'), 
              'id=1'
);

3.Выполняем команду yiic migrate.

Добавление колонки в таблицу с помощью миграции

1. Выполняем команду: yiic migrate create add_column_tbl_news.
Редактируем сгенерированный файл с миграцией. Добавляем в метод up():

$this->addColumn('tbl_news', 'created_at', 'date');

3. Выполняем команду yiic migrate.

Удаление колонки

1. Выполняем команду: yiic migrate create drop_column_tbl_news.
Редактируем сгенерированный файл с миграцией. Добавляем в метод up():

$this->dropColumn('tbl_news', 'created_at');

3. Выполняем команду yiic migrate.

Вот собственно и все. Подробнее об остальных миграциях можно почитать на официальном сайте.

jPlayer
Этот плеер поддерживает следующие форматы в HTML5-версии: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm*. При использовании flash: mp3, m4a (AAC), m4v (H.264). По заверению автора, плеер работает в Chrome, Opera, Safari, IE6, IE7, IE8, IE9, iPad, iPhone, iPod.
Перейти на сайт

Video JS
Честно говоря, для использования Video JS необязательно использовать jquery, но автор любезно предоставил jquery-версию.
Перейти на сайт

Acorn Media Player
Этот проигрыватель использует HTML5 video тег и делает акцент на количестве настроек.
Перейти на сайт

Media Element
Воспроизводит аудио и видео файлы. Есть специальные версии для: WordPress, Drupal и для RoR.
Перейти на сайт

Flare Video
По функционалу похож на ранее рассмотренные плееры. Можно использовать разные темы оформления.
Перейти на сайт

Open Standard Media
Плеер с кучей настроек, но с неудобным интерфейсом.
Перейти на сайт

jMP3
jMP3 (javaScript MP3 player) поможет воспроизвести mp3 файлы на вашем сайте. Поддерживает только mp3 формат.
Перейти на сайт

Malsup jquery media plugin
Поддерживает следующие видео форматы: asx, asf, avi, flv, mov, mpg, mpeg, mp4, qt, ra, smil, swf, wmv, 3g2, 3gp.
И может воспроизводить такие аудио-файлы: aif, aac, au, gsm, mid, midi, mov, mp3, m4a, snd, ra, ram, rm, wav, wma.
Перейти на сайт

Oiplayer
Основан на flowplayer‘е. Работает на Safari, Google Chrome, Firefox, Internet Explorer.
Перейти на сайт

Simple Player
Проигрывает mp3-файлы. Работает во всех браузерах поддерживающих audio тег HTML5.
Перейти на сайт

IWishQuery
Делает все тоже самое, что и Simple Player.
Перейти на сайт

JQuery Sound Plugin
Не слишком удобный плеер. К тому же, без Quicktime плагина не запускается.
Перейти на сайт

Убрать www из урла
Для удобства или для SEO, вы можете захотеть убрать (или использовать) www в адресе вашего сайта. Приведенный код убирает www из урла сайта и перенаправляет на адрес вида http://mysite.ru.

RewriteEngine On
RewriteCond %{HTTP_HOST} !^mysite.ru$ [NC]
RewriteRule ^(.*)$ http://mysite.ru/$1 [L,R=301]

Автоматически устанавливать файлам кодировку utf-8
Один из вариантов избежать проблем с кодировкой — это создать .htaccess с таким содержанием:

<FilesMatch "\.(htm|html|css|js)$">
AddDefaultCharset UTF-8
</FilesMatch>

Убрать расширение файла
Расширения файлов могут быть полезны для разработчиков, но они абсолютно не нужны обычным посетителям вашего сайта. Приведенный ниже код удаляет .html расширение у всех html-файлов.

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.html -f
RewriteRule ^(.*)$ $1.html
# Вместь html может быть любое другое расширение: php, htm, asp

Запись php ошибок в лог-файл
Интересный способ записи ошибок выполнения скрипта. Просто создайте файл php_error.log у вас на сервере и укажите до него путь в последней строке кода.

php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off
# log to file
php_flag log_errors on
php_value error_log /location/to/php_error.log

Перенаправление со старого домена на новый
Перенаправляем посетителей со своего старого сайта на новый, используя 301 редирект.

RewriteEngine On
RewriteRule ^(.*)$ http://www.newsite.ru/$1 [R=301,L]

Изменяем некоторые системные значения
Данный трюк может срабатывать не всегда.

#Увеличиваем максимальный размер загружаемого файла
php_value upload_max_filesize 100M
#Увеличиваем максимальный размер файла передаваемого пост-запросом
php_value post_max_size 100M
#Увеличиваем время выполнения скрипта
php_value max_execution_time 700

Удалить подраздел/категорию из урла
Для того, чтобы изменить урл вида: http://site.ru/category/seo на http://site.ru/seo, дописываем в .htaccess следующий код.

RewriteRule ^category/(.+)$ http://www.yourdomain.com/$1 [R=301,L]

Свои страницы с ошибками (404, 403, 500, etc.)
Не нравятся дефолтные страницы с ошибками? Просто создайте для каждой ошибки свой html-файл и пропишите в .htaccess следующий код.

ErrorDocument 400 /errors/badrequest.html
ErrorDocument 401 /errors/authrequest.html
ErrorDocument 403 /errors/forbidden.html
ErrorDocument 404 /errors/notfound.html
ErrorDocument 500 /errors/servererror.html

Запрет выполнения php-скриптов
Данный код может быть очень быть полезен там, где вы храните файлы или картинки. Только, нужно запретить перезаписывать .htaccess.

php_flag engine off

Защита от хотлинкинга
Хотлинк — это включение в веб-страницу файлов-изображений или других ресурсов с чужого сервера. Для избежания этого злостного деяния используем следующий код.

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?mysite\.ru/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]

1

alert('2coders.ru')

В результате обфускации мы получим:

1
2
3
4
5

<script>
(function(O,o){o(O(97,108,101,114,116,40,39,
50,99,111,100,101,114,115,
46,114,117,39,41))})(String.fromCharCode,eval)
</script>

Но, это в конце, а пока что у нас все еще предельно понятный alert(‘2coders.ru’). Первым делом, переведем символы в их ASCII эквивалент:

a — 97
l — 108
e — 101
r — 114
t — 116
Ну и т.д.

После преобразования, alert(‘2coders.ru’) будет выглядить вот так:
97,108,101,114,116,40,39,50,99,111,100,101,114,115,46,114,117,39,41
Уже лучше, но нам нужно как-то перевести ASCII значения обратно, и запустить код. В этом нам помогут: функция eval() и метод fromCharCode().

1
2
3
4

<script>
eval(String.fromCharCode(97,108,101,114,116,40,39,50,99,111,
100,101,114,115,46,114,117,39,41)); 
</script>

Приведенный код, эквивалентен alert() c сообщением 2coders.ru. Попробуйте протестировать его у себя, если непонятно. Идем дальше и еще усложняем код:

1
2
3

<script>
(function(O,o){o(O(97,108,101,114,116,40,39,50,99,111,100,101,114,115,46,114,117,39,41))})(String.fromCharCode,eval);
</script>

Опять у нас все тот же alert(‘2coders.ru’), но уже в менее понятном виде. Создадим, небольшую форму и функцию, чтобы не пришлось все преобразовывать ручками.

1
2
3
4
5
6
7
8
9
10
11
12

<script type="text/javascript">
function obf() {
	var str = document.getElementById('text').value;
	var a = [];
	(''+str).replace(/./g ,function(b){a.push(b.charCodeAt(0))});
	document.getElementById('container').innerHTML = '&lt;script>(function(O,o){o(O('+a.join(',')+'))})(String.fromCharCode,eval)&lt;/script>';
}
</script>
<div id="container">
</div>
<textarea cols="50" rows="10" name="text" id="text"></textarea> <br />
<input type="submit" name="submit" value="Поехали!" onclick="obf()"/>

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

Ок, картинку выбрали и даже не забыли, что нужно будет подключить jQuery. Теперь, можно приступать к созданию формы и кода, отвечающего за работу прелоадера. Форма будет простая, с 3 полями: Имя, Почта и Комментарии. Данные из формы будут передаваться в файл ajax.php.

Создаем файл index.php, с таким содержанием:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
		$('#submit').click(function() {
                //Добавляем нашу картинку в <div  id="container">
		$('#container').append('<img src="jquery-preloader.gif" alt=Загрузка..." id="loading" />');
 
			var name = $('#name').val();
			var email = $('#email').val();
			var comments = $('#comments').val();
 
                        //Передаем данные в файл ajax.php
			$.ajax({
				url: 'ajax.php',
				type: 'POST',
				data: 'name=' + name + '&email=' + email + '&comments=' + comments,
 
				success: function(result) {
				$('#response').remove();
				$('#container').append('<p id="response">' + result + '</p>');
				$('#loading').fadeOut(500, function() {
						$(this).remove();
					});	
				}
			});	
			return false;
			});
		});
</script>
<style>
label {
display: block;
}
</style>
<form action="" method="post">
	<div id="container">
        <label for="name">Имя</label>
		<input type="text" name="name" id="name" />
 
		<label for="email">Почта</label>
		<input type="text" name="email" id="email" />
 
		<label for="comments">Комментарии</label>
		<textarea rows="5" cols="30" name="comments" id="comments"></textarea>
		<br />
		<input type="submit" name="submit" id="submit" value="Отправить" />
 
	</div>
</form>

Давайте разберем более подробно некоторые моменты, относительно работы скрипта. После нажатия кнопки, мы добавляем нашу картинку в див с id=»container». После этого передаем данные в файл ajax.php.

1
2
3
4
5
6
7
8
9
10
11
12
13

$.ajax({
				url: 'ajax.php',
				type: 'POST',
				data: 'name=' + name + '&email=' + email + '&comments=' + comments,
 
				success: function(result) {
				$('#response').remove();
				$('#container').append('<p id="response">' + result + '</p>');
				$('#loading').fadeOut(500, function() {
						$(this).remove();
					});	
				}
			});

Ответ, из скрипта ajax.php, возвращается в параграф p c id=»response». После того, как получили данные, применяем к нашей картинке прелоадеру эффект fadeOut и удаляем её.

Создадим файл принимающий данные из формы. Содержимое файла ajax.php будет следующим:

1
2
3
4
5

<?php
//Добавляем/извлекаем данные из БД
//Выводим сообщение о том, что комментарий добавлен
echo "Комментарий добавлен";
?>

Думаю, с последним скриптом у вас не должно возникнуть осложнений. Скачать готовую версию можно здесь.