Django में जटिल रूप

शुभ दोपहर मैं Django में जटिल रूपों के बारे में बात करने की कोशिश करूँगा। यह सब तब शुरू हुआ जब मेरे डिप्लोमा को एक ऐसा फॉर्म बनाने की जरूरत थी जिसमें अन्य फॉर्म शामिल हों। आखिरकार, यदि आपके पास दो रूप हैं, जिनका आप उपयोग करते हैं, और फिर आपको एक और की आवश्यकता होती है, जो कि उन दोनों का सिर्फ एक कंटेनर है, तो आप एक नया निर्माण नहीं करेंगे, पुराने से सभी क्षेत्रों को कॉपी करके, यह बहुत बेवकूफ है। इसलिए, हमें किसी तरह उन्हें जोड़ना चाहिए। एक समय में Django में FormWizard था, लेकिन यह बेहद असुविधाजनक था इसलिए नए संस्करण में इसे विज़ार्ड व्यू के लिए फिर से तैयार किया गया। Django बेशक MVC है, लेकिन मैं लेख में विस्तार से सब कुछ प्रदर्शित करने की कोशिश करूंगा, और फिर पहले से ही टेम्पलेट्स में मॉडलफार्म और लूप का उपयोग करके सब कुछ संपीड़ित करना संभव है।
आइए हमारे मॉडल देखें, कुछ खास नहीं, लेकिन इसे स्पष्ट करने के लिए, हम प्रदर्शन करेंगे।

class Citizenship(models.Model): name = models.CharField(max_length = 50,verbose_name = u'') class CertificateType(models.Model): name = models.CharField(max_length = 50,verbose_name = u'') class Student(models.Model): SEX_CHOICES = ( ('m',u""), ('w',u""), ) sex = models.CharField(max_length=1,verbose_name=u"",choices=SEX_CHOICES) citizenship = models.ForeignKey(Citizenship, verbose_name = u"") doc = models.CharField(max_length = 240,verbose_name = u"doc") student_document_type = models.ForeignKey(CertificateType, related_name = 'student_document',verbose_name = u" ") parent_document_type = models.ForeignKey(CertificateType, related_name = 'parent_document', verbose_name = u" ") def __unicode__(self): try: return unicode(self.fiochange_set.latest('event_date').fio) except FioChange.DoesNotExist: return u'No name' class Contract(models.Model): student = models.ForeignKey(Student,verbose_name = u'') number = models.CharField(max_length=24,verbose_name = u" ") student_home_phone = models.CharField(max_length = 180, verbose_name = u"  ") class FioChange(models.Model): event_date = models.DateField(verbose_name = u'  ', null = True, blank = True) student = models.ForeignKey(Student,verbose_name = u"") fio = models.CharField(max_length = 120, verbose_name = u"") def __unicode__(self): return unicode(self.fio) 

अब बिंदु के करीब, जैसा कि वे कहते हैं। आइए हमारे रूपों को देखें।

प्रपत्र (फ़ॉर्महोम)

 class NameModelChoiceField(forms.ModelChoiceField): def label_from_instance(self, obj): return "%s"%obj.name class StudentForm(forms.Form): SEX_CHOICES = ( ('m',u""), ('w',u""), ) sex = forms.ChoiceField(label=u'', choices = SEX_CHOICES) citizenship = NameModelChoiceField(label = u'',queryset = Citizenship.objects.order_by('-name'),initial = Citizenship.objects.get(id=1)) doc = forms.CharField(label = u'',max_length = 50) student_document_type = NameModelChoiceField(label = u' ', queryset = CertificateType.objects.order_by('-name'),initial = CertificateType.objects.get(id = 1)) parent_document_type = NameModelChoiceField(label = u' ', queryset = CertificateType.objects.order_by('-name'), initial = CertificateType.objects.get(id = 1)) event_date = forms.DateTimeField(required = False, label = u' : ', initial = datetime.date.today,help_text = u' ') fio = forms.CharField(label = u' ', max_length = 60) class ContractForm(forms.Form): number = forms.CharField(label = u' ', max_length = 5) phone = forms.CharField(label = u'  ', max_length = 7) 

दो रूप: एक छात्र डेटा भरने के लिए, और दूसरा छात्र अनुबंध डेटा भरने के लिए। वे 1: एन से जुड़े हुए हैं, अर्थात 1 छात्र के पास एन अनुबंध हो सकता है। इसलिए, हमें एक छात्र को जोड़ने और उसके साथ एक अनुबंध समाप्त करने के लिए तुरंत एक फॉर्म की आवश्यकता है (चलो ऐसा कहते हैं)। तुरंत ऐसा करने के लिए भीख माँगता है:

 class AddStudentForm(StudentForm,ContractForm): pass 

लेकिन यह मौलिक रूप से सच नहीं है, क्योंकि इस विरासत के साथ, सभी छात्र-छात्राओं के कार्यों को कॉन्ट्रैक्टफॉर्म द्वारा समाप्त कर दिया जाएगा, क्योंकि वे नामों और मापदंडों में समान हैं (क्योंकि वे समान रूपों से विरासत में मिले हैं। छात्रावास वर्ग)।

इसके लिए हम विज़ार्ड व्यू का उपयोग करते हैं। मैं SessionWizardView के साथ एक अधिक जटिल मामले का वर्णन करूंगा। यह आपको डेटा को चरण दर चरण भरने की अनुमति देता है, मध्यवर्ती फॉर्म डेटा को सहेजता है - यह बहुत अच्छा है, जबकि यह रूपों की व्यक्तिगत मान्यता को नहीं खोता है। जो लोग django के प्रलेखन को देखते थे वे सहमत होंगे, किसी प्रकार का एक उदाहरण आम तौर पर अस्थिर होता है और बहुत नहीं, बहुत स्पष्ट नहीं है। तो, हमें क्या करने की आवश्यकता है: हमें 2 रूपों को प्रदर्शित करने की आवश्यकता है, सभी रूपों को भरने के बाद, छात्र और उसके अनुबंध को सही ढंग से बनाएं और, मज़े के लिए कहें, अगले फ़ॉर्म को संदेश भेजें कि पिछला एक सही रूप से भरा हुआ है। संक्षेप में, दृश्य रूपों की एक सूची संग्रहीत करता है और, जब दूसरे रूप में स्विच किया जाता है, तो सत्यापन विधियों को कॉल करता है, और यदि प्रपत्र सत्यापन पारित नहीं हुआ है, तो यह उपयोगकर्ता को एक अमान्य रूप देता है और सही तरीके से भरने के लिए कहता है। आइए हमारे विचार का वर्णन करें।

देखें (देखें)

 FORMS = [ ("student", StudentForm), ("contract", ContractForm) ] TEMPLATES = { "student" : "student.html", "contract" : "contract.html" } class AddStudentWizard(SessionWizardView): def get_template_names(self): return [TEMPLATES[self.steps.current]] def get_context_data(self, form, **kwargs): context = super(AddStudentWizard, self).get_context_data(form=form, **kwargs) if self.steps.current == 'contract': context.update({'ok': 'True'}) return context def done(self, form_list, **kwargs): student_form = form_list[0].cleaned_data contract_form = form_list[1].cleaned_data s = Student.objects.create( sex = student_form['sex'], citizenship = student_form['citizenship'], doc = student_form['doc'], student_document_type = student_form['student_document_type'], parent_document_type = student_form['parent_document_type'] ) f = FioChange.objects.create( student = s, event_date = student_form['event_date'], fio = student_form['fio'] ) c = Contract.objects.create( student = s, number = contract_form['number'], student_home_phone = contract_form['phone'] ) return HttpResponseRedirect(reverse('liststudent')) 

 FORMS = [ ("student", StudentForm), ("contract", ContractForm) ] 

यह केवल नामों के साथ रूपों की एक सूची का वर्णन करता है; यदि आप [StudentForm, ContractForm] पास करते हैं, तो प्रपत्र कुंजी '0' या '1' के माध्यम से सुलभ होगा।

 TEMPLATES = { "student" : "student.html", "contract" : "contract.html" } 

कुंजी के माध्यम से फॉर्म में वांछित टेम्प्लेट प्राप्त करने का विवरण, क्योंकि मैं पागल हूं और पसंद करता हूं कि फॉर्म के माध्यम से टेम्प्लेट को प्रस्तुत किए गए सभी डेटा को मैन्युअल रूप से वर्णित किया जाए, क्योंकि तब डिज़ाइन के लिए कुछ और (बूटस्ट्रैप को छोड़कर) पर जाएं आसान हो जाएगा।

कार्यों के माध्यम से चलते हैं।

 def get_template_names(self): return [TEMPLATES[self.steps.current]] 

यह हमें संक्रमण या फ़ॉर्म के पहले प्रदर्शन पर एक टेम्पलेट देता है। जैसा कि आप देख सकते हैं, self.steps में हमें चरणों के लिए विकल्प मिलते हैं, प्रपत्र के पहले प्रदर्शन में self.steps.current "छात्र" वापस आ जाएगा, और यदि हम FORMS का वर्णन नहीं करेंगे, तो यह '0' पर लौटेगा।

 def get_context_data(self, form, **kwargs): context = super(AddStudentWizard, self).get_context_data(form=form, **kwargs) if self.steps.current == 'contract': context.update({'ok': 'True'}) return context 

यह हमें टेम्प्लेट के लिए फ़ॉर्म का संदर्भ डेटा लौटाता है। इसलिए, कार्य में, हमें यह प्रदर्शित करना चाहिए कि पिछला फ़ॉर्म सही तरीके से भरा गया है, चलो मान के साथ अनुबंध टेम्पलेट के लिए डेटा को पूरक करें। हां, ओके वास्तव में स्ट्रिंग 'ट्रू' के बराबर है, क्योंकि मुझे एक बार ट्रू की अस्पष्टता का सामना करना पड़ा था, जैसे कि नो ऑप्शन के साथ बूलेनियन, आदि, इसलिए अब मैं हमेशा अस्पष्ट मिलान विकल्प लिखता हूं।

 def done(self, form_list, **kwargs) 

फ़ंक्शन जिसे तब कहा जाता है जब सभी फॉर्म सही तरीके से भरे जाते हैं, इस स्तर पर हमें सही फॉर्म डेटा के साथ कुछ करना चाहिए और उपयोगकर्ता को आगे भेजना चाहिए।
तो हम यहां करते हैं, एक छात्र, उसका नाम और अनुबंध बनाएं। और छात्रों के नाम के साथ पृष्ठ पर पुनर्निर्देशित करें। अब हम रूपों को प्रदर्शित करने के लिए टेम्पलेट्स का वर्णन करते हैं। आइए आधार रेखा से शुरुआत करें।

base.html

 <!DOCTYPE html> {% load static %} <html> <head> <script type="text/javascript" src="{% static 'bootstrap/js/jquery.js'%}"></script> <link href="{% static 'bootstrap/css/bootstrap.css'%}" rel="stylesheet"> <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.js'%}"></script> <style type="text/css"> #main-conteiter { padding-top: 5%; } </style> {% block head %} <title>{% block title %}Example Wizard{% endblock %}</title> {% endblock %} </head> <body> <div class="container" id="main-conteiner"> {% block content %} <!-- body --> {% endblock %} </div> </body> </html> 

यह विशेष रूप से यहाँ कुछ पेंट करने के लिए बहुत मतलब नहीं है।
हम जटिल रूपों को प्रदर्शित करने के लिए हमारे मूल टेम्पलेट का वर्णन करते हैं।

wizard_template.html

 {% extends "base.html" %} {% block head %} {{ block.super }} {{ wizard.form.media }} {% endblock %} {% block content %} <p class="text-info"> ,  {{ wizard.steps.step1 }}  {{ wizard.steps.count }}</p> <h3>{% block title_wizard %}{% endblock %}</h3> <form class="well form-horizontal" action="." method="POST">{% csrf_token %} {{ wizard.management_form }} <div class="control-group"> {% block form_wizard %} {% endblock %} </div> <div class="form-actions" style="padding-left: 50%"> {% block button_wizard %} {% endblock %} </div> </form> {% endblock %} 

Wizard.management_form को हमारे काम करने के लिए फ़ॉर्म की आवश्यकता होती है, इस बात को हमेशा विज़ार्ड व्यू के साथ काम करते समय इंगित करें।

 <div class="control-group"> 

यहां हमारे फॉर्म का वर्णन किया जाएगा।

 <div class="form-actions" style="padding-left: 50%"> 

कार्यों के प्रबंधन के लिए बटन हैं। हां, हां, मैंने शैली को यहां अटका दिया है, यह एक फ़ाइल में डालने के लिए बहुत आलसी था।
चलो छात्र डेटा दर्ज करने के लिए फ़ॉर्म के विवरण के साथ टेम्पलेट को देखें।

student.html

 {% extends "wizard_template.html" %} {% load i18n %} {% block title_wizard %}   {% endblock %} {% block form_wizard %} {% include "input_field.html" with f=wizard.form.sex %} {% include "input_field.html" with f=wizard.form.citizenship %} {% include "input_field.html" with f=wizard.form.doc %} {% include "input_field.html" with f=wizard.form.student_document_type %} {% include "input_field.html" with f=wizard.form.parent_document_type %} {% include "input_field.html" with f=wizard.form.event_date %} {% include "input_field.html" with f=wizard.form.fio %} {% endblock %} {% block button_wizard %} <button type="submit" class="btn btn-primary"> <i class="icon-user icon-white"></i>  <i class="icon-arrow-right icon-white"></i> </button> {% endblock %} 

यहाँ हम हाथ से सभी फॉर्म फील्ड का वर्णन करते हैं। जैसा कि आप देख सकते हैं, विज़ार्ड के माध्यम से हमारा फ़ॉर्म सुलभ है, और इसलिए हम फ़ॉर्म के सभी क्षेत्रों को बायपास कर सकते हैं। फ़ील्ड के अधिक पूर्ण विवरण के लिए, हम एक अन्य टेम्पलेट का उपयोग करते हैं - फॉर्म फ़ील्ड का विवरण।

input_field.html

 <div class="control-group {% if f.errors %}error{% endif %}"> <label class="control-label" for="{{f.id_for_label}}">{{ f.label|capfirst }}</label> <div class="controls"> {{f}} <span class="help-inline"> {% for error in f.errors %} {{ error|escape }} {% endfor %} </span> </div> </div> 

मैं खेतों के लिए त्रुटि संदेशों का वर्णन करने के लिए इस टेम्पलेट का उपयोग करता हूं।

चलो अनुबंध के रूप का वर्णन करने के लिए टेम्पलेट को देखें, यह लगभग यहां एक ही है, केवल बैक बटन को छात्र के डेटा और सेव बटन में जोड़ा जाता है, जो छात्र और हमारे अनुबंध को हमारे लिए बनाएगा, और फिर इसे छात्रों की सूची के साथ पेज पर स्थानांतरित कर दिया जाएगा।

contract.html

 {% extends "wizard_template.html" %} {% block title_wizard %}   {% endblock %} {% block form_wizard %} {% if ok == 'True' %} <div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>!</strong>      . </div> {% endif %} {% include "input_field.html" with f=wizard.form.number %} {% include "input_field.html" with f=wizard.form.phone %} {% endblock %} {% block button_wizard %} <button name="wizard_goto_step" class="btn btn-primary" type="submit" value="{{ wizard.steps.prev }}"> <i class="icon-user icon-white"></i>   <i class="icon-arrow-left icon-white"></i> </button> <input type="submit" class="btn btn-primary" value=""/> {% endblock %} 

फू, सब कुछ वर्णित किया गया लगता है, अब हमें इस पूरी चीज़ को url पर हुक करने और प्रोजेक्ट को चलाने की आवश्यकता है।

 url(r'^addstudent/$',AddStudentWizard.as_view(FORMS),name='addstudent'), url(r'^liststudent$',StudentsView.as_view(),name='liststudent'), 

अरे हाँ, हम छात्रों की सूची के लिए एक और दृष्टिकोण का वर्णन करेंगे।

 class StudentsView(TemplateView): template_name = "list.html" def get_context_data(self, **kwargs): context = super(StudentsView, self).get_context_data(**kwargs) context.update({ 'students' : Student.objects.all() }) return context 

आइए इस दृश्य के लिए टेम्पलेट का वर्णन करें।

 {% extends "base.html" %} {% block content %} {% for s in students %} {{ s }}<br> {% endfor %} <br> <a href="{% url addstudent %}" class="btn btn-primary"> </a> {% endblock %} 

अब यह सब है। अब अभ्यास करना है।

रूप का प्रारंभिक रूप।

गलत इनपुट के बाद।


पिछले फॉर्म को सही ढंग से भरने पर अनुबंध के साथ फॉर्म में बदलाव।


गलत इनपुट के बाद।


जब सब कुछ सही ढंग से भर जाता है और "सहेजें" पर क्लिक किया जाता है, तो हम छात्रों के साथ पृष्ठ पर स्थानांतरित हो जाते हैं।


वह सब है। ध्यान देने के लिए आप सभी का धन्यवाद।