Я провел опрос в Твиттере, чтобы увидеть, какой проект на моем отставании вчера. Удивительно, но почти никто не интересовался мостом Objective-C. Думаю, я единственный с планами на то, что я могу с этим сделать. Самым популярным работал над моим проектом Wasm Web Framework, но в последнюю минуту он был выбит «Prototype UI для нового проекта».
Это еще не похоже на это, но все эти проекты связаны и являются частью более крупного проекта. Есть особая причина, по которой я хочу, чтобы веб -структура Go Frontend не просто прорезала весь багаж, который создал JavaScript. Тем не менее, мне нужно продолжать добиваться прогресса в критическом пути моего более крупного проекта, поэтому я тем временем подумал, что прототип, используя пользовательский интерфейс, используя библиотеки jQuery.
Цель состояла в том, чтобы воссоздать этот аспект единства, где у вас есть дерево проекта с произвольными узлами, которые вы можете сделать. Эти узлы затем имеют прикрепленное к ним поведение или компоненты, с которыми вы можете взаимодействовать с помощью представления инспектора. Это можно настроить не только для того, чтобы предоставить способ редактирования данных, связанных с компонентом, но и визуализировать и взаимодействовать. И, конечно же, эти компоненты могут ссылаться на другие объекты, которые вы можете перетаскивать на месте.
Ключевыми компонентами здесь являются представление дерева и редактор свойств. К счастью, есть некоторые библиотеки JQUERY для каждого из них. Поэтому я начал бросать их вместе. Я использовал Jstree и JQPropertyGrid сделать это.
Интересно не беспокоиться об архитектуре и просто собирать грязный код вместе, как старые добрые времена. Примерно через 2,5 часа у меня было это приложение, где у вас есть пустое дерево, для которого вы можете создать узлы. Вы можете организовать и гнездовать узлы с перетаскиванием. Вы можете нажать на узел и увидеть свойства на нем. Редактирование этих свойств сохраняется между выбором узлов, а также между перезагрузками страницы. И тогда есть грубая концепция компонентов, которые вы можете добавить в узел, чтобы добавить больше свойств.
Это своего рода забавная игрушка для управления данными. Это также отличное начало. Мне не потребуется еще много функций, прежде чем я смогу начать определять модель данных представления, которая в конечном итоге может поступить из бэкэнда. В конце концов я могу воссоздать этот фронт в «Выходить из компонентов».
Оригинал: “https://dev.to/progrium/prototyped-tree-view-and-property-inspector-ui-1615”