Какой стек технологий вы бы посоветовали использовать для написания клиентской части настраиваемого шаблона?

Question

[Александр Nameless08]

Всем привет!

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

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

Какие технологии/фреймворки вы бы посоветовали использовать для написания клиентской части?

Answer 1

[Евгений Калибров]

Александр Nameless08, что вам удобнее, то и задействуйте. Я бы лично Angular взял, так как на нём работаю постоянно и он мне привычнее. Если вы ни с каким фреймворком до этого плотно не работали, то я бы на вашем месте попробовал Vue, как самый простой

Comments

[Александр Nameless08]

Да, опыта не было. То есть можно попробовать связку jQuery + Vue?

[Евгений Калибров]

Александр Nameless08, да

Answer 2

[xmoonlight]

1. Я бы взял свой лисапед includeHTML, предварительно создав разные типы блоков в формате HTML и их настраиваемые свойства в базе данных.
2. Затем загружал бы на front и после внесения изменений пользователем, полностью выгружал бы DOM-структуру в шаблон и/или сохранял бы в базе: id шаблона, всю иерархию блоков и настройки каждого блока.

Comments

[Александр Nameless08]

То есть все на нативном js? Или все же jQuery + (например) Vue стоит задействовать?

[xmoonlight]

Александр Nameless08, можно хоть на чистом, хоть на jquery - не особо важно тут...
я бы делал всё на чистом.. vue - уже перебор для такой простой задачи.

[Dima Polos]

xmoonlight, спасибо, искал такую вещь, includeHTML, вовремя зашел.

[Сергей delphinpro]

xmoonlight, какой-нибудь фреймворк здесь в самый раз. Код в разы чище и понятнее будет, чем jquery-лапша

[Александр Nameless08]

Сергей, какой посоветуете? Опыта на текущий момент, к сожалению нет.. Писал или на чистом js или jQuery

[Сергей delphinpro]

Александр Nameless08, у Vue достаточно низкий порог вхождения.

Answer 3

[Dmitry Alekseev]

ИМХО, я бы вообще использовал готовое решение на базе популярных CMS. Например, Content Blocks для ModX и WP.

Велосипеды это хорошо, но только, когда хочешь понять принцип работы или, когда платят достаточно)

Comments

[Demian Smith]

Истину глаголишь. Постановка задачи просто кричит "возьми готовое решение!".

[Александр Nameless08]

Не пользовался Content Blocks, ничего не могу сказать. Однажды столкнулся с такой штукой, как Visual Composer для WP, ну это что-то с чем-то... Такие вещи точно не подойдут.

[Dmitry Alekseev]

Очень удобная штука, когда нужно, чтобы контентом занимались менеджеры далекие от любых технологий.

[Александр Nameless08]

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

[Dmitry Alekseev]

Александр Nameless08, тормоза - вопрос оптимизации, не всегда, но часто)

По характеру работы знаю, что клиенту чаще нужно, как он сказал, а не как будет лучше в перспективе и тут - распутье.

Либо вкладывать больше трудочасов с надеждой, что окупится потом (а окупится?)

Либо использовать готовые решения, которые удовлетворяют требованиям и, не заморачиваясь, решать проблемы по мере их появления (если до этого дойдёт))))

А изучать новый стэк технологий на клиентской работе... ну не знаю.