Ответ 1
jsonform - Создание форм из схемы JSON. Легко в шаблоне. Совместимо с Twitter Bootstrap из коробки.
Как создать форму из json-схемы?
Как создать форму из схемы JSON?
Я пишу код в JavaScript и jquery. С этой частью шаблона, как Form, я создаю это с помощью haml и добавляю его в js файл. Для бэкэнд я использую python. Я использую рамки Django.
Итак, у меня есть некоторые ссылки для создания формы из схемы JSON.
Ссылка ссылки: http://neyric.github.io/inputex/examples/json-schema.html
В моей форме: Элементы ввода: текстовые поля, текстовые поля, кнопки выбора, отправки и отмены.
Итак, я хочу спросить, может ли создать форму с помощью схемы JSON или нет? Если да, можете ли вы предоставить хорошие ссылки?
Ответы
Ответ 2
Я искал то же самое, и получается, что есть хорошие варианты. Это лучшие библиотеки, которые я могу найти на GitHub:
-
JSON Editor (простой JS) (demo)
-
Angular Форма схемы (AngularJS) (demo)
-
Изменить форму JSONSchema (React) (demo)
Ответ 3
Вы ищете формы Альпака. http://www.alpacajs.org
JSON Schema с использованием jQuery с механизмами компоновки для Bootstrap, jQuery UI/Mobile. Это очень растяжимое и красивое оформление.
Лицензионное и удивительное сообщество Apache 2.0 (я - коммиттер кода).
Ответ 4
Просто наткнулся на этот вопрос и хотел добавить этот новый вариант:
JSONForms расширяет подход модели AngularJS, устраняя необходимость писать шаблоны HTML, чтобы создавать формы, используя возможности схемы JSON и JSON.
Ответ 5
Генерация формы из JSON Schema - обычная практика, специально для автоматически создаваемых пользовательских интерфейсов.
В вашем случае, если вы заинтересованы только в создании ОДНОЙ формы, возможно, лучше будет прямо ее кодировать.
Вот библиотека, которую я создал, надеюсь, вы найдете интересную:
Схема JSON для генератора форм HTML, поддерживающая динамические подсхемы (разрешение на лету). Расширяемая и настраиваемая библиотека с нулевыми зависимостями. Предоставлены надстройки загрузки
Живая демонстрация на http://brutusin.org/json-forms
Ответ 6
Другой вариант: json-schema-js-gui-model ". Он преобразует json-схему в модель gui, которую вы можете легко использовать в любой веб-среде для создания пользовательской формы. Для подробного совета на последнем этапе angular 2 docs имеет рецепт создания динамической формы из модели gui.
Ответ 7
Посмотрите на этот проект https://github.com/mirshahreza/json-edit
Плагин jquery для преобразования схемы json в форму. Это может быть полезно в вашем сценарии
Ответ 8
Посмотрите на эту демонстрацию ngx-schema-form:
http://guillotina.io/ngx-schema-form/dist/ngx-schema-form/json
- Принимает файл схемы JSON
- Создает это в полностью рабочую редактируемую форму веб-страницы
- Сохраняет изменения в модели JSON как объект Javascript
- Позволяет добавить пользовательский код валидатора для любого раздела
Это работает очень хорошо для меня (я нашел это только пару дней назад). Я использую его с последней версией Angular, и она работает точно так, как задокументировано. Источник примеров здесь:
https://github.com/guillotinaweb/ngx-schema-form/tree/master/src/app/json-schema-example