vue element nocode admin
1.0.0
Визуальный редактор кода element-ui автоматически генерирует код формы и код списка. Не визуальное решение, а скорее инструмент для создания шаблонов.
Веб-версия, в ветке
preview
npm install -g ele-cliСервер занимает порт 3000.
ele ui
В форме есть два места, которые необходимо редактировать. Одно — это свойства самой формы, такие как объект формы, ссылка формы (используется для проверки формы), а другое — элементы формы, содержащиеся в форме. форма.
Атрибуты формы можно редактировать в области редактирования атрибутов формы. Создать элементы формы можно двумя способами.
Перетащите элемент формы в область перетаскивания, а затем отредактируйте свойства элемента формы.
Хотя перетаскивание и является простым инструментом редактирования форм, оно по-прежнему вызывает затруднения при наличии большого количества форм.
Поскольку интерфейс нашей компании управляется через Swagger, в ее почтовом интерфейсе перечислены данные, как показано ниже.
Вы можете легко вставить данные в поле ввода объекта формы JSON, поддерживаются вложенные объекты.
Но вставленные данные имеют только значение, поэтому я определил структуру типа value:label , где значение — это значение формы, а метка — метка формы. Обратите внимание, что метка должна быть заключена в кавычки.
{
"id" : 'ID' ,
"title" : '标题' ,
"type" : '类型'
}Затем нажмите, чтобы создать форму. Ввод генерируется по умолчанию и может быть изменен в области редактирования элемента формы.
Вставьте данные, возвращенные серверной частью, в поле ввода созданной формы, сгенерируйте форму, а затем отредактируйте заголовок таблицы. Запросы к таблице будут добавлены позже.
сарва
Ставьте ️, если этот проект вам помог!
