Как создать форму из json-схемы?

Как создать форму из схемы JSON?

Я пишу код в JavaScript и jquery. С этой частью шаблона, как Form, я создаю это с помощью haml и добавляю его в js файл. Для бэкэнд я использую python. Я использую рамки Django.

Итак, у меня есть некоторые ссылки для создания формы из схемы JSON.

Ссылка ссылки: http://neyric.github.io/inputex/examples/json-schema.html

В моей форме: Элементы ввода: текстовые поля, текстовые поля, кнопки выбора, отправки и отмены.

Итак, я хочу спросить, может ли создать форму с помощью схемы JSON или нет? Если да, можете ли вы предоставить хорошие ссылки?

ОТВЕТЫ

Ответ 1

jsonform - Создание форм из схемы JSON. Легко в шаблоне. Совместимо с Twitter Bootstrap из коробки.

https://github.com/joshfire/jsonform

Ответ 3

Вы ищете формы Альпака. http://www.alpacajs.org

JSON Schema с использованием jQuery с механизмами компоновки для Bootstrap, jQuery UI/Mobile. Это очень растяжимое и красивое оформление.

Лицензионное и удивительное сообщество Apache 2.0 (я - коммиттер кода).

Ответ 4

Просто наткнулся на этот вопрос и хотел добавить этот новый вариант:

JSONForms расширяет подход модели AngularJS, устраняя необходимость писать шаблоны HTML, чтобы создавать формы, используя возможности схемы JSON и JSON.

GitHub: JSONForms (демо)

Ответ 5

Генерация формы из JSON Schema - обычная практика, специально для автоматически создаваемых пользовательских интерфейсов.

В вашем случае, если вы заинтересованы только в создании ОДНОЙ формы, возможно, лучше будет прямо ее кодировать.

Вот библиотека, которую я создал, надеюсь, вы найдете интересную:

json-forms:

Схема 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