Продолжаем работать над админкой vue. Перед тем, как разбивать наше приложение на компоненты, решил написать один промежуточный урок. В нем мы сделаем две вещи.

Во-первых, перейдем на новое серверное rest api, которое мы реализовали в третьем уроке.

Во-вторых, разберем багу, которая закралась в наш код. Бага интересна тем, что ее не заметили ни я, ни читатели. Нашел случайно, когда работал над третьим уроком с новым rest api.

Но обо всем по порядку.

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

Чтобы развивать админку и дальше, нам нужно уметь работать с категориями товаров, брендами и товарами. То есть получать, добавлять, изменять и удалять их на сервере. В общем, серверное API. В нашем случае отлично подойдет REST API со стандартным набором операций CRUD: create, read, update, delete. Я уже писал статью Простой RESTful сервис на нативном php, на ее основе мы и напишем API для админки интернет-магазина.

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

Новогодние праздники не прошли даром. Я уже писал, что в этом году заценил Хванчкару, но она, оказывается, не только повышает коммуникабельность, но и бьет по печени и разуму. Видимо, поэтому дернуло меня поэкспериментировать. Пусть потом будет стыдно, зато сейчас весело, хе-хе =)
Получилось вот эдакое послание фронтендщикам.

====================

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

Чтобы это не случилось,
Я бесплатно дам советы,
А то вдруг тебя припишут
К шибко умным программистам.

Несколько рекомендаций
Жизнь тебе облегчат сильно.
И клиенты будут рады,
И тимлиды одобрять.

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

В своих постах я часто упоминаю javascript-шаблонизацию. Underscore и lodash-шаблоны, может, видели. И недавно понял свою ошибку. Я пишу про шаблоны так, как будто прям каждый обязан знать, что это такое. А если не знает, то легко загуглит. А давайте-ка вместе и погуглим. Чуть не первая статья, с хабра, цитирую
— Лучшим выбором оказываются шаблоны, потому что это приводит к более чистому базовому коду и лучшему процессу работы с ними.

Хм, ну окееей. Погуглим еще. Сайт developer.mozilla.org, серьезные ребята, почитаем.
— Шаблонными литералами называются строковые литералы, допускающие использование выражений внутри. С ними вы можете использовать многострочные литералы и строковую интерполяцию.

Че-то это вообще не то. Это что-то из es6. Ну и третья попытка:
— Неплохо бы использовать механизм шаблонизации на стороне клиента, чтобы отделить поведение приложения от его внешнего вида

Я в свое время читал похожие умные слова и ни фига не понимал. Если Вы понимаете, то читать дальше будет не интересно. Зайдите на хабр и прочитайте лучше там. А вот те, кто по этим фразам с трудом улавливает, о чем речь, но хочет понять, оставайтесь. Попробуем вместе разобраться, что такое javascript-шаблонизация, зачем она нужна и когда применяется.

В первом уроке админки на vue мы вывели на страницу товары и реализовали поиск. Сегодня прикрутим к списку товаров несколько фильтров и сортировок. Это будут фильтры по категориям, брендам, ценам и сортировки по рейтингу и ценам. Главная цель статьи - показать, что на vue делать такие вещи быстро и удобно.

От Питера до Валдая всего 300 километров. Если ехать без коляски и не останавливаться на сон, спокойно добираешься за 4 часа. Трасса М-10 чуть подправила планы, приняв в себя грузовиков больше привычного лимита "дохрена на километр". В итоге доехал за 4,5.

Останавливался в Чудово размять сколиоз и покушать яблоко. Славное место. Не успел заглушить мотор, как набежали цыгане и стали делать мне гипноз. Я не понимал ни слова, но сплоченный коллектив этим не смутить. Количество приемов НЛП и уровень децибел возрастали по гиперболе. Я бессовестно ел фрукт и ждал, когда они осознают бесполезность хитрой идеи вытрясти из лоха сто рублей. Меня спасла добрая сотрудница ближайшего кафе. Магия христианской женщины оказалась сильнее молдавских экстрасенсов. Метод простой. Выйдя на крылечко, она заорала так, что мы с цыганами, не сговариваясь, решили срочно ретироваться. Так и разбежались в разные стороны, утратив здесь самое дорогое: они веру в научное биополе, а я недогрызенную антоновку.

С админкой на файлах мы закончили, пора переходить к вещам посерьезнее. На очереди админка для интернет-магазина, уже на базах данных, все как положено. За магазином далеко ходить не нужно, возьмем наш shop.webdevkin.ru. Будет здорово, если Вы с ним уже знакомы. Если нет, то посмотрите статью Структура базы данных в интернет-магазине, для админки этого хватит. К тому же по ходу уроков я буду стараться пояснять неочевидные моменты и давать ссылки на нужные места магазина. Постараемся не заблудиться :-)

В админке на файлах мы сделали минимальный набор функций: список редактируемых параметров и все. Но интернет-магазин дело посложнее. Мы хотим уметь работать с товарами, категориями, ценами и брендами. Поэтому одной статьей не обойдемся, будет серия уроков. Уроки небольшие, чтобы освоить материал за один раз и при этом не скучать.

Каждый год мы открываем для себя новых людей, города, события, книги и технологии. Напишу, что мне запомнилось в 2018 году. Спойлер: в статье уживаются вместе Вастрик, яхты, антиутопии, дальнобойщики, немецкие бабушки, волки и собственноручно сделанная фоточка. Начну по порядку.