Предложения по созданию форм на JavaScript?[закрыто]

StackOverflow https://stackoverflow.com/questions/879414

  •  22-08-2019
  •  | 
  •  

Вопрос

Я хочу интегрировать конструктор форм в сайт, который я использую, но я надеюсь найти библиотеку, которая обладает некоторой или большей частью функциональности, которую я ищу.

Я ищу библиотеку, которая предоставит мне хороший графический интерфейс для построения формы и выходные данные в формате JSON (или XML, или аналогичные), с которыми я могу поиграть в django серверная часть.Я планирую использовать django для вывода готовой формы.

Я попытался запустить это через Google, но это дает результаты только компаниям, которые делают бизнес на создании и размещении форм в Интернете.Но ничего в виде библиотеки.

Есть какие-нибудь предложения?

Это было полезно?

Решение

Если вы не возражаете потратить немного наличных, вы можете посмотреть на:

Формы машины : http://www.appnitro.com/

Сам конструктор форм - это полностью JS на стороне клиента, поэтому вам просто нужно будет опубликовать выходные данные (которые являются JSON) в django вместо их php-скрипта.

Другие советы

У меня такое же требование,

Я обновлю этот ответ со временем, но bootstrap form builder ( PHP) кажется приятным

https://github.com/minikomi/Bootstrap-Form-Builder ДЕМОНСТРАЦИЯ : http://minikomi.github.io/Bootstrap-Form-Builder/

Новая библиотека JS, которая только что появилась, может быть тем, что вы ищете: http://dobtco.github.io/formbuilder/

Страница проекта: https://github.com/dobtco/formbuilder

Не уверен насчет части Django, так как я с этим еще не работал, но вы, возможно, захотите заглянуть в AlpacaJS: http://www.alpacajs.org/

Я бы порекомендовал потрясающий Фреймворк ExtJS для создания такого рода приложений.Вот пример.

ext/формостроитель

Добавьте панель формы, затем поместите текстовое поле и так далее...предельно просто.Ext JS 2.2 и 3.0 (еще не готовы) лицензированы под LGPL и GPL, у вас также доступны коммерческие подписки, я думаю, стоит взглянуть на это.

Изящная форма похож на Appnitro, но бесплатный (AGPL), возможно, он соответствует вашим потребностям.

Патчи приветствуются :-).(Я автор.)

В прошлом году был проект Google Summer Of Code project, в котором был создан редактор форм перетаскивания с использованием инструментария Dojo JavaScript toolkit.Это не на 100% завершено с точки зрения функциональности, которую, я предполагаю, вы хотели бы.

Он выводит объект javascript, представляющий форму, которую вы можете преобразовать в JSON для отправки по проводу.

В зависимости от вашего набора навыков JavaScript это должно дать вам преимущество в решении проблемы.

Демо-версия находится здесь:http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

Записи в блоге человека, работающего над этим:http://www.dojotoolkit.org/blog/jbalogh

Я не думаю, что там есть что-то в точности похожее на то, что вы хотите;вероятно, самым близким был бы форматированный текстовый редактор, такой как FCKeditor или TinyMCE.Эти библиотеки немного похожи на пользовательский интерфейс, который вы использовали для написания своего вопроса в StackOverflow, за исключением того, что у них есть кнопки панели инструментов для различных элементов ФОРМЫ (или, если у них их нет, вы можете легко добавить их сами).

Пользователь, столкнувшийся с одним из этих редакторов (при условии, что вы настроили его так, чтобы в нем были кнопки для элементов формы), сможет создать форму практически без технических знаний.

Однако, если форматированный текстовый редактор вам не подходит, то вам, по сути, придется использовать что-то вроде библиотеки пользовательского интерфейса jQuery (я имею в виду в основном перетаскиваемую вложенную библиотеку) для создания собственного решения.

Это зависит от того, готовы ли вы запрограммировать это самостоятельно.Насколько динамично вы этого хотите?Простой конструктор форм не должен быть слишком сложным в программировании с использованием Большой объем, Додзе или ваша-любимая-js-библиотека если вы хотите пойти этим путем.Я бы рекомендовал GWT, потому что это действительно весело, просто в использовании и устраняет несовместимости между браузерами.

Вот несколько соображений относительно возможных входных данных для каждой формы / вопроса:

  • Одна строка (для имен и т.д.)
  • RichTextArea (аналогично FCKeditor)
  • Календарная дата /время
  • Несколько вариантов (флажок)
  • Одиночный выбор (выбор списка)

Для каждого ввода необходим соответствующий вопрос или метка.Они должны быть обработаны в вашей модели в Django и представлены как таковые в представлении forms (и редакторе).

Я рекомендую вам проверить как встроить приложение GWT в существующие шаблоны/html и как вы можете связь между django и GWT осуществляется с помощью json

Надеюсь, это поможет,

Если вы используете JSF, вы могли бы использовать этот компонент formbuilder:

http://code.google.com/p/jsf-form-builder/

Демо-версия доступна здесь:

http://www.reppe-itsolutions.at/jsf-form-builder/

Может быть, это неправильный ответ, но все равно взгляните, это потрясающе :вы положили несколько очень понятный и простой для чтения закодируйте на Java -сервере, и вы получите полную форму AJAX / Javascript.Просто взгляните на демо-версию здесь.
Я клянусь, это действительно, действительно потрясающе.

Оливье

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top