Предложения по созданию форм на JavaScript?[закрыто]
-
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 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/
Демо-версия доступна здесь:
Может быть, это неправильный ответ, но все равно взгляните, это потрясающе :вы положили несколько очень понятный и простой для чтения закодируйте на Java -сервере, и вы получите полную форму AJAX / Javascript.Просто взгляните на демо-версию здесь.
Я клянусь, это действительно, действительно потрясающе.
Оливье