В начале мая состоялась наша поездка на крупнейшую в Италии фабрику обоев Zambaiti Parati . Сама поездка была специальным призом за победу в конкурсе ADD Awards 2016, врученным нам на церемонии награждения официальными представителями компании “Dom обоев Demmoksi” . Это небольшое путешествие получилось очень ярким, насыщенным и интересным, за что отдельное спасибо всем организаторам!


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


Компания была основана в 1974 году Ферруччо Замбаити, и начинала с производства бумажных обоев. С тех пор фабрика значительно выросла, освоив производство виниловых обоев и флизелиновой подложки. Самое современное оборудование и автоматизация производства позволяют производить большие объемы продукции высочайшего класса. Компания "Zambaiti" отличается высокоточным тиснением в регистр (по рисунку) - это одно из самых сложных видов тиснения. В печати использует два способа печати: глубокая печать и шелкография.

Любой желающий может сам прогуляться по фабрике с помощью виртуального тура на сайте компании: ВИРТУАЛЬНЫЙ ТУР



Главные дизайнеры фабрики показали, как создаются новые коллекции, поделились своими новыми идеями и планами.


Помимо фабрики представители "Zambaiti Parati" и Джузеппе Фумагалли показали нам сам город Бергамо, его старую часть Città Alta. Потрясающая по красоте и атмосфере архитектура средневекового города, итальянская кухня, и непринужденное общение, присущие итальянцам.





Север Италии и в частности район Бергамо считается наиболее развитым в промышленном плане и здесь же находятся одни из самых живописных мест и самых интересных городов, таких как Милан, Бергамо, Верона, Венеция. Мы успели увидеть озеро Гарда и побывать в центральной части Вероны.


Италия - занимает особенной место среди всех стран Европы, атмосфера, природа, архитектура, кухня, и не зря считается центром мирового дизайна.

Дисклеймер: Этой статьёй я не хочу унизить или возвысить кого-либо из пользователей, разработчиков, веб-порталов, сервисов и прочих. Приведённые скриншоты в статье, а также комментарии к ним являются субъективным мнением автора и не призывают никого с ним считаться.

Теперь к делу. Идея написания этой статьи пришла мне крайне давно. С того самого момента я собирал тезисы, примеры и мысли в кучу, а теперь постараюсь изобразить их здесь таким образом, чтобы вы смогли развить эту мысль как развил её я в своей голове. Надеюсь, у нас получится. Заранее прошу прощения за эмоциональное повествование.

Для начала наблюдение. Интернет разрастается с огромной скоростью. Нет, давайте ближе к делу. В интернете огромное количество информации. Нет, давайте ещё ближе.

Внушительное количество материалов в интернете представлено в ужасном виде. Да, вот теперь это похоже на тезис.

Под ужасным видом я подразумеваю то представление, с которым подаётся материал. Возьмём, к примеру, “захватывающую новость”, откроем на телефоне и попытаемся прочитать.

Если вы усмехнулись, это хорошо. Но на самом деле хорошего здесь мало. Мы ведь зашли, чтобы прочитать про … Подождите, а про что мы вообще хотим прочитать, где заголовок? Ок, давайте откроем захватывающую новость на десктопе.

Ах да, блокировка Telegram в России… Какая жалость, – думали мы несколько месяцев назад. И правда, огромная жалость, что мы не можем нормально прочитать столь захватывающую новость.
Уверен, вы уловили, к чему я клоню. Конечно, блокировка Telegram - это и правда плохо. Но что по-настоящему худо, это чума всплывающего/излишнего/вторичного контента.

И так мобильный интернет выглядел не только в 2017, он выглядел так даже немного раньше, и сейчас стало только хуже. Кстати, там же в треде вы можете найти огромное количество примеров подобной схемы. Это показывает актуальность, масштаб и серьёзность этой проблемы. И в качестве подтверждения очередной пост с grumpy.website:


→ Ссылка

Страдает не только мобильный интернет, возьмём к примеру небезызвестные крупные сайты

От контента на первом экране только заголовок, и на том спасибо.


Ура, тут помимо заголовка мы смогли увидеть ещё кусок текста, автора и даже дату публикации, феноменально!


Только третья часть страницы доступна для чтения, не больше.


Прочитайте название статьи. Было бы смешно, если бы не было так грустно.


Что тут вообще происходит?

Я мог бы привести ещё уйму примеров, но уже достаточно съел трафика при загрузке изображений на этой странице. Проблема в том что, мы как будто разучились подавать контент, мы разучились делать достойный user friendly design, мы разучились верстать. То что мы даём пользователю, похоже на плевок в лицо. Во главу мы стали ставить совсем не контент, он обесценился. Нам важнее показать как можно более релевантную и привлекательную рекламу, лишь бы заполучить этот жалкий клик. Мы хотим открестится от судебных тяжб за отсутствие баннера о хранении персональных данных или галочки, но нас совершенно перестало заботить, как это будет сделано. Это очень грустно и бесчеловечно, товарищи.

Но мало обратить внимание на проблему. Кто-то наверняка скажет: “Ну и что же ты предлагаешь нам делать, умник?! У нас и без этого завал работы/урезанный бюджет/слишком заняты/вставьте свой вариант”. А я отвечу. Мы умные и грамотные специалисты, почему бы не проявить каплю энтузиазма, потратить на 15 мин больше и сделать круто и функционально. Например:

Кстати об изящных примерах – не так давно к нам в офис приходил Виталий Фридман. Он говорил о многих вещах, в том числе о человечности, о дизайн- системах и приводил большое количество необычных примеров. Вот ссылка на запись встречи, для вдохновения:


Примеров, помимо тех, что приводит Виталий, к счастью, ещё огромное множество, и веб не так безнадёжен, как могло показаться. Но проблема комплексности веба не является новой. Так, например, Франк Химеро (дизайнер, иллюстратор, автор книги Shape of design) в одном из своих выступлений говорил о самой проблеме, и как можно просто подать идею, приводя чёткий список технических требований. На Хабре есть стоящий , а также ссылка на оригинал, очень рекомендую к прочтению.

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

Ридеры

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

Так, например, Safari уже предлагает пользователю переключиться в Reader view и читать интересную статью в опрятной вёрстке, без лишнего мусора.

Telegram с его потрясающим Instant View(IV) для 2274 ресурсов (а может уже и больше). Эту идею я считаю одной из лучших и прорывных в мессенджерах за последние несколько лет, а за реализацию вообще снимаю шляпу. Подробнее о технологии и о том, как она воплощалась, можно почитать . Если читать лень, вкратце объясню: отправив ссылку на поддерживаемый IV веб-сайт, Telegram предлагает открыть её прямо в приложении, и делает это за пару миллисекунд.

Не стоит объяснять, что в обоих случаях в проигрыше остаётся владелец ресурса, так как кроме основного текста страницы, больше ничего передать или получить от пользователя не удастся. Как следствие, это создаёт определённые трудности в статистике, подаче релевантного контента и прочих маркетинговых приёмах.

Что делать?

Главное – быть человеком.

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

Другой случай, если ваша цель продать, любой ценой нажиться при помощи рекламы, либо увести пользователя на другую страницу/ресурс. Тогда вы, конечно, можете не акцентировать внимание на тексте, просто поместите Lorem ipsum или какое-нибудь клише, чтобы keywords были побольше. Впрочем, сам текст не так важен, можно, например, смешать оба вышеупомянутых варианта, дабы увеличить коэффициент уникальности. Затем добавьте на страницу пару-тройку баннеров, несколько всплывающих окон, и обязательно нужно обвесить это всё аналитикой, чтобы понять, какой баннер эффективнее: верхний, тот, что под ним, или тот, что справа от двух предыдущих. Но после всего этого не забудьте задать себе вопрос: а нужен ли вам в таком случае текст? Как только справитесь с первым вопросом, попробуйте ответить на второй. Вы создали эту веб-страницу для людей?

Action items

Если позволите, у меня накопилось несколько советов, которые могут помочь улучшить ситуацию, если вы в нее попали.

Первое, нужно понять, содержит ли ваш продукт/сайт/приложение/вставьте свой вариант те признаки, о которых мы говорили выше. Если так, то далее вам предстоит выяснить, кто отвечает за каждый элемент этой конструкции. Готов спорить, что большинство вопросов появится именно к маркетинговой стороне вашего продукта. Если это не так, не переживайте, мы с вами ещё обсудим, как быть дальше.

Маркетинг

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

UX (Web Design)

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

Вы, наверное, подумали, что я хочу обвинить во всём разработчиков? Ну уж нет. Если команда не может выпустить крутой, чистый, юзабельный продукт, не стоит валить всё на development. Конечно, исходя из написанного выше, можно сделать вывод, что все концы сходятся именно в коде разработчика. Так и есть, конечный результат появляется именно при написании кода , но разработчик не может взять и не добавить все гениальные идеи придуманные выше (выше по тексту).

А как тогда, “чего ты нас путаешь, вообще уже непонятно кто виноват и кто должен всё это фиксить”?

Команда , именно команда, выступает начальным и конечным звеном на всей стадии разработки. Весь цикл задачи должен решаться именно совместно. Например, на стадии возникновения “гениальной” идеи про баннер на полстраницы, UX и разработчик покрутят у виска и не допустят даже мыслей о таком варианте. При добавлении пятого всплывающего подряд окна на страницу, произойдёт то же самое, и идея будет задушена на корню. Работайте в команде, на всех этапах разработки проекта, потому что конечный продукт – это результат совместной работы . Вот вам первый Action Item.

В ситуации, когда у вас уже используются подобные “гениальные решения” в production, предлагаю обратиться к ответственному за решение, и обсудить его цель и внешний вид. Уверен, что эту же задачу можно решить более безобидным способом.

На техническом поприще есть множество решений для улучшения User Experience, но я приведу только часть самых интересных, на мой взгляд.

Получает все данные указанного блога из таблицы блогов и опций блога.

Итоговые данные будут содержать в себе все данные WP_Site и данные из опций блога: blogname , siteurl , post_count , home

Результат работы функции кэшируется.

Функция сама использует switch_to_blog() когда это нужно.

Возвращает

WP_Site/false. Данные блога или false, если не удалось получить блог.

WP_Site Object ( => 1 => multisite.ru => / => 1 => 2016-05-10 20:47:00 => 0000-00-00 00:00:00 => 1 => 0 => 0 => 0 => 0 => 0 => Главный Cайт => http://multisite.ru/wp => => http://multisite.ru)

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

get_blog_details($fields, $get_all); $fields(число/строка/массив)

Данные по которым будет определен блог. Можно указать ID блога или строку blogname .

Или можно указать массив с ключами: "blog_id" или "domain" и "path" . По этим данным будет найден нужный блог.
По умолчанию: null (текущий блог, сайт)

$get_all(логический) true - получить все данные блога.
false - только данные из таблицы wp_blogs .
По умолчанию: true

Примеры

#1 Получим URL текущего блога

$details = get_blog_details(); echo $details->siteurl;

Код get blog details : wp-includes/ms-blogs.php WP 5.2.2

get_row($wpdb->prepare("SELECT * FROM $wpdb->blogs WHERE domain IN (%s,%s) AND path = %s ORDER BY CHAR_LENGTH(domain) DESC", $nowww, $fields["domain"], $fields["path"])); } else { $blog = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->blogs WHERE domain = %s AND path = %s", $fields["domain"], $fields["path"])); } if ($blog) { wp_cache_set($blog->blog_id . "short", $blog, "blog-details"); $blog_id = $blog->blog_id; } else { return false; } } elseif (isset($fields["domain"]) && is_subdomain_install()) { $key = md5($fields["domain"]); $blog = wp_cache_get($key, "blog-lookup"); if (false !== $blog) { return $blog; } if (substr($fields["domain"], 0, 4) == "www.") { $nowww = substr($fields["domain"], 4); $blog = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->blogs WHERE domain IN (%s,%s) ORDER BY CHAR_LENGTH(domain) DESC", $nowww, $fields["domain"])); } else { $blog = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->blogs WHERE domain = %s", $fields["domain"])); } if ($blog) { wp_cache_set($blog->blog_id . "short", $blog, "blog-details"); $blog_id = $blog->blog_id; } else { return false; } } else { return false; } } else { if (! $fields) { $blog_id = get_current_blog_id(); } elseif (! is_numeric($fields)) { $blog_id = get_id_from_blogname($fields); } else { $blog_id = $fields; } } $blog_id = (int) $blog_id; $all = $get_all ? "" : "short"; $details = wp_cache_get($blog_id . $all, "blog-details"); if ($details) { if (! is_object($details)) { if (-1 == $details) { return false; } else { // Clear old pre-serialized objects. Cache clients do better with that. wp_cache_delete($blog_id . $all, "blog-details"); unset($details); } } else { return $details; } } // Try the other cache. if ($get_all) { $details = wp_cache_get($blog_id . "short", "blog-details"); } else { $details = wp_cache_get($blog_id, "blog-details"); // If short was requested and full cache is set, we can return. if ($details) { if (! is_object($details)) { if (-1 == $details) { return false; } else { // Clear old pre-serialized objects. Cache clients do better with that. wp_cache_delete($blog_id, "blog-details"); unset($details); } } else { return $details; } } } if (empty($details)) { $details = WP_Site::get_instance($blog_id); if (! $details) { // Set the full cache. wp_cache_set($blog_id, -1, "blog-details"); return false; } } if (! $details instanceof WP_Site) { $details = new WP_Site($details); } if (! $get_all) { wp_cache_set($blog_id . $all, $details, "blog-details"); return $details; } switch_to_blog($blog_id); $details->blogname = get_option("blogname"); $details->siteurl = get_option("siteurl"); $details->post_count = get_option("post_count"); $details->home = get_option("home"); restore_current_blog(); /** * Filters a blog"s details. * * @since MU (3.0.0) * @deprecated 4.7.0 Use site_details * * @param object $details The blog details. */ $details = apply_filters_deprecated("blog_details", array($details), "4.7.0", "site_details"); wp_cache_set($blog_id . $all, $details, "blog-details"); $key = md5($details->domain . $details->path); wp_cache_set($key, $details, "blog-lookup"); return $details; }
  • Перевод
  • Tutorial

На всякий случай - это перевод (многие не замечают этого в интерефейсе ХабраХабра).
«Fat-Free» можно перевести с английского как «Обезжиренный» - фреймворк и в самом деле поражает своим размером (55 КБ) и скоростью работы.

Я наконец-то нашёл лёгкий и быстрый фреймворк. Он умещается в файл размером всего 55Кб и имеет множество возможностей, о которых вы можете узнать на его , поэтому не буду повторяться. Вместо этого я решил сделать небольшой учебник, из которого вы узнаете как сделать свой блог на этом фреймворке.
Вам понадобится PHP 5.3 на сервере. Я использовал Ubuntu 11.04 для написания этого учебника, на которую легко устанавливается эта версия. Если вы работаете на RHEL или Centos то я предлагаю заглянуть вам на IUS Community Project для получения последней версии PHP.

Установка

Fat-Free Framework.
Fat-Free Framework работает одинаково хорошо и в корне сайта, и в подкаталоге. Я предполагаю, что вы будете использовать подкаталог, поскольку вам не нужно будет создавать отдельный сайт для этого урока.
Создайте папку с именем blog и распакуйте содержимое фреймворка в неё. Это должно выглядеть примерно так:

Поднимитесь на один уровень вверх в иерархии каталогов и установите следующие разрешения:

Sudo chgrp -R www-data blog sudo chmod -R 775 blog
Если вы используете Apache, то mod_rewrite должен быть включён. Измените.htaccess и откорректируйте RewriteBase так, чтобы он указывал на папку с блогом. Например: RewriteBase /blog.

Уже сейчас вы можете зайти в папку blog на сервере и увидеть такую страницу:

(Как только вы посетите эту страницу, будет будет создана специальная папка с кешем - не беспокоитесь об этом).

Начало

Всё что нам нужно уже есть в Fat-Free Framework.

Давайте сначала отредактируем главную страницу и создадим подключение к базе данных.

Откройте файл index.php . Закомментируйте параметр кэширования и установите уровень отладки, чтобы вам легче было заниматься разработкой:


Для установки соединения с базой данных добавьте следующее между командами set и run :

F3::set("DB", new DB("mysql:host=localhost;port=3306;dbname=ИмяВашейБазыДанных", "ИмяПользователя", "Пароль"));
Все файлы пользовательского интерфейса находятся в каталоге ui - вы можете удалить welcome.htm и style.css отсюда, так как они просто используются домашней страницей по-умолчанию.

Маршрутизация

Вы должны сказать фреймворку метод запроса (GET, POST, PUT и т.д.), адрес для запроса и как ответить на этот запрос.

Маршрут для домашней страницы:

F3::route("GET /", function () { // делаем что-нибудь });
Эта безымяная функция будет содержать логику для заполнения страницы.

Для просмотра записи блога:

F3::route("GET /view/@id", function () { $id = F3::get("PARAMS["id"]"); });
Это позволяет фреймворку ожидать URI-параметр и присваивает его переменной PHP в функции.

Теперь маршруты для администратора:

// Главная страница администратора F3::route("GET /admin", function () { }); // Страница для добавления материала F3::route("GET /admin/add", function() { }); // Для редактирования материала F3::route("GET /admin/edit/@id", function() { $id = F3::get("PARAMS["id"]"); }); // Служебная для принятия запросов F3::route("POST /admin/edit/@id","edit"); F3::route("POST /admin/add","edit"); function edit() { } // Для удаления F3::route("GET /admin/delete/@id", function() { $id = F3::get("PARAMS["id"]"); });
Обратите внимание, что мы используем одну и ту же функцию для обработки добавления и редактирования сообщений, по этому она имеет имя (остальным функциям имена можно не давать).

Модели

ORMs в Fat-Free Framework делает всю грязную работу за вас - никаких директорий, файлов или кода.

Вот SQL запрос, который создаст 2 таблицы, необходимые для этого урока:

ХабраХабр почему-то не хочет красить этот кусок - прим. перев.

CREATE DATABASE `blog` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; USE `blog`; CREATE TABLE IF NOT EXISTS `article` (`id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT, `timestamp` datetime NOT NULL, `title` VARCHAR(128) NOT NULL, `summary` VARCHAR(128) NOT NULL, `content` text NOT NULL, `author` VARCHAR(128) NOT NULL, PRIMARY KEY (`id`)) ENGINE=MyISAM DEFAULT CHARSET=utf8; INSERT INTO `article` (`id`, `timestamp`, `title`, `summary`, `content`, `author`) VALUES (1, "2011-07-28 02:03:14", "Hello World!", "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ", "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", "Mr White"), (2, "2011-07-28 02:03:14", "More Hello World!", "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ", "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", "Mr Green"); CREATE TABLE IF NOT EXISTS `user` (`id` INT(11) NOT NULL AUTO_INCREMENT, `name` VARCHAR(255) NOT NULL, `password` VARCHAR(255) NOT NULL, PRIMARY KEY (`id`)) ENGINE=MyISAM DEFAULT CHARSET=utf8; INSERT INTO `user` (`id`, `name`, `password`) VALUES ("1", "admin", "password");

Для посетителей

Теперь нам необходимо создать экземпляр объекта Axon, чтобы получить массив результатов. Также мы установим полученное значение в переменную articles.

$article=new Axon("article"); $articles=$article->afind(); F3::set("articles",$articles);
Вы бы могли объединить последнии 2 строчки в одну F3::set("articles",$article->afind()); , но для удобства я оставил две.

Для использования шаблонов нужно создать базовый файл макета в папке ui с именем layout.html :

{{@html_title}}
Движок использует шаблон {{@имя}} для получения значения переменной.

Теперь создадим шаблон для главной страницы, который будет называется blog_home.html :

Blog Titles

{{trim(@item["title"])}} by {{@item["author"]}}

{{@item["summary"]}}


Теперь, когда шаблон готов, мы можем завершить код в index.php для его отображения:

F3::set("content","blog_home.html"); echo Template::serve("layout.html");
Шаблон для ускорения работы приложения будет переделан движком в php код.

Полный пример будет выглядеть так:

F3::route("GET /", function () { F3::set("html_title","Home Page"); $article=new Axon("article"); F3::set("list",$article->afind()); F3::set("content","blog_home.html"); echo Template::serve("layout.html"); });
Теперь мы дожны сделать страницу, на которой будет находиться полный текст записи:

F3::route("GET /view/@id", function () { $id = F3::get("PARAMS["id"]"); // создаём объект Axon и ищем в нём наш id $article=new Axon("article"); $article->load("id="$id""); // устанавливаем переменные для шаблона F3::set("html_title",$article->title); $article->copyTo("POST"); // подключаем сам шаблон F3::set("content","blog_detail.html"); echo Template::serve("layout.html"); });
Шаблон страницы будет находиться в файле blog_detail.html :

{{@POST.title}}

Published: {{@POST.timestamp}} by {{@POST.author}}

{{@POST.content}}

Back to Homepage

Для администратора

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

F3::route("GET /admin", function () { F3::set("html_title","My Blog Administration"); $article=new Axon("article"); $list=$article->afind(); F3::set("list",$list); F3::set("content","admin_home.html"); echo Template::serve("layout.html"); });
Шаблон хранится в файле admin_home.html :

Панель администратора

Добавить запись

Заголовок Дата Автор Управление
{{@item["title"]}} {{@item["timestamp"]}} {{@item["author"]}} Изменить Удалить

Результат будет примерно такой:

Теперь создадим форму для редактирования и добавления записей в файле admin_edit.html :

Edit

{{ @message }}










Обратите внимание, что есть области для отображения проверки сообщений.

Теперь код для маршрутов:

F3::route("GET /admin/add", function() { F3::set("html_title","My Blog Create"); F3::set("content","admin_edit.html"); echo Template::serve("layout.html"); }); F3::route("GET /admin/edit/@id", function() { F3::set("html_title","My Blog Edit"); $id = F3::get("PARAMS["id"]"); $article=new Axon("article"); $article->load("id="$id""); $article->copyTo("POST"); F3::set("content","admin_edit.html"); echo Template::serve("layout.html"); });
Теперь напишем функцию для редактирования, о которой писалось ранее:

Function edit() { // Reset previous error message, if any F3::clear("message"); $id = F3::get("PARAMS["id"]"); $article=new Axon("article"); //load in the article, set new values then save //if we don"t load it first Axon will do an insert instead of update when we use save command if ($id) $article->load("id="$id""); //overwrite with values just submitted $article->copyFrom("POST"); //create a timestamp in MySQL format $article->timestamp=date("Y-m-d H:i:s"); $article->save(); // Return to admin home page, new blog entry should now be there F3::reroute("/admin"); }

Аутентификация

Добавьте следующие строчки:

// сообщаем фреймворку таблицу с пользователями и передаём значения F3::set("AUTH",array("table"=>"user","id"=>"name","pw"=>"password")); $auth = Auth::basic("sql"); // вход удачный if ($auth) { // сохраняем в сессии F3::set("SESSION.user",$auth->name); // отображаем страницу администратора F3::set("content","admin_home.html"); } else { // вход неудачный F3::set("content","security.html"); }
security.html может выглядеть так:

You must supply valid login details.

Ещё добавьте строчку перед Template::serve:

If (!F3::get("SESSION.user")) F3::set("content","security.html");
Вот и всё. Вы также можете перенаправить пользователя на главную страницу:

If (!F3::get("SESSION.user")) F3::reroute("/");

Итог

Вот так просто можно написать блог с панелью администратора и базой данных.

Скачать готовый пример можно тут -

Introducing a new component to join GIGABYTE’s product line up is AORUS RGB Memory lighting the way towards an ultimate AORUS PC Dream Machine. The announcement of AORUS RAM was met with high praises from industry media with its exceptional build quality and the unique inclusion of 2 RGB Demo Modules. Find out more on how AORUS RGB Memory kit can complete your gaming PC build with high-end performance and striking aesthetics.

Purchase Now at Amazon and Newegg .

Industry’s First RGB Demo Modules

What sets AORUS RGB Memory apart from the competition is the exclusive addition of 2 RGB Demo Modules along with the functional kit for a total of 4 pieces (2 Original, 2 Demo). This allows for a complete spread on dual channel motherboards which have a total of 4 slots. You can clearly tell the memory sticks apart by the gold pins marked where the modules slot into the motherboard. The demo parts are fully enabled with RGB Fusion to work in tandem with the rest of your system’s RGB illumination. For users with 3 rd party motherboards, we also offer RGB Fusion Link software to fully utilize the demo modules.

Build Quality

The first thing you will notice when picking up AORUS RGB Memory is the sizeable weight of each individual stick. Each module is enclosed between two high-density aluminum heat spreaders with maximum coverage for optimal heat dissipation. The solid heatsinks feature a screwless design with scratch resistance materials built upon our Ultra Durable DNA. The aesthetics sport modern and sleek edges with the AORUS logo laser etched giving off a high-quality finish.


Besides the solid structural build, AORUS RAM also sources high-quality Samsung B-Die memory chips which are well known for stability. The kit includes 2x8GB DDR4 modules for a total of 16GB rated at 3200Mhz with XMP support. AORUS RAM is guaranteed to be compatible with the latest platforms from both Intel and AMD through GIGABYTE’s rigorous validation tests.

Get the best components for your gaming PC, adding AORUS RGB Memory to your build will grant you impressive performance and design with a lifetime warranty.

Follow us on Social Media!