2013-11-27 9 views
10

JSON स्कीमा से फ़ॉर्म कैसे बनाएं?किसी जेसन-स्कीमा से फ़ॉर्म कैसे बनाएं?

मैं जावास्क्रिप्ट और jquery में कोड लिख रहा हूँ। इस टेम्पलेट भाग के साथ फॉर्म I के साथ इसे हैमल के साथ बना रहा हूं और इसे जेएस फ़ाइल में जोड़ रहा हूं। बैकएंड के लिए मैं अजगर का उपयोग कर रहा हूं। मैं Django ढांचे का उपयोग कर रहा हूँ।

तो मुझे JSON स्कीमा से फ़ॉर्म बनाने के लिए कुछ लिंक मिल गए।

संदर्भ लिंक: http://neyric.github.io/inputex/examples/json-schema.html

मेरी फार्म में: इनपुट elemets: बक्सें, पाठ क्षेत्र का चयन करें सूची, सबमिट करें और रद्द बटन मौजूद हैं।

तो मैं पूछना चाहता हूं कि जेएसओएन स्कीमा के साथ फॉर्म बनाना संभव है या नहीं? यदि हां, तो क्या आप कुछ अच्छे लिंक प्रदान कर सकते हैं?

उत्तर

4

जेसनफॉर्म - जेएसओएन स्कीमा से फॉर्म बनाएं। आसानी से टेम्पलेट सक्षम। बॉक्स के बाहर ट्विटर बूटस्ट्रैप के साथ संगत।

https://github.com/joshfire/jsonform

+0

ऐसा प्रतीत होता है कि जेसनफ़ॉर्म अब बनाए रखा नहीं गया है। – Anthropic

+0

@ एंथ्रोपिक, टिप्पणी के लिए धन्यवाद। अन्य उत्तरों में विकल्प शामिल हैं। –

2

बस इस सवाल पर ठोकर खाई और इस नए विकल्प जोड़ना चाहते थे:

JSONForms फैली AngularJS आदेश रूपों बनाने के लिए HTML टेम्पलेट्स लिखने के लिए आवश्यकता को समाप्त करके मॉडल दृष्टिकोण देखने JSON और JSON स्कीमा की क्षमताओं का लाभ उठाकर।

GitHub: JSON स्कीमा से JSONForms (Demo)

2

पर्चा पीढ़ी स्वचालित रूप से उत्पन्न यूजर इंटरफेस के लिए विशेष रूप से, एक आम बात है।

अपने मामले में, यदि आप केवल एक फॉर्म बनाने में रुचि रखते हैं, तो शायद इसे सीधे कोड करना बेहतर होगा। (मक्खी संकल्प पर)

json-forms:

JSON स्कीमा HTML के लिए प्रपत्र जनरेटर, गतिशील subschemas समर्थन:

यहाँ एक पुस्तकालय मैं पैदा की है कि उम्मीद है कि आपको दिलचस्प लग रहा है। शून्य निर्भरताओं के साथ विस्तारणीय और अनुकूलन पुस्तकालय। बूटस्ट्रैप ऐड-ऑन

लाइव डेमो प्रदान की http://brutusin.org/json-forms

6

पर आप Alpaca फार्म के लिए देख रहे हैं। http://www.alpacajs.org

जेएसओएन स्कीमा बूटस्ट्रैप, jQuery यूआई/मोबाइल के लिए लेआउट इंजन के साथ jQuery का उपयोग कर प्रपत्र संचालित करता है। यह बहुत एक्स्टेंसिबल और सुंदर डेक आउट है।

अपाचे 2.0 लाइसेंस प्राप्त और भयानक समुदाय (मैं एक कोड कमिटर हूं)।

+0

आशाजनक लग रहा है, लेकिन मैंने 'वेब' संस्करण को काम करने में कामयाब नहीं किया है, और यहां तक ​​कि ऑनलाइन नमूना पृष्ठ टूटा हुआ है। क्या यह अभी भी बनाए रखा जा रहा है? मैंने दोनों मुद्दों के लिए बग दायर की है: https://github.com/gitana/alpaca/issues/506 https://github.com/gitana/alpaca/issues/507 –

+0

... और जब आप अल्पाका कर रहे हैं सामुदायिक समर्थन, शायद आप इस सवाल का जवाब दे सकते हैं? (मेरे पास एक ही सवाल है। एक बार जब मैं अल्पाका को काम करने के लिए मिलता हूं, तो मैं इसे एक अस्थायी डोम नोड में प्रस्तुत करने की कोशिश करूंगा और उसके बाद प्रस्तुत किए गए इनपुट को अपने मौजूदा रूप में ले जाउंगा, लेकिन उम्मीद है कि एक क्लीनर तरीका है। अगर नहीं , कृपया इसे मेरे उत्तर देने के लिए छोड़ दें, इसलिए मैं क्रेडिट प्राप्त कर सकता हूं। Al क्या अल्पाका के 'विकल्प' कहीं भी दस्तावेज हैं?) http://stackoverflow.com/questions/42767045/append-alpacajs-form-to-existing-form –

5

मैं वही ढूंढ रहा हूं, और कुछ अच्छे विकल्प हैं।ये सबसे अच्छा पुस्तकालयों मैं GitHub पर मिल सकता है कर रहे हैं:

0

एक और विकल्प "012 है"। यह जेएसओ स्कीमा को एक गुई मॉडल में परिवर्तित करता है जिसे आप कस्टम फॉर्म बनाने के लिए आसानी से किसी भी वेब ढांचे में उपयोग कर सकते हैं। अंतिम चरण पर विस्तृत सलाह के लिए, angular 2 docs में एक गुई मॉडल से गतिशील रूप बनाने के लिए एक नुस्खा है।

संबंधित मुद्दे