🧒 👍🏻 🍻 डायम सीएमएस पर वेबसाइट विकास: लाभ, दर्शन, उदाहरण और नुकसान 🚃 💍 🚣🏿

फ्रांसीसी वेब डेवलपर्स के एक समूह की अद्भुत पहल के बारे में कहानी की निरंतरता जिसे डायम सीएमएस कहा जाता है।

यह लेख आपका इंतजार कर रहा है

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

अभ्यास

प्रस्तावना
पिछले दो महीनों में, मैंने इस सीएमएस पर 5-पृष्ठ से 2,000-पृष्ठ तक 6 साइटें लिखीं, दो साइटें साझा होस्टिंग पर, दो एक वीपीएस सर्वर पर स्थित हैं। हर जगह 128 एमबी मेमोरी।
राल
ओह, यह अभ्यास, जिसमें दिखाया गया है कि इस समय पारंपरिक साझा होस्टिंग पर डायम का उपयोग ठीक नहीं है ...
सबसे पहले, 48 एमबी से कम की मेमोरी सीमा Fatal error: Allowed memory size of X bytes exhausted कारण बन सकती है Fatal error: Allowed memory size of X bytes exhausted , लगभग 8 एमबी पेज रखरखाव के लिए उपयोग किया जाता है, लेकिन सिस्टम कॉल (जैसे कॉन्फ़िगरेशन को अपडेट करना, खोज स्कैनिंग Zend_Search_Lucene) बहुत अधिक मेमोरी (यह संभव है कि उपयोग करें) कुछ स्थानों पर, डेवलपर्स लंबे चक्रों के दौरान मेमोरी फिलिंग को नियंत्रित करना भूल गए)
दूसरे, मानक ./configure configure सेटिंग्स के साथ APC कैशिंग की अनुपस्थिति में, Diem पृष्ठ को लगभग दो सेकंड के लिए संसाधित करता है (यह समान कॉन्फ़िगरेशन पर 200ms पर है, लेकिन APC के साथ) ... लगभग। यह मेरा अनुमान है, यह तथ्य यह है कि स्क्रिप्ट 2000ms के लिए वर्चुअल होस्टिंग पर चलती है, और VPS 200ms पर, APC वहां और वहां दोनों स्थापित है, लेकिन साझा होस्टिंग पर POSIX साझा स्मृति के लिए कोई सिस्टम समर्थन नहीं है। मुझे लगता है कि यह मामला है, हालांकि अन्य विकल्पों से इनकार नहीं किया गया है।
एपीसी को एक अलग कॉन्फ़िगरेशन के साथ कॉन्फ़िगर करने की प्रक्रिया में, इस दस्तावेज़ ने मुझे यह पता लगाने में मदद की कि क्या हो रहा था:

फेसबुक APC कैशिंग पर फेसबुक की गहन समीक्षा और शोध
शहद
सुखद से: सिस्टम के स्पष्ट भारीपन के बावजूद, reg.ru से सबसे सस्ते वीपीएस पर, मैं अब चुपचाप पांच साइटों के साथ मिल जाता हूं, सभी के लिए पर्याप्त मेमोरी है, अनुरोध के बाद पेज 200 मी लौटे हैं। मैं इस तथ्य से काफी प्रसन्न हूं, यह देखते हुए कि डायम नुकसान से कई अधिक फायदे से भरा हुआ है, जिसके बारे में मैं बाद में बात करूंगा, इसमें नहीं, लेकिन निम्नलिखित पोस्ट में।
छोटा लेकिन उत्तरदायी समुदाय भी प्रसन्न है। प्रतिक्रियाओं की गति को देखते हुए, डेवलपर्स हर दिन समुदाय का दौरा करते हैं और प्रतिक्रिया देने के लिए तैयार होते हैं, और Google को नहीं भेजे जाते हैं। (प्रोविंलि: 1 , 2 )

सिम्फनी की सर्वश्रेष्ठ परंपराओं में, डायम उच्च-गुणवत्ता और स्पष्ट प्रलेखन द्वारा समर्थित है, जिसमें शामिल हैं:
- सप्ताह डायम
7 दिनों में विकास में डूबना, 2 घंटे में अभ्यास आप साप्ताहिक पाठ्यक्रम के सभी चरणों को कर सकते हैं
- आम कार्यों के लिए कैसे-कैसे टिप्स
- और सीएमएस की सभी विशेषताओं का एक विस्तृत चरण-दर-चरण विवरण

इसके अलावा, एक मंच और एक Google समूह है जहां आप समुदाय से सलाह के लिए पूछ सकते हैं।
यह सब off.site diem-project.org पर है

अरे हाँ। मैं पूरी तरह से भूल गया कि diem-project.ru उन लोगों के लिए उपयोगी होगा जो अंग्रेजी में मजबूत नहीं हैं - diem-project.org का एक आंशिक रूप से अनुवादित क्लोन, इसके निर्माता व्लादिस्लाव लेझनेव से पिछले पोस्ट के बाद संपर्क हुआ, हमने डायम के बारे में थोड़ी बात की और मूल रूप से सहमत हुए राय में कि यह सीएमएस ध्यान देने योग्य है और इसका उपयोग किया जाना चाहिए।

एक दिलचस्प तथ्य: अधिकांश परियोजना 08/23-2009 से 01/31/2010 की अवधि में एक व्यक्ति द्वारा लिखी गई थी, जिसके बाद परियोजना में लगभग 5 और डेवलपर्स दिखाई दिए।

दर्शन

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

परिणामस्वरूप, सामग्री संरचना निम्नानुसार है: टेम्पलेट -> क्षेत्र -> पृष्ठ -> विजेट

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

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

मैं पृष्ठ सामग्री के प्रबंधन के उदाहरण देता हूं:

इस आंकड़े में, हम देखते हैं कि पृष्ठ को ज़ोन और विजेट्स (ब्लॉक) में विभाजित किया गया है, और उन्हें खींचा जा सकता है।

इस आंकड़े में हम एक खुली मीडिया गैलरी, एक ब्रेडक्रंब विजेट विजेट विंडो और एक विजेट पैनल देखते हैं जिसे पेज पर जोड़ा जा सकता है।

हम अपने स्वयं के मॉड्यूल को लिखने की कोशिश कर रहे हैं

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

चरण 1
सबसे पहले, हम डेटाबेस डिज़ाइन करते हैं (Doctrine और YAML फ़ाइलों का उपयोग करते हुए, यह एक खुशी है):

Hotel : actAs : [ DmSortable, DmGallery ] columns : name : { type : string( 255 ), notnull : true } country_id : { type : integer } url : { type : string( 255 ) } text : { type : clob, extra : ckeditor } is_active : { type : boolean, notnull : true , default : true } rating : { type : float } status : { type : integer( 4 ), default : 0 } votes : { type : integer } relations : Products : { foreignAlias : Hotels, class : Product, refClass : ProductHotel } Country : { foreignAlias : Hotels } Country : columns : name : { type : string( 255 ), notnull : true } slug : { type : string( 255 ), notnull : true }

ऐसा लगता है कि हमें जो कुछ भी चाहिए वह इंगित किया गया था: होटल की एक मेज, देशों की एक तालिका, उनके बीच का संबंध। इस कोड में कई Diem संकेतन शामिल हैं जो विश्व स्तर पर संपूर्ण परियोजना के लिए तालिका व्यवहार को परिभाषित करते हैं, अर्थात्: is_active, DmSortable, DmGallery extra: ckeditor.
is_active का अर्थ इस तथ्य में निहित है कि अब दीम जानता है कि होटल सूचियों के लिए "सक्रिय" और "निष्क्रिय" वस्तुएं हैं। प्रबंधन के तहत, हम एजाक्स गतिविधि के माध्यम से प्रबंधन करने में सक्षम होंगे, और जब पृष्ठ पर देखा जाएगा, तो केवल सक्रिय रिकॉर्ड प्रदर्शित किए जाएंगे।
extra: ckeditor करते समय extra: ckeditor जोड़ता है।
DmSortable - आपको होटल की सूची को मैन्युअल रूप से सॉर्ट करने की अनुमति देता है
DmGallery - आपको प्रत्येक होटल में असीमित संख्या में फ़ोटो संलग्न करने की अनुमति देता है। सभी फ़ाइलों को मीडिया घटक का उपयोग करके Diem में संग्रहीत और प्रबंधित किया जाता है, अर्थात। आपको चित्रों को लोड करने, विभिन्न तरीकों का उपयोग करके आकार देने के लिए अपने स्वयं के हैंडलर लिखने की आवश्यकता नहीं है, इसके अलावा, टेम्पलेट्स में आप किसी भी आकार के चित्र निर्दिष्ट कर सकते हैं, दीम मक्खी पर वांछित आकार की एक तस्वीर उत्पन्न करेगा।

चरण 2
अब हमें सिस्टम को यह बताने की आवश्यकता है कि हम मॉड्यूल और घटकों में प्रविष्टियों को कैसे व्यवस्थित करना चाहते हैं : यह इसी कॉन्फ़िगरेशन फ़ाइल में YAML का उपयोग करके फिर से किया जाता है।

"" : hotel : model : Hotel page : true name : '|' admin : true components : searchForm : name : ' ' searchResults : name : ' ' show : country : model : Country name : '|' admin : true 

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

डेटाबेस स्कीमा और मॉड्यूल स्कीमा के विवरण के बाद, हम कंसोल में निष्पादित होते हैं:

symfony doctrine:generate-migrations-diff
symfony doctrine:migrate
symfony dm:setup

हमें सभी आवश्यक क्रियाओं और टेम्पलेट्स के साथ होटल और देशों के प्रबंधन के लिए उत्पन्न ओआरएम मॉडल, फिल्टर और सिद्धांत रूप, व्यवस्थापक मॉड्यूल मिलते हैं।

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

"और यह सब नहीं है!" (सी)
एक उपहार के रूप में, आपको फ्रंटएंड के लिए जेनरेट किए गए टेम्प्लेट मिलते हैं, जो पेज के किसी भी क्षेत्र में ड्रैग और ड्रॉप के लिए उपलब्ध हो जाते हैं। दुर्भाग्य से, डायम को दिमाग, टाइपसेट और डिजाइन बनाने का तरीका नहीं पता है - इसलिए, यह काम खुद करना होगा, लेकिन यहां हमें सुखद आश्चर्य होगा। क्योंकि लेख पहले से ही फूला हुआ है, मैं सिर्फ "होटल सूची" ब्लॉक के लिए एक उदाहरण दूंगा:

<?php echo _open( 'div.product_list' ); echo _open( 'ul.smartcolumns' ); foreach ( $hotels as $hotel ) { $url = _link( $hotel )->getHref(); $data = 'infotext' ; ?> <li style= "cursor:pointer;" onclick= "window.location = '<?php echo $url ?>';" ><div class = "block hotel" > <a href= "<?php echo $url ?>" > <?php if ( $hotel ->getNbMedias()) echo _media( $hotel ->getFirstMedia())->width( 100 ) ?> </a> <div class = "txt" > <a href= "<?php echo $url ?>" > <?php echo $hotel ->name ?> </a> <div class = "txt2" > <?php echo $hotel ->rating ?> </div> <?php echo $data ?> </div> </div></li> <?php } echo _close( 'ul' ); echo _close( 'div' ); use_javascript( '/js/smartcolumns.js' );

और एक खोज फ़ॉर्म को स्वत: पूर्ण करने के लिए एक कार्रवाई का एक उदाहरण:

<? php

/ **
* होटल की कार्रवाई
* /
वर्ग के होटलएक्शंस myFrontModuleActions का विस्तार करते हैं
{

सार्वजनिक कार्य निष्पादित करें। स्वत: पूर्ण ( dmWebRequest $ अनुरोध )
{
$ क्वेरी = $ अनुरोध -> getParameter ( 'क्वेरी' , 0 ) ;
अगर ( $ क्वेरी )
{
$ सीमा = 10 ;
$ q = RequestFilter :: sanitizeString ( $ क्वेरी ) ;

$ क्वेरी = Doctrine_Query :: बनाएं ( )
-> चुनें ( 'h.id, h.name' )
-> ( 'होटल एच' ) से
-> जहां ( "LOWER (नाम) REGEXP '^ {$ q} । * | [^ -] [-] {$ q} [^]] * $'" )
-> ऑर्डरबाय ( 'h.rating DESC, h.name ASC' )
-> सीमा ( $ सीमा ) ;

$ res = $ क्वेरी -> निष्पादित ( ) ;

यदि ( गणना ( $ res ) )
{
$ जोंस = सरणी (
'सुझाव' => सरणी ( ) ,
'डेटा' => सरणी ( ) ,
) ;

foreach ( $ res के रूप में $ कुंजी => $ वैल )
{
$ json [ 'सुझाव' ] [ ] = $ val -> नाम ;
$ json [ 'डेटा' ] [ ] = $ val -> id ;
}

$ यह -> getResponse ( ) -> setContentType ( 'एप्लिकेशन / json' ) ;
$ यह लौटाएँ -> रेंडरटेक्स्ट ( json_encode ( $ json ) ) ;
}
}

वापसी sfView :: कोई नहीं ;
}

}

सभी वर्णित कार्यक्षमता के लिए लेआउट और कार्यों में लगभग दो घंटे लगे।

नुकसान

संक्षेप में, मैं बताता हूँ कि विकास के दौरान कौन-कौन सी कठिनाइयाँ आपको इंतजार कर सकती हैं (सिस्टम अभी भी कच्चा और खुला स्रोत है)

1. लोड करते समय रूसी-भाषा की फ़ाइलों का नाम नहीं लिया जाता है, जब एक यूआरएल उत्पन्न करते हैं, तो निश्चित रूप से, url- मान्य वर्णों में रूपांतरण होता है, लेकिन मुझे इस तथ्य के साथ समस्या थी कि कुछ फाइलें लोड होने के बाद बस गायब हो गईं। अधिक सटीक रूप से, वे फ़ाइल सिस्टम और डेटाबेस में बने रहे, लेकिन डायम ने उन्हें नहीं देखा। मुझे लगता है कि यहां कारण mb_string_functions के बजाय पदावनत कार्यों के उपयोग में हो सकता है। हालाँकि फ्रेंच को UTF-8 लाइनों का सामना करना था ... सामान्य तौर पर, मैंने बहुत ज्यादा खुदाई नहीं की थी, मुझे फ़ाइल नाम url के लिए मान्य वर्णों में परिवर्तित करके इलाज किया गया था, उदाहरण के लिए a-z0-9_-

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

3. Diem पेज रेंडरिंग को गति देने के लिए सभी CSS और JavaScript फ़ाइलों को छोटा और संयोजित करता है। और जावास्क्रिप्ट को पृष्ठ के अंत में शामिल किया गया है, जैसा कि हम याहू से ~~nerds~~ द्वारा सिखाया गया था । यदि आप टेम्पलेट में जावास्क्रिप्ट का उपयोग करना चाहते हैं और कहते हैं कि jQuery का उपयोग करें, तो आपको पेज हेडर में कनेक्ट होने के लिए jquery लाइब्रेरी की आवश्यकता होगी। ऐसा करने के लिए, config / dm / config.yml में आपको यह निर्दिष्ट करने की आवश्यकता है कि कौन सी जावास्क्रिप्ट फ़ाइलों को हेडर में शामिल किया जाना चाहिए। आप वहां jquery पुस्तकालयों को डाउनलोड करने के लिए Google CDN के उपयोग को भी निर्दिष्ट कर सकते हैं।

परिणाम

1. अब आप जानते हैं कि Diem CMS क्या है, इस CMS का उपयोग करने से आपको क्या विकास लाभ मिलते हैं और सामग्री प्रबंधन प्रतिमान अन्य CMS से कैसे भिन्न होता है।
2. आप जानते हैं कि आप VPS या समर्पित सर्वर पर Diem का उपयोग कर सकते हैं, लेकिन साझा होस्टिंग पर यह बेहतर है कि कोशिश न करें। (हालांकि, प्रयोग के लिए, मुझे लगता है कि हर किसी को यह जानने में दिलचस्पी होगी कि आपकी मेजबानी के लिए एक पेज बनाने में कितने मिलीसेकंड लगते हैं)
3. आप अपने स्वयं के मॉड्यूल को विकसित करने के एक उदाहरण से परिचित हो गए और, मुझे आशा है, यह सुनिश्चित कर लिया है कि डायम के साथ आप अपने पूरे हाथ से आसानी से और जल्दी से ऐसा कर सकते हैं।
4. आपने सीखा कि क्या कठिनाइयाँ आ सकती हैं और उन्हें कैसे दूर किया जा सकता है।

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

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

डायम सीएमएस पर वेबसाइट विकास: लाभ, दर्शन, उदाहरण और नुकसान