हम Yii2 का उपयोग करते हैं। हम एक और सीएमएस या न्यूनतम ओवरहेड के साथ विकास को गति देने का प्रयास लिख रहे हैं

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

Yicms परियोजना का विचार Yii2 ढांचे के लिए सभी विकासों को इकट्ठा करना था, जो एक निश्चित प्रणाली में सुविधाजनक लग रहा था, जिसमें सबसे आगे उपयोग, लचीलापन और अपने उपकरणों के साथ मानक साइटों के विकास को तेज करने की क्षमता को रखा जाना चाहिए। यह परियोजना "आत्मा" के लिए मेरे द्वारा विकसित की गई थी, लेकिन फिलहाल यह पहले से ही बीटा में है।

Yicms का सार फ्रेमवर्क की क्षमताओं और सीएमएस की सामान्य क्षमताओं के बीच कहीं है। यह शब्द के सामान्य अर्थों में सीएमएस नहीं है, लेकिन सिर्फ मॉड्यूल का एक सेट है जो फ्रेमवर्क की क्षमताओं के लिए पूर्ण "पहुंच" रखते हुए, अपने स्वयं के उपकरणों का उपयोग करके साइट के विकास को काफी तेज कर सकता है। मुख्य विशेषताएं जो यिकस में एम्बेड की जाती हैं, वे फ्लाई और ऑटो-एनोटेट वर्गों पर उत्पन्न व्यवस्थापक पैनल हैं जो आपको आईडीई ऑटोकेम्पशन का उपयोग करने की अनुमति देते हैं और एक सहज ज्ञान युक्त इंटरफ़ेस है।

स्थापना और सेटअप

तो, चलो इसे स्थापित करके yicms के साथ आरंभ करें। डेटिंग के लिए, सबसे आसान तरीका ओपन सर्वर या किसी अन्य समान सर्वर प्लेटफॉर्म का उपयोग करना है। चूंकि yicms की Yii पर एक मजबूत निर्भरता है, इसलिए हम इसे पहले स्थापित करेंगे। सादगी के लिए, हम मूल टेम्पलेट का उपयोग करेंगे:

composer create-project --prefer-dist yiisoft/yii2-app-basic basic

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

  "require": { "php": ">=5.4.0", "yiisoft/yii2": "~2.0.14", "yiisoft/yii2-bootstrap": "~2.0.0", "yiisoft/yii2-swiftmailer": "~2.0.0 || ~2.1.0", "iliich246/yii2-yicms-common": "dev-master", "iliich246/yii2-yicms-pages": "dev-master", "iliich246/yii2-yicms-essences": "dev-master", "iliich246/yii2-yicms-feedback": "dev-master" }, 

प्रत्येक मॉड्यूल विशिष्ट कार्यक्षमता के एक सेट का प्रतिनिधित्व करता है, जिसे भविष्य में माना जाएगा। अभी के लिए, बस उन सभी को स्थापित करें।

अगला आपको सर्वर को कॉन्फ़िगर करने के लिए याद रखने की आवश्यकता है। ओपन सर्वर में हम अपाचे का उपयोग करते हैं और निम्न प्रकार से .htaccess को कॉन्फ़िगर करते हैं:

रूट के लिए .htaccess फ़ाइल:

 Options +FollowSymLinks IndexIgnore */* RewriteEngine on RewriteCond %{REQUEST_URI} !^/(web) RewriteRule ^assets/(.*)$ /web/assets/$1 [L] RewriteRule ^css/(.*)$ web/css/$1 [L] RewriteRule ^js/(.*)$ web/js/$1 [L] RewriteRule ^images/(.*)$ web/images/$1 [L] RewriteRule ^files/(.*)$ web/files/$1 [L] RewriteRule (.*) /web/$1 RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . web/index.php 

वेब निर्देशिका में .htaccess फ़ाइल के लिए

 RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . index.php 

अगला कदम डेटाबेस में प्रत्येक यिकस मॉड्यूल के प्रवास को रोल करना है। कंसोल में, हम क्रमिक रूप से निम्नलिखित कमांड निष्पादित करते हैं:

yii migrate/up --migrationPath=@vendor/iliich246/yii2-yicms-common/Migrations

yii migrate/up --migrationPath=@vendor/iliich246/yii2-yicms-pages/Migrations

yii migrate/up --migrationPath=@vendor/iliich246/yii2-yicms-essences/Migrations

yii migrate/up --migrationPath=@vendor/iliich246/yii2-yicms-feedback/Migrations

अब विन्यास / web.php फ़ाइल में विन्यास शुरू करते हैं।

मॉड्यूल अनुभाग निम्नानुसार कॉन्फ़िगर किया गया है:

 'modules' => [ 'common' => [ 'class' => 'Iliich246\YicmsCommon\CommonModule', ], 'pages' => [ 'class' => 'Iliich246\YicmsPages\PagesModule', ], 'essences' => [ 'class' => 'Iliich246\YicmsEssences\EssencesModule', ], 'feedback' => [ 'class' => 'Iliich246\YicmsFeedback\FeedbackModule', ], 'redactor' => 'yii\redactor\RedactorModule', ], 

बूटस्ट्रैप अनुभाग निम्नानुसार कॉन्फ़िगर किया गया है:

 'bootstrap' => ['log', 'common', 'pages', 'essences', 'feedback'], 

उपयोगकर्ता अनुभाग निम्नानुसार कॉन्फ़िगर किया गया है:

 'user' => [ 'identityClass' => 'Iliich246\YicmsCommon\Base\CommonUser', 'enableAutoLogin' => true, ], 

टिप्पणी अनुभाग निकालें urlManager:

 'urlManager' => [ 'enablePrettyUrl' => true, 'showScriptName' => false, 'rules' => [ ], ], 

Yii2 फ्रेमवर्क और यिकम्स सिस्टम को सफलतापूर्वक कॉन्फ़िगर किया गया है।

पहली शुरुआत के बाद, यदि सब कुछ सही तरीके से कॉन्फ़िगर किया गया था, तो प्रोजेक्ट रूट डायरेक्टरी में yicms डायरेक्टरी बनाई जानी चाहिए, जिसमें उपयोगकर्ता परिवर्तनों के लिए उपलब्ध फाइलें होंगी और ऑटो-एनोटेट वर्ग भी इसमें बनाए जाएंगे।

सामान्य और पृष्ठ मॉड्यूल का विवरण

यिकम्स सिस्टम में दो खंड होते हैं। देव अनुभाग, जो केवल डेवलपर तक पहुंच योग्य होना चाहिए (इसमें कोड को तोड़ा जा सकता है) और एडमिन सेक्शन को साइट एडमिनिस्ट्रेटर (इसमें कंटेंट मैनेजमेंट किया जाता है) तक पहुंच होनी चाहिए। आरंभ करने के लिए, आपको देव अनुभाग पर जाने की आवश्यकता है, इसके लिए आपको निम्न URL का उपयोग करने की आवश्यकता है:

http://< >/web/common/dev/login-as-dev?hash=123456&asDev

उसके बाद, देव पैनल को खोलना चाहिए:



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

अब यदि आप लिंक का अनुसरण करते हैं

http://< >/web/pages/admin

व्यवस्थापक अनुभाग खुल जाएगा। इसमें कंटेंट भरने के लिए इंडेक्स पेज उपलब्ध होगा। सभी क्षेत्रों को मुफ्त पाठ से भरें।

इंडेक्स पेज के देव अनुभाग में इंडेक्स सेक्शन बनाने के समय, इंडेक्स क्लास को yicms / पेज / मॉडल डायरेक्टरी में बनाया गया था जिसमें शीर्षक, मेटा_डेस्क्रिप्शन, मेटा_कीवर्ड फ़ील्ड्स के साथ-साथ टेक्स्ट फ़ील्ड के लिए भी बनाया गया था, जिसे हमने फ्लाई पर बनाया था। इस वर्ग की एक वस्तु जिसका उपयोग हम खेतों के मूल्य प्राप्त करने के लिए कर सकते हैं। विचार करें कि यह कैसे किया जा सकता है। क्रिया में मूल टेम्पलेट के मानक SiteController नियंत्रक में, निम्नलिखित लिखें:

 /** * Displays homepage. * * @return string * @throws \Iliich246\YicmsPages\Base\PagesException */ public function actionIndex() { $indexPage = \app\yicms\Pages\Models\Index::getInstance(); return $this->render('index', [ 'indexPage' => $ indexPage ]); } 

चूंकि वर्ग \ app \ yicms \ Pages \ Model \ Index स्वचालित रूप से उत्पन्न हो गया था, इसलिए इसके लिए स्वत: पूर्ण होने वाला IDE में काम करेगा। अब इंडेक्स के रूप में $ इंडेक्सपेज का उपयोग किया जा सकता है। अब इंडेक्स व्यू को खोलें। हम सभी अनावश्यक को वहां से हटा देते हैं और लिखते हैं:

 <?php /** @var $this yii\web\View */ /** @var $indexPage \app\yicms\Pages\Models\Index */ $this->title = $indexPage->title; $this->registerMetaTag([ 'name' => 'description', 'content' => $indexPage->meta_description ]); $this->registerMetaTag([ 'name' => 'keywords', 'content' => $indexPage->meta_keywords ]); ?> <div class="site-index"> <div class="jumbotron"> <h1><?= $indexPage->text ?></h1> </div> <div class="body-content"> </div> </div> 

IDE ऑटो-समापन के लिए $ indexPage चर का एनोटेशन आवश्यक है। अब $ indexPage ऑब्जेक्ट का उपयोग करें। इंडेक्स पेज के लिए देव अनुभाग में हमने जो भी फ़ील्ड बनाए हैं, वे इंडेक्स क्लास के ऑब्जेक्ट में उपलब्ध हैं, जो ऑटो-एनोटेशन के लिए धन्यवाद, आईडीई द्वारा तीर ऑपरेटर में प्रवेश करने के बाद पूरक हैं।

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

हमने यिकम की क्षमताओं के केवल सबसे छोटे हिस्से की जांच की। अब हम साइट के मुख्य पृष्ठ को यिम्स का उपयोग करके थोड़ा जटिल करेंगे।

yicms बॉक्स से बाहर बहुभाषीवाद का समर्थन करता है। सामान्य मॉड्यूल के देव अनुभाग में दूसरी भाषा को सक्रिय करने के लिए, भाषाओं की सूची का चयन करें, फिर रूसी भाषा का चयन करें और इसे इसमें सक्रिय करें:



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

घटक फ़ाइल ब्लॉक

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

 … <div class="body-content"> <div class="row"> <h3>Document</h3> <a href="<?= $indexPage->document->uploadUrl() ?>"> <?= $indexPage->document ?> </a> </div> … </div> 

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

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

 … <div class="row"> <h3>Recipes</h3> <?php foreach ($indexPage->recipes as $recipe): ?> <a href="<?= $recipe->uploadUrl() ?>"> <?= $recipe ?> </a> <?php endforeach; ?> </div> … 

कई प्रकार के मोड में, एक फ़ाइल ब्लॉक को फॉर्च्यूनर या इट्रेटर के माध्यम से बायपास किया जा सकता है।

छवियाँ ब्लॉक घटक

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

 <div class="row"> <h3>Image</h3> <img src="<?= $indexPage->picture ?>" alt=""> </div> 

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

देव पैनल में इमेज गैलरी का एक ब्लॉक बनाएं, जिसके प्रकार को कई छवियों के रूप में सेट किया जाएगा। छवियों के लिए, आप फ़्लाई पर टेक्स्ट फ़ील्ड भी लटका सकते हैं। इसलिए, गैलरी ब्लॉक सेट करने के लिए मोडल विंडो में, "इमेज ब्लॉक ब्लॉक देखें" सेक्शन में जाएँ। छवियों के लिए इस अनुभाग में, नाम और नाम के साथ फ़ील्ड बनाएं। अब प्रत्येक छवि के लिए व्यवस्थापक पैनल में, ऑल्ट और नाम टेक्स्ट फ़ील्ड सेट करना संभव है। इसके अलावा बॉक्स से बाहर की छवियों के लिए yicms में "फसल" और थंबनेल बनाने की क्षमता उपलब्ध है। उदाहरण के लिए, गैलरी ब्लॉक के लिए थंबनेल टेम्पलेट बनाएं। छवि ब्लॉक की मोडल विंडो में, "छवियों के थंबनेल कॉन्फ़िगर करें" अनुभाग पर जाएं। इसमें, हम "x2" नाम के साथ एक थंबनेल विन्यासकर्ता बनाएंगे और पैरामीटर विभक्त = 2 और गुणवत्ता = 80। नाम से हम थंबनेल का उपयोग कर सकते हैं, विभक्त यह निर्धारित करेगा कि मूल छवि के आकार को कम करने के लिए, गुणवत्ता थंबनेल की संपीड़न गुणवत्ता को निर्धारित करती है। अगला, मापदंडों के साथ एक और थंबनेल टेम्पलेट बनाएं: program_name = "x5", विभक्त = 5, गुणवत्ता = 50. अब, जब हम व्यवस्थापक पैनल से छवि को लोड करते हैं, तो हमारे द्वारा चयनित मापदंडों के साथ दो थंबनेल स्वचालित रूप से इसके लिए बनाए जाएंगे।

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

 <div class="row"> <?php foreach($indexPage->gallery->getImages() as $image): ?> <div class="col-lg-4"> <img src="<?= $image ?>" width="100%" alt="<?= $image->alt ?>"> <img src="<?= $image->outputThumbnail('x2') ?>" alt="<?= $image->alt ?>"> <img src="<?= $image->outputThumbnail('x5') ?>" alt="<?= $image->alt ?>"> <p><?= $image->name ?></p> </div> <?php endforeach; ?> </div> 

यहाँ getImages () विधि ऑटो-एनोटेट वर्ग ऐप \ yicms \ Pages \ मॉडल \ Index \ Images \ GalleryImage की वस्तुओं की एक सरणी देता है जिसमें वे ऊँचाई और नाम फ़ील्ड्स के लिए एनोटेशन बनाए गए थे जो हमने मक्खी और आईडीई ऑटोकंप्लीमेंट पर उनके लिए उपलब्ध है। ऑब्जेक्ट पर आउटपुट थम्बनेल विधि (<थंबनेल टेम्पलेट नाम>) को कॉल करते हुए, हम थंबनेल आउटपुट मोड में ऑब्जेक्ट को स्विच करते हैं।

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

घटक की स्थिति

अब अगले तत्व पर विचार करें। ये स्थितियां हैं। व्यवस्थापक पैनल सूची, चेकबॉक्स इत्यादि में बनाने के लिए स्थितियाँ सुविधाजनक हैं। जो काम के पन्नों के दौरान कुछ व्यवहार निर्धारित करेगा। आइए एक उदाहरण देखें। इंडेक्स पेज पर डेव पैनल में बैकग्राउंड नामक एक कंडीशन बनाएं। “Select ड्रॉपडाउन टाइप” चुनें। शर्त बनाने के बाद, हम "कॉन्फिगर कंडीशन ऑप्शंस" सेक्शन में जाएंगे। पारदर्शी, लाल और हरे रंग के साथ तीन शर्त मान बनाएँ।

उसके बाद, मूल्यों के साथ एक ड्रॉप-डाउन सूची के साथ एक शर्त, ट्रांसपैरेंट, RED और GREEN इंडेक्स पेज के व्यवस्थापक पैनल में दिखाई देंगे। वे ऊपरी मामले में परिवर्तित हो जाते हैं, क्योंकि निर्मित ऑटो-एनोटेट वर्ग में उन्हें स्थिरांक के रूप में दर्शाया जाता है।

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

 <?php /* @var $this \yii\web\View */ /* @var $content string */ use app\widgets\Alert; use yii\helpers\Html; use yii\bootstrap\Nav; use yii\bootstrap\NavBar; use yii\widgets\Breadcrumbs; use app\assets\AppAsset; AppAsset::register($this); $pagesIndex = \app\yicms\Pages\Models\Index::getInstance(); ?> <?php $this->beginPage() ?> <!DOCTYPE html> <html lang="<?= Yii::$app->language ?>"> <head> <meta charset="<?= Yii::$app->charset ?>"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <?php $this->registerCsrfMetaTags() ?> <title><?= Html::encode($this->title) ?></title> <?php $this->head() ?> </head> <body> <?php $this->beginBody() ?> … 

चूंकि इंडेक्स क्लास का ऑब्जेक्ट एक सिंगलटन की तरह कुछ है, हम इसे बनाते समय अतिरिक्त डुप्लिकेट डेटाबेस क्वेश्चन और अन्य ओवरहेड्स बनाने के जोखिम के बिना स्टैटिक गेटइनस्टांस () विधि को उतना ही कह सकते हैं जितना हम चाहते हैं। अब $ PagesIndex ऑब्जेक्ट का उपयोग करते हुए, हम इसमें इनलाइन शैली जोड़कर टैग को बदल देंगे:

 <body style="background-color: <?php if ($pagesIndex->background->value() == \app\yicms\Pages\Models\Index\Conditions\Background::TRANSPARENT):?> transparent; <?php elseif ($pagesIndex->background->value() == \app\yicms\Pages\Models\Index\Conditions\Background::RED):?> #FFD3D3 <?php else: ?> #BBFFC8 <?php endif; ?> "> 

$ PagesIndex-> ​​background-> value () कॉल करके और ऑटो-एनोटेट क्लास \ app \ yicms \ Pages \ मॉडल \ Index \ conditions \ पृष्ठभूमि में बनाए गए स्थिरांक के साथ तुलना करके हम साइट के पृष्ठभूमि रंग का चयन करते हैं।

इसके बाद, ऑटो-एनोटेट कक्षाओं की क्षमताओं पर विचार करें। जब यिकम चल रहे होते हैं, तो बहुत सारी घटनाएं होती हैं जिन्हें वाईआईआई फ्रेमवर्क द्वारा नियंत्रित किया जा सकता है। हम एक उदाहरण देते हैं।

 app\yicms\Pages\Models\Index\Fields\Text 

यह फाइल एक ऑटो-एनोटेटर द्वारा बनाई गई थी जब हमने देव पैनल में इंडेक्स पेज के लिए टेक्स्ट फील्ड बनाया था। जब हम <? = $ IndexPage-> पाठ?> लिखते हैं, तो टेम्प्लेट में, इस विशेष वर्ग के सिंगलटन के समान कुछ बनाया जाता है, जिसे टेम्प्लेट में जादू __toString () का उपयोग करके स्ट्रिंग में डाला जाता है।

सामग्री को बदलने के लिए, हम ईवेंट की सदस्यता लेते हैं और कॉलबैक फ़ंक्शन के माध्यम से इसे संसाधित करते हैं:

 class Text extends Field { public function init() { $this->on(self::EVENT_BEFORE_OUTPUT, function($event) { /** @var $event \Iliich246\YicmsCommon\Base\HookEvent */ }); } } 

EVENT_BEFORE_OUTPUT घटना फ़ील्ड की सामग्री प्रदर्शित होने से पहले होती है। इसे बदलने की कोशिश करते हैं। ऐसा करने के लिए, हम इवेंट ऑब्जेक्ट \ Iliich246 \ YicmsCommon \ Base \ HookEvent का उपयोग करते हैं:

 $this->on(self::EVENT_BEFORE_OUTPUT, function($event) { /** @var $event \Iliich246\YicmsCommon\Base\HookEvent */ $value = $event->getHook(); $value = strrev($value); $event->setHook($value); }); 

हूकवेंट इवेंट को आग लगने से पहले फ़ील्ड का मान मिलता है। घटना में, आप $ घटना-> getHook () के माध्यम से इस मूल्य को प्राप्त कर सकते हैं, इसे बदल सकते हैं, और $ घटना-> setHook ($ मूल्य) का उपयोग करके घटना के माध्यम से ऑब्जेक्ट को वापस भेज सकते हैं। इस प्रकार, घटना में, हमने पाठ को बदल दिया है जो पाठ क्षेत्र को पीछे की ओर प्रदर्शित करता है।

लगभग हर ऑटो-किराए के वर्ग में कई तरह की घटनाएँ होती हैं जिन्हें इसी तरह से जोड़ा जा सकता है, लेकिन उनका विचार तथ्य-खोज लेख के दायरे से परे है।

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

Yii2-yicms-Essences मॉड्यूल

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

एक उदाहरण के रूप में, हम एक ऑनलाइन स्टोर के लिए श्रेणी-> उत्पाद प्रकार की एक सरल सूची का निर्माण दिखाते हैं।

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

श्रेणियाँ स्वयं एक पेड़ के समान सिद्धांत पर निर्मित होती हैं, जब किसी भी श्रेणी में एक माता-पिता होते हैं (सबसे ऊपरी को छोड़कर)। यानी श्रेणियां एक पेड़ प्रकार की डेटा संरचना की पत्तियां हैं।

कुल इकाई उत्पाद बनाए गए। उसके लिए, ऑटो-एनोटेट कक्षाएं एप्लिकेशन \ yicms \ Essences \ मॉडल निर्देशिका में बनाई गई थीं। अगला, देव पैनल में, हमें क्लास टेम्प्लेट और प्रेजेंटेशन टेम्प्लेट बनाने की आवश्यकता है। यह सब उसी तरह है जैसे हमने उन्हें इंडेक्स पेज के लिए बनाया था। फ़ील्ड्स, फ़ाइल्स ब्लॉक, इमेजेस ब्लॉक्स और कंडीशंस एलिमेंट्स उनके लिए ऑन-द-फ्लाई क्रिएशन मोड में उपलब्ध हैं। एक बार जब हम व्यवस्थापक पैनल में टेम्पलेट बनाना समाप्त कर लेते हैं, तो यह उन श्रेणियों तत्वों के साथ श्रेणियां और दृश्य बनाने के लिए उपलब्ध हो जाता है, जिन्हें हम देव पैनल में सेट करते हैं।

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

 /** * * @return string */ public function actionProducts() { $productsEssence = Products::getInstance(); return $this->render('products', [ 'productsEssence' => $productsEssence ]); } 

इसके लिए एक उत्पाद दृश्य बनाएं

 <?php /** @var $this yii\web\View */ /** @var $productsEssence \app\yicms\Essences\Models\Products */ ?> <div class="body-content"> <?php foreach($productsEssence->categories as $category): ?> <h1>: <?= $category->name ?></h1> <?php foreach($category->represents as $product): ?> <h2>: <?= $product->name ?></h2> <?php endforeach; ?> <?php endforeach; ?> </div> 

ऑटो-एनोटेशन तंत्र के लिए धन्यवाद, $ productsEssence-> श्रेणियां विधि ऑटो-एनोटेट वर्ग एप्लिकेशन \ yicms \ Essences \ मॉडल \ ProductsCategory की वस्तुओं की एक सरणी देता है। इस वर्ग में पिछली ऑटो-एनोटेट कक्षाओं की तरह, हमारे द्वारा मक्खी पर बनाए गए खेतों पर भी एनोटेशन हैं, आईडीई ऑटो-पूर्णता का उपयोग करने में सक्षम होगा। यह भी ध्यान देने योग्य है कि ऑटो-एनोटेट वर्गों को इस विचार के साथ विकसित किया गया था कि उपयोगकर्ता yicms अपने स्वयं के व्यवसाय तर्क को उनमें रखने में सक्षम होंगे, अर्थात्। आप उनमें अपना कोड लिख सकते हैं, और ऑटो-एनोटेशन तंत्र विशेष रूप से चिह्नित क्षेत्रों को बदल देता है और कोई भी उपयोगकर्ता कोड प्रभावित नहीं होगा।

$ श्रेणी-> विधि का प्रतिनिधित्व भी app \ yicms \ Essences \ Model \ ProductsRepresents ऑब्जेक्ट्स की एक सरणी देता है जिसमें श्रेणियों के लिए ऑटो-एनोटेशन के सभी समान लाभ हैं। बेशक, विचारों को प्राप्त करने के लिए अधिक लचीले तरीके हैं। उदाहरण के लिए, $ श्रेणी-> getRepresentsQuery () Yii2 फ्रेमवर्क की एक सक्रिय वस्तु को लौटाएगा, जिसे डेटाबेस क्वेरी को परिष्कृत करने के लिए और अनुकूलित किया जा सकता है, जिसका उपयोग पृष्ठांकन या आलसी लोडिंग बनाने के लिए किया जाता है।

कुल मिलाकर, Essenses मॉड्यूल आपको स्टोर की कार्यक्षमता का एक कंकाल जल्दी से बनाने की अनुमति देता है, जिसमें पहले से ही काम कर रहे व्यवस्थापक पैनल है। ऑटो-एनोटेट कक्षाओं में अतिरिक्त व्यावसायिक तर्क लिखे जा सकते हैं।

Yii2-yicms-प्रतिक्रिया मॉड्यूल

यह मॉड्यूल साइट के आगंतुकों और उपयोगकर्ताओं द्वारा साइट पर सूचना इनपुट रूपों के निर्माण के लिए है। काम की विचारधारा समान है, पहले देव पैनल में हम फॉर्म के लिए आवश्यक फ़ील्ड टाइप करते हैं।

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

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

अब हमारी वेबसाइट में मॉड्यूल लागू करें। सबसे पहले, SiteController में एक नई कार्रवाई बनाएँ:

 /** * @return string */ public function actionMessage() { $messages = \app\yicms\Feedback\Models\Messages::getInstance(); return $this->render('message', [ 'messages' => $messages ]); } 

अगला, एक संदेश दृश्य बनाएं और उसमें निम्नलिखित लिखें:

 <?php /** @var $this yii\web\View */ /** @var $message \app\yicms\Feedback\Models\Messages */ ?> <?php $form = \yii\bootstrap\ActiveForm::begin([ 'id' => 'some-form', 'options' => [ 'data-pjax' => true, ], ]); ?> <div class="row"> <div class="col-xs-12"> <?= \yii\helpers\Html::submitButton('Save', ['class' => 'btn btn-success']) ?> </div> </div> <?php \yii\bootstrap\ActiveForm::end(); ?> 

फॉर्म बनाने के लिए, हम फ्रेमवर्क के मानक टूल का उपयोग करेंगे। प्रतिक्रिया मॉड्यूल का लाभ लेने के लिए हम निम्नलिखित लिखेंगे:

 <?php if ($messages->input_name->isActive): ?> <?= $form->field($messages->input_name, $messages->input_name->key) ?> <?php endif; ?> <?php if ($messages->input_surname->isActive): ?> <?= $form->field($messages->input_surname, $messages->input_surname->key) ?> <?php endif; ?> <?php if ($messages->input_photo->isActive): ?> <?= $form->field($messages->input_photo, $messages->input_photo->key) ->fileInput() ?> <?php endif; ?> <?php if ($messages->input_agreement->isActive): ?> <?= $form->field($messages->input_agreement, $messages->input_agreement->key)->checkbox() ?> <?php endif; ?> 

प्रकार इनपुट की संस्थाओं के लिए, आपको इनपुट_ उपसर्ग का उपयोग करना होगा, अन्यथा, ऑटो-एनोटेशन उनके लिए उसी तरह काम करते हैं जैसे कि बाकी चीजों के लिए यिकम्स में।

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

अगला फ्रेमवर्क का मानक रूप है जहां आपको इस तरह लिखने की आवश्यकता है

 $form->field($messages->input_name, $messages->input_name->key) 

$ संदेश-> input_name क्लास ऐप के एक ऑब्जेक्ट को लौटाएगा \ yicms \ Feedback \ मॉडल \ संदेश \ InputFields \ नाम जो मॉडल Yii2 फ्रेमवर्क का वंशज है और इसका उपयोग रूपों में किया जा सकता है, $ संदेश-> input_name> कुंजी क्रम में सही कुंजी मान लौटाएगा। ताकि फॉर्म को लोड किया जा सके।

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

 public function actionMessage() { $messages = \app\yicms\Feedback\Models\Messages::getInstance(); if ($messages->load(Yii::$app->request->post()) && $messages->validate()) { $messages->handle(); } return $this->render('message', [ 'messages' => $messages ]); } 

अब फॉर्म सर्वर पर लोड, मान्य और सेव होगा। व्यवस्थापक अनुभाग में, हम उस जानकारी को देख सकते हैं जिसे फ़ॉर्म में दर्ज किया गया है।

बेशक, आप एक ऑटो-एनोटेट वर्ग का उपयोग कर सकते हैं:

\app\yicms\Feedback\Models\Messages

 class Messages extends Feedback { /** * @return self instance . */ public static function getInstance() { return self::getByName('messages'); } /** * @inheritdoc */ public function init() { $this->on(self::EVENT_AFTER_HANDLE, function($event) { Yii::$app->mailer->compose('message', [ 'message' => $this ]) ->setFrom('from@domain.com') ->setTo('to@domain.com') ->setSubject('Message subject') ->send(); }); } } 

इस उदाहरण में, हमने EVENT_AFTER_HANDLE ईवेंट के लिए साइन अप किया है। प्रपत्र डेटा सर्वर पर सहेजे जाने के बाद ईवेंट होता है। इस मामले में, हम एक टेम्प्लेट भेजते हैं, जिसमें हम सहेजे गए फॉर्म डेटा डाल सकते हैं:

 <?php /** @var $this \yii\web\View view component instance */ /** @var $message \app\yicms\Feedback\Models\Message */ ?> <h1>Mail on message</h1> <h1>Name: <?= $message->input_name->value ?></h1> <h2>Surname: <?= $message->input_surname->value ?></h2> 

$ संदेश-> input_name-> मूल्य केवल डेटाबेस में संग्रहीत वर्तमान डेटा को लौटाता है।

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

नाम समझौते के साथ input_condition पर, हम तुलना सत्यापनकर्ता को लटका देते हैं। और 1, प्रकार संख्या और ऑपरेटर == के साथ तुलना करने के लिए इसे कॉन्फ़िगर करें। इसके अतिरिक्त, आप त्रुटि पाठ फ़ील्ड में एक संदेश लिख सकते हैं, जैसे "आपको ऑफ़र की शर्तों से सहमत होना चाहिए"। अब फॉर्म पर, सत्यापन तभी होगा जब एग्रीमेंट चेकबॉक्स का चयन किया जाएगा।

इस लेख में कुल मिलाकर हमने yicms सिस्टम की मुख्य विशेषताओं की जांच की।