Đề xuất cho trình tạo biểu mẫu JavaScript?

Question

Tôi đang tìm cách tích hợp trình xây dựng biểu mẫu vào trang web tôi đang sử dụng, nhưng tôi hy vọng sẽ tìm thấy một thư viện có một số hoặc hầu hết các chức năng mà tôi đang tìm kiếm.

Tôi đang tìm thư viện sẽ cung cấp cho tôi GUI đẹp để tạo biểu mẫu và một đầu ra JSON (hoặc XML hoặc tương tự) mà tôi có thể phát trong phụ trợ django. Tôi dự định sử dụng django để xuất biểu mẫu đã hoàn thành.

Tôi đã cố gắng chạy điều này thông qua Google, nhưng điều đó chỉ mang lại cho các công ty tạo doanh nghiệp trong việc tạo và lưu trữ biểu mẫu trực tuyến. Nhưng không có gì ở dạng thư viện.

Mọi đề xuất?

Answer 1

Nếu bạn không nhớ chi tiêu một chút tiền, bạn có thể xem xét:

Machforms: http://www.appnitro.com/

Trình tạo biểu mẫu là hoàn toàn phía máy khách JS, vì vậy bạn chỉ cần đăng đầu ra (là JSON) vào django thay vì tập lệnh php của chúng.

Answer 2

Có lẽ đây không phải là câu trả lời đúng, nhưng hãy xem dù sao, đó là tuyệt vời: bạn đặt một số rất rõ ràng và đơn giản để đọc mã trên một Java - máy chủ và bạn sẽ có được một hình thức AJAX/Javascript đầy đủ. Chỉ cần xem bản demo here.
Tôi thề là thực sự, thực sự là tuyệt vời.

Olivier

Answer 3

Tôi không nghĩ có bất cứ điều gì chính xác như những gì bạn muốn; có lẽ gần nhất sẽ là một trình soạn thảo văn bản phong phú như FCKEditor hoặc TinyMCE. Các thư viện này giống như giao diện người dùng bạn đã sử dụng để viết câu hỏi của mình trong StackOverflow, ngoại trừ việc chúng có các nút thanh công cụ cho các phần tử MẪU khác nhau (hoặc nếu không, bạn có thể dễ dàng thêm chúng).

Người dùng phải đối mặt với một trong các trình chỉnh sửa này (giả sử bạn đã định cấu hình để có các nút cho phần tử MẪU) sẽ có thể đưa ra một biểu mẫu về cơ bản không có kiến ​​thức kỹ thuật. Tuy nhiên, nếu một trình soạn thảo văn bản phong phú không làm việc cho bạn, thì về cơ bản bạn bị mắc kẹt với việc sử dụng thư viện UI jQuery (tôi nghĩ chủ yếu là thư viện con Draggable) để xây dựng giải pháp của riêng bạn .

Answer 4

Có một dự án Summer Of Code của Google năm ngoái đã xây dựng trình chỉnh sửa biểu mẫu kéo và thả bằng bộ công cụ Dojo JavaScript. Nó không hoàn thành 100% về chức năng tôi đoán bạn sẽ muốn.

Nó đổ một đối tượng javascript đại diện cho biểu mẫu mà bạn có thể chuyển đổi sang JSON để gửi qua dây.

Tùy thuộc vào kỹ năng JavaScript của bạn, chương trình sẽ giúp bạn bắt đầu giải quyết vấn đề.

Bản demo là ở đây: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

Blog viết bởi người làm việc trên nó: http://www.dojotoolkit.org/blog/jbalogh

Answer 5

Nó phụ thuộc vào nếu bạn đã sẵn sàng để chương trình đó cho mình. Bạn muốn năng động như thế nào? Trình tạo biểu mẫu đơn giản không quá khó để lập trình bằng cách sử dụng GWT, Dojo hoặc your-favorite-js-library nếu bạn muốn sử dụng tuyến đường đó. Tôi muốn giới thiệu GWT vì nó thực sự thú vị, đơn giản để sử dụng và chăm sóc sự không tương thích giữa các trình duyệt.

Dưới đây là một vài suy nghĩ cho các đầu vào có thể cho mỗi hình thức/câu hỏi:

• đơn dòng (đối với tên vv)
• RichTextArea (tương tự như FCKeditor)
• ngày Lịch/lần
• Nhiều lựa chọn (hộp kiểm)
• Lựa chọn duy nhất (bộ chọn danh sách)

Mỗi đầu vào cần một câu hỏi tương ứng hoặc một nhãn. Những thứ này cần được xử lý trong Mô hình của bạn ở Django và được trình bày như vậy trong dạng xem biểu mẫu (và trình chỉnh sửa).

tôi khuyên bạn nên kiểm tra how to embed a GWT application into existing templates/html và làm thế nào bạn có thể communicate between django and GWT using json

Hope this helps,

Answer 6

Tôi khuyên bạn nên sử dụng loại hình tuyệt vời ExtJS framework để xây dựng loại ứng dụng như vậy. Đây là một ví dụ.

ext/formbuilder

Thêm một bảng mẫu, sau đó thả một textbox và vân vân ... chết đơn giản. Ext JS 2.2 và 3.0 (chưa sẵn sàng) là LGPL và GPL được cấp phép, bạn cũng có đăng ký thương mại có sẵn, tôi nghĩ rằng nó có giá trị để có một cái nhìn vào nó.

Answer 7

Dưới đây là một số:

http://code.google.com/p/jquery-form-builder-plugin/

https://github.com/stas/jquery.formbuilder

bạn cũng có thể xem xét:

http://wordpress.org/extend/plugins/visual-form-builder/

http://wordpress.org/extend/plugins/formbuilder/

http://wordpress.org/extend/plugins/form/

Answer 8

Tôi có yêu cầu tương tự,

tôi sẽ cập nhật câu trả lời này theo thời gian nhưng hình thức xây dựng bootstrap (PHP) có vẻ đẹp

https://github.com/minikomi/Bootstrap-Form-Builder demo: http://minikomi.github.io/Bootstrap-Form-Builder/

Answer 9

SpiffForm cũng tương tự như Appnitro , nhưng miễn phí (AGPL), có lẽ nó phù hợp với nhu cầu của bạn.

Bản vá chào mừng :-). (Tôi là tác giả.)

Answer 10

Một thư viện JS mới đó là chỉ hiện lên có thể được những gì bạn đang tìm kiếm: http://dobtco.github.io/formbuilder/

trang dự án: https://github.com/dobtco/formbuilder

Answer 11

tôi bạn đang sử dụng JSF bạn có thể sử dụng thành phần formbuilder này:

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

Bản trình diễn có sẵn tại đây:

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

Answer 12

Không chắc về mảnh Django kể từ khi tôi chưa từng làm việc với điều đó, nhưng bạn có thể muốn xem xét AlpacaJS: http://www.alpacajs.org/