Система управления контентом SantaFox

Новости => Обсуждение новостей => Тема начата: Shturman от 25 Февраль 2016, 00:06:30

Название: 12. Новая Админка (4.0)
Отправлено: Shturman от 25 Февраль 2016, 00:06:30
12. Новая Админка И для самых терпеливых :) Тут не паханное поле.
Я думал о Бутстрапе - как о базовом внешнем виде, и всё остальное довесками. Так как при разработке новых модулей вопрос стоит именно в оформление админки. И то оформление, как правило, не очень сложное.

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

@Rinat дал линк на инструмент https://www.webix.com/ru/
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 25 Февраль 2016, 00:21:15
О! Привет!
Webix - это библиотека для построения графического интерфейса на javascript.

Подписываюсь под webix'ом и всем руками за, так как это сильно ускорит процесс разработки.
Сейчас, если модуль в админке чем-то отличается от стандартной формы - приходится вешать кучу обработчиков, писать лишний javascript код и пр пр.
У меня больше времени уходит чтобы написать админку для модуля, чем сам модуль сейчас.
C Webix-ом проще:
Вот форма, вот данные - обрабатывай.
Посмотрите пример на главной странице
http://webix.com/

А вот пример самой админки:
http://webix.com/demos/admin-app/#!/app/dashboard

Если ввести бутрап - это сути не изменит, просто будет красивый внешний вид и поддержка мобильников. По сути шило на мыло, придется также писать кучу html кода, писать кучу обработчиков и пр пр, не очень удобно.


Название: Re: 12. Новая Админка (4.0)
Отправлено: Shturman от 25 Февраль 2016, 13:27:21
Лично я часто сталкивался с тем что разработчику гораздо проще навоять что-то в админке чем, тратить время на изучение инстумента. Потому бутсрап сделает это хотябы одинаковым. Спасибо за предложенный инструмент и развернутый ответ, соберем еще мнений и аргументов и взвесим ;)
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 25 Февраль 2016, 13:45:37
По поводу изучения инструмента:
Я не зная инструмент, сделал базовую админку для другого проекта за 2 -3  дня буквально. Там интуитивно все очень понятно.
А какие фишки даст админка на бутстрапе, помимо поддержки мобильников? Это же такая же html админка, просто приятно оформленная, не более.
Кстати webix тоже с мобильниками дружит
Название: Re: 12. Новая Админка (4.0)
Отправлено: bubek от 25 Февраль 2016, 13:56:10
А http://webix.com/ это онлайн инструмент. или можно также и оффлайн использовать?
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 25 Февраль 2016, 14:03:35
Не понял вопроса, честно говоря.

Webix - это библиотека для построения web приложения на javascript.

bubek: Видел старый сантафокс? Вот там extjs используется - это из этой же оперы но только посложнее.
Ну или, если очень грубо проводить паралели, то это что-то  вроде http://jqueryui.com/, на основе которого сделан лейоут Санты 3
Название: Re: 12. Новая Админка (4.0)
Отправлено: Shturman от 25 Февраль 2016, 15:25:06
@Rinat ,мне не известен ни один модуль, который использовал бы ExtJs в своей админке :) Зато, мне известен скрипт ,безопасности, который свою админку сделал не в стандартных элементах, а в своих :)
Бустрап хорошо распространен и позволит решить визуальные проблемы, хорошо документирован, в том числе и на русском.
Понятно, что от движка в данном случае потребуются дополнительные инструменты помогающие строить формы, и что чисто бутстрап это не замена EXtJS или WebIx, а единообразие интерфейса прежде всего.
Но повторюсь, мне пока не известны примеры модулей, которые использовали бы компоненты админки, и не факт что это нужно в дальнейшем.
Название: Re: 12. Новая Админка (4.0)
Отправлено: bubek от 25 Февраль 2016, 15:35:16
Бустрап хорошо распространен и позволит решить визуальные проблемы, хорошо документирован, в том числе и на русском.

+
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 25 Февраль 2016, 16:06:45
Давай на практике.

Простое дерево структуры в админке (.

Как бы ты сделал на бутстрапе?
1) Сгенерировал на php  html код
<ul>
 <li> Страница 1
         <ul>
           <li>Подстраница 1</li>
           <li>Подстраница 2</li>
          </ul>
         </li>
     </li>
.... и т.п.
2) Затем правил бы css свойства так чтобы эти списки были похожи на дерево
3) Затем писал бы javascript код для раскрытия списка, закрытия списка
4) Затем писал бы писал остальной javascript код (при создании, перенесении страницы и т.п.)
Если не использовать что-то сторонее, то уйдет достаточно много времени


Как бы ты сделал на webix?

1) Вывел бы весь массив json (одна функция в php)
2) Написал что-то вроде:
 {
view:"tree",
url: путь к данным массива json
select:true
},
И все.... при необходимости привязал это к какой-то форме. Если переименоваются оттуда данные - в дереве тоже переменовываются. Добавляются - в дереве тоже добавляются. Никаких onclick, onselect и пр.  кучи обработчиков.



Админка каталога товаров:
Как бы ты сделал на бутстрапе?
1) Писал список товаров на php
2) Писал добавление на php
3) Писал редактирование товаров
4) Писал бы удаление
и пр пр.. я уже не говорю про удаление скопом, редактирование скопом и пр. Для этого всего надо писать свой php код, который парсит html шаблоны и на основе этого генерирует html код. Затем это все еще обрабатывается javascript кодом

Как бы на webix? Выбирал бы нужный контрол, например таблица datagrid. Хочешь делать редактирование скопом? Да поставь editable: true и все. Удаление добавление и сохранение? Добавь свойсво save - и укажи url страницы, где сохраняются данные, а там обрабатывай...

Аналогично и со всем другим
Название: Re: 12. Новая Админка (4.0)
Отправлено: Shturman от 25 Февраль 2016, 16:32:21
@rinat Рано практики. ;) нет смысла сравнивать бутстрап и вебикс на прямую. Это разные же продукты. Я писал выше, что к бустрапу нужно еще что-то в качестве фреймворка JS, и jquery тут не самый плохой вариант, именно по тем же соображениям. Распространен, легок, большинство его знает, а вебикс надо изучать, хотя вроде и просто.

Но самое главное ты не увидел в моем посте ;) мне кажется что большинству без разницы какой будет js фреймворк, так как его не будут использовать. ;)
 
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 25 Февраль 2016, 16:54:54
Ну как вариант основной каркас можно сделать на webix который поддерживает и бутстрап и jquery и что угодно. Можно спокойно html код свой вставлять и его использовать.
Таким образом любой программист может писать так как он хочет, правда бардак будет небольшой
Название: Re: 12. Новая Админка (4.0)
Отправлено: Oslix от 19 Март 2016, 21:57:12
Кстати, а там я не увидел WYSIWYG редкатора.
И не увидел сортровку drag and drop.
Т.е. между категориями можно перетащить, но внутри одной категории порадок драгом не меняется.
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 20 Март 2016, 00:40:37
Все интегрируется:
http://docs.webix.com/desktop__text_editors.html.
По драг энд дроп там много примеров:

http://webix.com/blog/drag-and-drop-in-webix-ui/
http://docs.webix.com/desktop__dnd_hierarchy.html
Название: Re: 12. Новая Админка (4.0)
Отправлено: Shturman от 21 Март 2016, 12:47:15
В конце неделе покажу админку уже :) Даже если там нет встроенного редактора или будут проблемы с лицензированием - это не очень большая проблема.
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 21 Март 2016, 14:01:00
Ну и как тебе webix? :)
Название: Re: 12. Новая Админка (4.0)
Отправлено: digi от 30 Март 2016, 09:49:02
В конце неделе покажу админку уже :) Даже если там нет встроенного редактора или будут проблемы с лицензированием - это не очень большая проблема.

можно полюбопытствовать,  где можно посмотреть?
Название: Re: 12. Новая Админка (4.0)
Отправлено: Oslix от 01 Апрель 2016, 11:55:47
http://www.sf4.santafox.ru/

А насколько удобно делать свойства справа?
Т.е. если у тебя монитор хороший - так и нормально. Но если человек с ноута админит - это будет мучением.

К тому же, имхо, по хорошему надо сделать единообразный способ доступа к свойствам для разных элементов админки. И если количество свойств будет значительным - будет неудобно.
Название: Re: 12. Новая Админка (4.0)
Отправлено: Shturman от 01 Апрель 2016, 13:27:35
А насколько удобно делать свойства справа?
Т.е. если у тебя монитор хороший - так и нормально. Но если человек с ноута админит - это будет мучением.
Ну так все мониторы широкоформатные потому собственно и занимаем место в ширину. Не очень понял что конкретно может быть не удобно. То как было переделано с закладками в версии 3 мне лично совсем не нравится. Постоянно надо переклеиваться между табами. Да я вообще не хочу использовать табы без острой нужды. Я люблю лично когда всё видно сразу на экране что относится к одной сущности и логически управляется вместе.

К тому же, имхо, по хорошему надо сделать единообразный способ доступа к свойствам для разных элементов админки. И если количество свойств будет значительным - будет неудобно.
Так он и есть единообразный справа на этой плашки. Не очень опять понял в чем будет их неудобство если их много, и где ты увидел не единообразие :)? Ну появится прокрутка если их будет очень много. Можно сам штрифт будет уменьшить и тогда их больше поместится если в этом будет необходимость.
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 01 Апрель 2016, 14:07:19
У меня ноут как раз - 14 дюймовый, имхо табками было удобнее, свойства страницы не влезают.
Я уже не говорю про мобильники
Название: Re: 12. Новая Админка (4.0)
Отправлено: Rinat от 01 Апрель 2016, 14:09:35
Там у вебикса есть уменьшенный css
Предлагаю сделать так: если экран большой - стандартный css, если экран маленький - уменьшенный css
Название: Re: 12. Новая Админка (4.0)
Отправлено: Shturman от 01 Апрель 2016, 14:12:11
Ну да это уже нюансы с CSS. На мобильниках эта версия вообще себя странно ведет. а 14 дюймов, мы же понимаем что дело не только в дюймах но и в разрешении :)
Название: Re: 12. Новая Админка (4.0)
Отправлено: Oslix от 01 Апрель 2016, 14:14:36
Ну, я думаю что есть четкая корреляция между разрешением и дюймами. Так как как между размером дисков на хаммере и размером другим :)
Именно корреляция, а не причинно-следственная связь :)
Название: Re: 12. Новая Админка (4.0)
Отправлено: Shturman от 01 Апрель 2016, 15:20:31
Давайте не будем флудить :) А делать конкретные конструктивные предложения если они есть.
1. Про CSS увидел.
2. Про табы - не знаю пока, для меня под вопросом большим их необходимость. Очень не хочется делать их сверху (если и делать и отзываться от правой панели), так как там будет засилье навигации, сильное чередование белого и синего. Внизу можно конечно, но это наверное совсем не очевидно. И если присутствие табов в структуре ещё более менее может иметь право на жизнь, то в модулях например, отделять табами действия от свойств модуля но совсем не вижу смысла.