Паттерн проектирования MVC

Доброго времени суток, мои маленькие программисты. Сегодня мы разберем такую важную тему, как шаблон проектирования MVC (Model-View-Controller - Модель-представление-контроллер). Я думаю, вы все уже знаете. что это за шаблон и для чего он нужен. Для танкистов напомню, что он служит для отделения логики от представления, т.е. разделяет труд программера и верстальщика. А как известно, разделение труда это круто :). Итак, понеслась.

Я долго не мог понять этот паттерн. Гуглил, читал блоги, но реализацию паттерна представлял смутно. В основном этот шаблон объясняют на примере ООП, но применять его можно и в процедурном подходе. Разберем каждую часть паттерна:

Модель. Модель это логика приложения или как модно говорить - бизнес-логика. Здесь происходит взаимодействие с хранилищем данных (БД, файлы). Модель по-идее взаимодействует только с контроллером, а о существовании вьюшки даже и не подозревает.
Контроллер. Контроллер это как бы обработчик. Здесь происходит обработка данных, фильтрация, etc. Вот он может взаимодействовать и с моделью, получая из нее данные, и с вьюхой, отправляя их туда.
Представление. Представление это простой шаблон со вставками данных. Здесь должно быть по минимуму программного кода.

Но теория теорией, пора переходить и к практике. Мы с вами разработаем небольшую страничку с выводом постов, эдакий мини-блог :). Поехали (c).

Для начала создадим конфигурационный файл, куда занесем данные о подключении к БД (MySQL):


<?php

/**
 * Файл конфигурации.
 *
 * Здесь можно определить различные константы, например путь к сайту, etc
 *
 * @author Канат Гайлимов, http://gailimov.info
 */

$dbHost = "localhost";
$dbUser = "root";
$dbPass = "";
$dbName = "mvc";

// по хорошему вместо "дая" должны быть исключения, но для примера "дай" сойдет :)
mysql_connect($dbHost, $dbUser, $dbPass) or die("MySQL не доступен! ".mysql_error());
mysql_select_db($dbName) or die("Нет соединения с базой данных! ".mysql_error());
mysql_query("SET NAMES utf8") or die("Невозможно установить кодировку! ".mysql_error());

/* Конец файла ./config.php */

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


CREATE TABLE IF NOT EXISTS `posts` (
    `id` INT(4) NOT NULL AUTO_INCREMENT,
    `title` VARCHAR(255) NOT NULL,
    `blog_post` TEXT NOT NULL,
    `dt` DATETIME NOT NULL,
    PRIMARY KEY (`id`)
)   ENGINE=MyISAM DEFAULT CHARSET=utf8 ;

Ну и модель:


<?php

/**
 * Это модель, так сказать бизнес-логика
 *
 * Модель должна взаимодействовать только с контроллером, а на вьюшку ей пох :)
 * Можно вместо мускула заюзать скуллайт или даже текстовые файлы. 
 * Самые крутики могут прикрутить PDO :)
 *
 * @author Канат Гайлимов, http://gailimov.info
 */

/**
 * Функция селектит посты из БД
 *
 * @return array
 */
function getPosts()
{
    $q = "SELECT * FROM posts ORDER BY dt DESC, id DESC";
    $res = mysql_query($q) or die(mysql_error());
    
    $posts = array();
    
    while ($row = mysql_fetch_assoc($res)) {
        $posts[] = $row;
    }
    
    return $posts;
}

/* Конец файла ./mposts.php */

Контроллер:


<?php

/**
 * Это контроллер
 *
 * Здесь происходит обработка переменных, фильтрация и тыды.
 * Контроллер взаимодействует с моделью и вьюшкой
 *
 * @author Канат Гайлимов, http://gailimov.info
 */

require_once 'config.php';
require_once 'mposts.php';

$posts = getPosts();

include_once 'vposts.php';

/* Конец файла ./cposts.php */

И вьюшка (валидный HTML 5 :)):


<!doctype html>
<html>
<head>
    <meta charset=utf-8>
    <!--[if IE]>
        <script>
            document.createElement('header');
            document.createElement('nav');
            document.createElement('section');
            document.createElement('article');
            document.createElement('aside');
            document.createElement('footer');
        </script>
    <![endif]-->
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <title>Пример применения паттерна проектирования MVC</title>
</head>
<body>
<div id="wrapper">
<header id="head">
    <h1>Мини-блог с применением MVC</h1>
</header>
    <section>
<?php foreach ($posts as $post) : ?>
        <article>
            <header>
                <h2><?=$post['title']?></h2>
            </header>
            <?=$post['blog_post']?>
            <p class="date"><?=$post['dt']?></p>
        </article>
<?php endforeach ?>
    </section>
<footer>
    <p>© <a href="http://gailimov.info">Канат Гайлимов</a> <?=date('Y')?></p>
</footer>
</div>
</body>
</html>

Как видите мы использовали короткую запись оператора foreach, это очень удобно. Также мы использовали короткую запись <?=$var?>. Вы же можете писать <?php echo $var ?>, т.к. рекомендовано в документации. Или можно вообще прикрутить какой-нибудь шаблонизатор, например тот же Smarty. Может быть я даже покажу это в следующих постах :).

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


<?php

/**
 * Загрузчик контроллеров
 *
 * @author Канат Гайлимов, http://gailimov.info
 */

require_once 'cposts.php';

На этом все. Думаю понтно обьяснил :). Здесь вы можете скачать архив с этим примером и самостоятельно потренироваться. Вопросы/пожелания/критику постить в комментах. Бай-бай :).

Запостено: 15 августа 2010 г. в 14:02 | 18 комментов

Комменты:

#1 Никита Красноярцев

Самому разбираться всё времени не было, а тут всё просто и понятно, спасибо=)

Добавлено: 15 августа 2010 г. в 15:00