Обзоры расширений Joomla

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12, 13.

 

 

WebSite X5 Professional 13 – это простая в освоении русскоязычная программа для создания сайтов с адаптивным дизайном. В предыдущей статье «Обзор WebSite X5 Professional 13.1. Магазин продажи файлов» были рассмотрены последние обновления программы. Самое большое – возможность создания интернет-магазина по продаже файлов (электронных товаров).

Урок написан по последней, на данный момент (10.07.2017) русскоязычной версии WebSite X5 Professional 13.1.4.13 (64 bit). Программа для работы с CSV файлами – LibreOffice Calc 5.3.4 Win x64.

Постановка задачи

Один из моих клиентов задался вопросом учёта проданных товаров. В программе уже достаточно давно есть возможность ограничения продажи товара по количеству с учётом его наличия на складе. А в админке и приложениях есть статистика по продажам.

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

Были найдены такие варианты решения этой задачи:

  1. Написать скрипт, который по расписанию будет вытягивать нужные данные из базы данных WebSite X5 и формировать сводный отчёт. Это предложение клиент отверг. Но на мой взгляд, это наиболее удобный для последующей работы вариант.
  2. Настроить бесплатный инструмент Reportico PHP Report Designer. От этого предложения клиент также отказался.
  3. Воспользоваться объектом Database Viewer. Данный вариант показался клиенту наиболее подходящим.

Стоит отметить, что в любом из этих вариантов необходимо настроить функцию учёта наличия товаров на складе. Пусть даже это наличие будет фиктивным.

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

Настройка Database Viewer

Рассмотрим основные этапы настройки данного объекта. Предполагается, что у Вас он уже куплен, для этого нужны 12 кредитов Установить его можно на четвёртом шаге создания сайтов «Страницы» в управлении показом объектов (рисунок ниже).

WebSite X5 Professional 13
WebSite X5 Professional 13

Этап 1 (не обязательный). Сперва создайте отдельную группу пользователей и пользователя в Настройки – Расширенные настройки – Управление доступом (рисунок ниже).

Уроки WebSite X5
Уроки WebSite X5

Создайте отдельную страницу на третьем шаге «Карта» и защитите её. Это нужно для того, чтобы данные были видны только после ввода логина и пароля. Немного подробнее об этом можно прочесть в статьях «Обзор Incomedia WebSite X5 Evolution 10 (часть 3). Создание сайтов» и «Уроки WebSite X5 (часть 1)».

В видео-уроках №7, 8, 16, 24 это же показано для 12-й (и 13-й) версии программы.

Этап 2. Настройте учёт наличия товаров на складе. Подробнее об этом можно узнать в видео-уроке №25.

Если Вы не хотите отображать на сайте количество оставшихся товаров на складе (рисунок ниже), то можете добавить в таблицу стилей ниже указанный код. О том, как это сделать, рассказано и показано в видео-уроке №15.

Интернет-магазин WebSite X5 13
Интернет-магазин WebSite X5 13
.product-availability {
display: none;
}

Этап 3. На созданной или уже существующей странице разместите объект Database Viewer и перейдите в его настройки (рисунок ниже).

Видео-уроки WebSite X5
Видео-уроки WebSite X5

В области Data Вы указываете в спадающем списке Database (база данных) ту базу данных, в которой находится таблица, из которой Вы хотите отображать данные.

В поле Table Name (имя таблицы) укажите название таблицы базы данных, которую хотите отображать. Учтите, что оно может отличаться от того имени, которое Вы задали в настройках, например, той же корзины (рисунок ниже).

Имя таблицы
Имя таблицы

В моём примере имя таблицы в настройках корзины - «tovary», но в базе данных она называется «tovaryproducts» (рисунок ниже).

phpMyAdmin
phpMyAdmin

Так вот в настройках объекта Database Viewer нужно указывать именно то имя, которое будет в базе данных. В моём примере это «tovaryproducts».

Все остальные опции объекта Database Viewer, по большому счёту, не обязательны. Можно указать заголовок таблицы в поле Header Title (заголовок шапки), настроить цвета разных элементов таблицы и включить чередование подсветки строк таблицы (опция Alternate rows color (разный цвет строк)).

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

Для упрощения работы с данными из базы данных можно включить поиск (опция Show Search (показать поиск)) и добавить возможность экспорта данных в CSV (опция Show Export CSV (показать экспорт в CSV)). Для работы с CSV файлами настоятельно рекомендую использовать бесплатную программу LibreOffice Calc.

При желании можно активировать показ инструментов редактирования, которые помогут внести правки в таблицу базы данных или даже удалить строки (опция Show Edit Controls (показать инструменты редактирования)). Рекомендую не включать данную опцию.

Очень-очень полезной, по моему мнению, опцией является List of hidden columns (список скрываемых столбцов). В моём примере скрыты такие столбцы (их нужно указывать через запятую без кавычек): «product_id, option, suboption, vat, price_plus_vat, physical, digital, download_hash, download_link, download_end_ts». По умолчанию, если не скрывать столбцы, то будут отображаться все 14, присутствующие в базе данных (рисунок ниже).

Таблица базы данных
Таблица базы данных

Но в результате скрытия, на сайте отображаются только нужные мне столбцы (рисунок ниже). Так гораздо удобнее работать с таблицей.

Отображение таблицы базы данных на сайте
Отображение таблицы базы данных на сайте

В этой таблице (рисунок выше) видны названия товаров, их количество и ID заказ. Но, к сожалению, не видно даты заказа.

Этап 4. Для получения информации о дате заказа нужно сдублировать объект Database Viewer и заменить значение таких полей (без кавычек):

  • Table Name – «tovaryorders». У Вас имя таблицы может отличаться.
  • List of hidden columns – «ip, vat, price_plus_vat, currency, shipping_name, shipping_icon, shipping_price, shipping_vat, shipping_price_plus_vat, payment_name, payment_icon, payment_price, payment_vat, payment_price_plus_vat, coupon, vat_type, availability_reduction_type, contains_digital_products».

В результате мы получим вторую таблицу, отображаемую на сайте (рисунок ниже).

Отображение таблицы базы данных на сайте (2)
Отображение таблицы базы данных на сайте (2)

Она нам нужна, чтобы видеть дату совершения заказа.

Этап 5. Далее экспортируем в CSV первую таблицу. На рисунке ниже показаны параметры импорта таблицы в LibreOffice Calc (разделитель - запятая). Ничего не делая с данными, нужно найти ID первого заказа, совершённый в прошлом месяце. Это сделать достаточно просто. Следует найти его при помощи поиска во второй таблице на сайте. Для этого вводим нужный Вам год и месяц.  Например, «2017-07» (без кавычек) – формат «год-месяц» (2017 июль).

Открытие CSV-файла
Открытие CSV-файла

После этого перейдите в LibreOffice Calc, найдите нужный ID и удалите все заказы, ниже строки с нужным Вам ID. Так Вы удалите заказы, совершённые до июля 2017. По большому счёту, в LibreOffice Calc Вы сможете проводить любые нужные действия с данными.

Описанные этапы могут применяться не только к получению информации о проданных товарах в интернет-магазине WebSite X5 13, но для работы с любой таблицей базы данных. Причём, эта таблица не обязательно должна быть создана программой WebSite X5 13 и даже не обязательно, чтобы она была на том же хостинге, что и Ваш сайт.

Видео-урок

В данном видео показан процесс настройки объекта Database Viewer. Средство управления базами данных MySQL – phpMyAdmin, программа для работы с CSV таблицами –  LibreOffice Calc 5.3.4.

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

Надеюсь, что данный урок поможет упростить настройку отображения таблиц базы данных WebSite X5 на страницах сайта.

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12, 13.

 

Полезные ссылки: