🙃 👇🏾 🛳️ सिम्फनी 2 पर एक CRUD एप्लीकेशन बनाना 🧑🏾 👳 🧙🏾

सिम्फनी 2.0

सिम्फनी 2 ढांचे के हाल ही में जारी संस्करण में कई दिलचस्प विशेषताएं शामिल हैं। इस लेख में मैं CRUD अनुप्रयोगों को बनाने के बारे में बात करना चाहता हूं - डेटाबेस में रिकॉर्ड बनाने, पढ़ने, अपडेट करने और हटाने के लिए एक वेब इंटरफ़ेस बनाने का एक बहुत ही सामान्य कार्य।

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

सिम्फनी 2 पर एक मानक सीआरयूडी अनुप्रयोग विकसित करने में मुख्य चुनौतियां

डेटा मॉडल विकास
डेटा मॉडल संस्थाओं को बनाने, पढ़ने, अद्यतन करने और हटाने के लिए नियंत्रकों, रूपों और टेम्पलेट्स का विकास

इस लेख में, एक उदाहरण के रूप में, हम समाचारों के संपादन के लिए एक एप्लिकेशन बनाएंगे, जिनमें से प्रत्येक को एक श्रेणी से जोड़ा गया है, समाचार से लिंक संलग्न किए जा सकते हैं।

डेटा मॉडल विकास

मैन्युअल रूप से yml या xml लिखकर इकाई विवरण बनाना एक थकाऊ काम है (हालांकि निश्चित रूप से आप मैसकल वर्कबेन्च प्लगइन या विशेष सॉफ़्टवेयर का उपयोग कर सकते हैं)। प्रक्रिया को गति देने के लिए, सिम्फनी 2 में एक मौजूदा डेटाबेस को रिवर्स इंजीनियरिंग द्वारा डेटा मॉडल का विवरण तैयार करने का एक सुविधाजनक साधन है ।

सबसे पहले, TestNewsBundle बंडल बनाएं:

php app/console generate:bundle --namespace=Test/NewsBundle --format=annotation --structure

मैसकेल वर्कबेन्च (या किसी अन्य डेटाबेस डिज़ाइन टूल) में एक डेटाबेस स्कीमा बनाएँ:

 SET FOREIGN_KEY_CHECKS=0; CREATE TABLE `news` ( `id` INT NOT NULL AUTO_INCREMENT , `news_category_id` INT NOT NULL , `title` VARCHAR(255) NULL , `announce` TEXT NULL , `text` TEXT NULL , `pub_date` DATE NULL , PRIMARY KEY (`id`) , INDEX `pub_date` (`pub_date` ASC) , INDEX `fk_news_news_category` (`news_category_id` ASC) , CONSTRAINT `fk_news_news_category` FOREIGN KEY (`news_category_id` ) REFERENCES `news_category` (`id` ) ON DELETE NO ACTION ON UPDATE NO ACTION) ENGINE = InnoDB; CREATE TABLE `news_category` ( `id` INT NOT NULL AUTO_INCREMENT , `name` VARCHAR(255) NULL , PRIMARY KEY (`id`) ) ENGINE = InnoDB CREATE TABLE `news_link` ( `id` int(11) NOT NULL AUTO_INCREMENT, `news_id` INT NOT NULL , `url` varchar(255) DEFAULT NULL, `text` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`) , INDEX `fk_news_link_news1` (`news_id` ASC) , CONSTRAINT `fk_news_link_news1` FOREIGN KEY (`news_id` ) REFERENCES `news` (`id` ) ON DELETE NO ACTION ON UPDATE NO ACTION) ENGINE = InnoDB;

सिद्धांत वर्ग बनाएँ:

 php app/console doctrine:mapping:import TestNewsBundle annotation

इस आदेश के परिणामस्वरूप, Test / NewsBundle / Entity उपनिर्देशिका में, प्रत्येक तालिका के लिए एक वर्ग बनाया जाएगा, और Doctrine ORM के लिए रिलेशनल तालिकाओं के लिए ऑब्जेक्ट मैप करने का वर्ग उदाहरण में, उदाहरण के लिए, समाचार वर्ग का वर्णन किया गया है:

 <?php namespace Test\NewsBundle\Entity; use Doctrine\ORM\Mapping as ORM; /** * Test\NewsBundle\Entity\News * * @ORM\Table(name="news") * @ORM\Entity */ class News { /** * @var integer $id * * @ORM\Column(name="id", type="integer", nullable=false) * @ORM\Id * @ORM\GeneratedValue(strategy="IDENTITY") */ private $id; /** * @var string $title * * @ORM\Column(name="title", type="string", length=255, nullable=true) */ private $title; /** * @var text $announce * * @ORM\Column(name="announce", type="text", nullable=true) */ private $announce; /** * @var text $text * * @ORM\Column(name="text", type="text", nullable=true) */ private $text; /** * @var date $pubDate * * @ORM\Column(name="pub_date", type="date", nullable=true) */ private $pubDate; /** * @var NewsCategory * * @ORM\ManyToOne(targetEntity="NewsCategory") * @ORM\JoinColumns({ * @ORM\JoinColumn(name="news_category_id", referencedColumnName="id") * }) */ private $newsCategory; }

गेटर्स और सेटर्स के साथ कक्षाओं को पूरक करने के लिए, हम कमांड निष्पादित करते हैं:

 php app/console doctrine:generate:entities TestNewsBundle

CRUD के लिए एक रिक्त स्थान बनाना - आवेदन

हम सिद्धांत का उपयोग करके समाचार के साथ काम करने के लिए एक रिक्त बनाते हैं : उत्पन्न: क्रूड कमांड । रूटिंग प्रारूप - नियंत्रक फ़ाइल में एनोटेशन (टेस्ट / न्यूज़बंडल / कंट्रोलर / न्यूज़कंट्रोलर)। नियंत्रक फ़ाइल में एनोटेशन के माध्यम से रूटिंग SensioFrameworkExtra बंडल के माध्यम से काम करता है (यह सिम्फनी 2 एसई के साथ शामिल है)।

 php app/console doctrine:generate:crud --entity=TestNewsBundle:News --route-prefix=news --with-write --format=annotation

अब, जब पीढ़ी के दौरान निर्दिष्ट पथ में प्रवेश करते हैं (यदि सिम्फनी 2 wwwroot में अनपैक किया गया है - http: //localhost/Symfony/web/app_dev.php/news/ ), समाचार की एक खाली सूची प्रदर्शित की जाती है, और जब आप नई प्रविष्टि लिंक बनाएँ पर क्लिक करते हैं। डिफ़ॉल्ट रिकॉर्ड निर्माण प्रपत्र।

आइए समाचार श्रेणियों के साथ काम करने के लिए एक ही रिक्त बनाएं और कई श्रेणियां दर्ज करें:

 php app/console doctrine:generate:crud --entity=TestNewsBundle:NewsCategory --route-prefix=newscategory --with-write --format=annotation

समाचार के लिए लिंक जोड़ने के लिए फॉर्म के लिए हमारे पास एक रिक्त होने के लिए, हम इसी तरह न्यूज़लिंक के लिए एक रिक्त उत्पन्न करते हैं:

 php app/console doctrine:generate:crud --entity=TestNewsBundle:NewsLink --route-prefix=newslink --with-write --format=annotation

ताकि समाचार जोड़ने के रूप में श्रेणियों को सूचीबद्ध करते समय, सिस्टम को पता चले कि किस क्षेत्र में चयन करना है, टेस्ट / न्यूज़बंडल / एंटिटी / न्यूज़कैटररी क्लास में, आपको एक विधि जोड़ने की आवश्यकता है:

 function __toString() { return $this->getName(); }

आकार वर्ग संशोधन

अब हम जनरेट किए गए फॉर्म टेस्ट / NewsBundle / फॉर्म / NewsType को सही करेंगे। शीर्षकों को फ़ील्ड्स में जोड़ें (लेबल), आवश्यक फ़ील्ड प्रकार डालें - पाठ (इनपुट प्रकार = पाठ प्रदर्शित होता है), टेक्सारिया। पबडेट और न्यूज़कैटररी फ़ील्ड्स में, हम फील्ड टाइप को शून्य छोड़ देते हैं - इस मामले में, सिम्फनी फॉर्म कंपोनेंट खुद "अनुमान" लगाता है कि किस फील्ड को दिखाना है।

 <?php namespace Test\NewsBundle\Form; use Symfony\Component\Form\AbstractType; use Symfony\Component\Form\FormBuilder; class NewsType extends AbstractType { public function buildForm(FormBuilder $builder, array $options) { $builder->add('title', 'text', array('label' => '')) ->add('announce', 'textarea', array('label' => '')) ->add('text', 'textarea', array('label' => '')) ->add('pubDate', null, array('label' => ' ')) ->add('newsCategory', null, array('label' => '')); } public function getName() { return 'news'; } }

प्रपत्र टेम्पलेट का संशोधन

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

 {% form_theme form 'form_table_layout.html.twig' %}

हालाँकि, भविष्य में हमें क्षेत्र के मानक प्रदर्शन को फिर से परिभाषित करने की आवश्यकता होगी, इसलिए समाचार परीक्षण / न्यूज़बंडल / संसाधन / विचार / समाचार / new.html.twig में प्रवेश करने का खाका इस तरह दिखता है:

 {% use 'form_table_layout.html.twig' %} {% form_theme form _self %} <h1> </h1> <form action="{{ path('news_create') }}" method="post" {{ form_enctype(form) }}> {{ form_widget(form) }} <p> <button type="submit"> </button> </p> </form> <ul class="record_actions"> <li> <a href="{{ path('news') }}">    </a> </li> </ul>

प्रपत्र तालिका लेआउट में प्रदर्शित किया जाता है:

संबंधित पदों का संपादन

अब चलिए मज़ेदार भाग - संपादन समाचार लिंक पर। रिवर्स इंजीनियरिंग के दौरान, केवल "लिंक -> समाचार" लिंक स्वचालित रूप से इकाई वर्गों में जोड़ा गया था। "News -> Links" लिंक जोड़ने के लिए आपको क्लास टेस्ट \ NewsBundle \ Entity \ News में जोड़ना होगा:

 /** * @ORM\OneToMany(targetEntity="NewsLink", mappedBy="news", cascade={"all"}) */ protected $newsLinks; function __construct() { $this->newsLinks = new \Doctrine\Common\Collections\ArrayCollection(); }

फिर कमांड निष्पादित करें ($ newsLinks विशेषता के लिए गेट्टर और सेटर उत्पन्न होगा):

 php app/console doctrine:generate:entities TestNewsBundle

अब कक्षा टेस्ट / न्यूज़बंडल / फॉर्म / न्यूज़ टाइप में हम एक प्रकार का "एडिशन" जोड़ते हैं, जो आपको संबंधित संस्थाओं के एक सेट को संपादित करने की अनुमति देता है:

 $builder->add('title', 'text', array('label' => '')) .... ->add('newsLinks', 'collection', array( 'label' => '  ', 'type' => new NewsLinkType(), 'allow_add' => true, 'allow_delete' => true, 'prototype' => true ));

Test \ NewsBundle \ Form \ NewsLinkType वर्ग में, आपको संपादित की जा रही इकाई का वर्ग नाम निर्दिष्ट करना होगा (data_class विकल्प):

 <?php namespace Test\NewsBundle\Form; use Symfony\Component\Form\AbstractType; use Symfony\Component\Form\FormBuilder; class NewsLinkType extends AbstractType { public function buildForm(FormBuilder $builder, array $options) { $builder->add('url') ->add('text'); } public function getName() { return 'newsLinkType'; } public function getDefaultOptions(array $options) { return array( 'data_class' => 'Test\NewsBundle\Entity\NewsLink', ); } }

हालांकि, यदि आप अब फॉर्म को देखते हैं, तो केवल "लिंक टू न्यूज" फ़ील्ड का शीर्षक प्रदर्शित किया जाएगा। कार्य करने के लिए प्रपत्र के लिए, आपको अभी भी टेम्पलेट को संशोधित करना होगा। उसी समय, हम फॉर्म की परिभाषा को एक अलग टेम्पलेट में निकाल लेंगे। ऐसा करने के लिए, फ़ाइल का परीक्षण करें / NewsBundle / Resources / views / News / form.html.twig:

 {% use 'form_table_layout.html.twig' %} {% form_theme form _self %} <script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <form action="{{ entity.id ? path('news_update', { 'id': entity.id }) : path('news_create') }}" method="post" {{ form_enctype(form) }}> {{ form_errors(form) }} <table> {{ form_row (form.title) }} {{ form_row (form.announce) }} {{ form_row (form.text) }} {{ form_row (form.pubDate) }} {{ form_row (form.newsCategory) }} <tr> <td valign="top">  </td> <td> <!--      /    --> {% macro linkRow(link) %} <tr> <td>{{ form_widget(link.url) }}</td> <td>{{ form_widget(link.text) }}</td> <td><a href="#" class="deleteRowLink">X</a></td> </tr> {% endmacro %} <!--       /    --> <!--     #addLink     --> <script type="text/html" id="nl">{{ _self.linkRow (form.newsLinks.get('prototype')) }} </script> <!--         --> <table id="linksTable"> <tr><td>Url</td><td> </td></tr> {% for key, link in form.newsLinks %} {{ _self.linkRow(link) }} {% endfor %} </table> <input type="button" id="addLink" value=" "> <script> $(function() { $("#addLink" ).click(function() { $('#linksTable tbody').append($('#nl').html().replace(/\$\$name\$\$/g, $('#linksTable tbody tr').length)); }); $("form a.deleteRowLink").live('click', function() { $(this).closest('tr').remove(); }); }); </script> </td> </tr> </table> {{ form_rest(form) }} <p><button type="submit"></button></p> </form>

रिकॉर्ड टेम्प्लेट टेस्ट / न्यूज़बंडल / संसाधन / विचार / समाचार / new.html.twig:

 <h1> </h1> {% include 'TestNewsBundle:News:form.html.twig' %} <ul class="record_actions"> <li> <a href="{{ path('news') }}">    </a> </li> </ul>

प्रवेश परीक्षा / न्यूज़बंडल / संसाधन / विचार / समाचार / edit.html के संपादन के लिए टेम्प्लेट:

 <h1> </h1> {% include 'TestNewsBundle:News:form.html.twig' with { 'form' : edit_form } %} <ul class="record_actions"> <li> <a href="{{ path('news') }}"> Back to the list </a> </li> <li> <form action="{{ path('news_delete', { 'id': entity.id }) }}" method="post"> {{ form_widget(delete_form) }} <button type="submit">Delete</button> </form> </li> </ul>

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

अगला, आपको कंट्रोलर क्लास टेस्ट / न्यूज़बंडल / कंट्रोलर / न्यूज़कंट्रोलर को संशोधित करना होगा। यद्यपि हमने कैस्केड = "समाचार - लिंक" संचार मापदंडों में सभी विकल्प निर्दिष्ट किए हैं (जब एक इकाई को बचाने के लिए, संबंधित संस्थाओं को संरक्षित किया जाता है), तो यह मूल समाचार वस्तु पर NewsLink ऑब्जेक्ट्स के बंधन को परिभाषित करने के लिए आवश्यक है:

 public function createAction() { $entity = new News(); $request = $this->getRequest(); $form = $this->createForm(new NewsType(), $entity); $form->bindRequest($request); if ($form->isValid()) { $em = $this->getDoctrine()->getEntityManager(); //     foreach ($entity->getNewsLinks() as $link) { $link->setNews($entity); } $em->persist($entity); $em->flush(); return $this->redirect($this->generateUrl('news_show', array('id' => $entity->getId()))); } return array( 'entity' => $entity, 'form' => $form->createView()); }

अपडेटएशन विधि के लिए, संबंधित रिकॉर्ड को संभव हटाने के लिए प्रदान करना भी आवश्यक है। HTML फॉर्म में JQuery का उपयोग करके तालिका पंक्तियों को हटाना है, हालांकि यह रिकॉर्ड को हटाने के लिए पर्याप्त नहीं है - इसे नियंत्रक में स्पष्ट रूप से लागू किया जाना चाहिए:

  public function updateAction($id) { $em = $this->getDoctrine()->getEntityManager(); $entity = $em->getRepository('TestNewsBundle:News')->find($id); if (!$entity) { throw $this->createNotFoundException('Unable to find News entity.'); } $beforeSaveLinks = $currentLinkIds = array(); foreach ($entity->getNewsLinks() as $link) $beforeSaveLinks [$link->getId()] = $link; $editForm = $this->createForm(new NewsType(), $entity); $deleteForm = $this->createDeleteForm($id); $request = $this->getRequest(); $editForm->bindRequest($request); if ($editForm->isValid()) { foreach ($entity->getNewsLinks() as $link) { $link->setNews($entity); //  -     (   id) if ($link->getId()) $currentLinkIds[] = $link->getId(); } $em->persist($entity); //          -   foreach ($beforeSaveLinks as $linkId => $link) if (!in_array( $linkId, $currentLinkIds)) $em->remove($link); $em->flush(); return $this->redirect($this->generateUrl('news_edit', array('id' => $id))); } return array( 'entity' => $entity, 'edit_form' => $editForm->createView(), 'delete_form' => $deleteForm->createView(), ); }

संबंधित रिकॉर्ड जोड़ने की क्षमता वाला एक फॉर्म:

संबंधित रिकॉर्ड जोड़ने की क्षमता के साथ प्रपत्र

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

सिम्फनी 2 पर एक CRUD एप्लीकेशन बनाना