रूबी ऑन रेल्स का पहला परिचय

रूबी ऑन रेल्स (इसके बाद बस रेल्स) एक वेब फ्रेमवर्क है जो रूबी भाषा में लिखा गया है।

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

आइए रूबी और रेल स्थापित करने के साथ शुरू करें।

विंडोज उपयोगकर्ताओं को वन-क्लिक रूबी इंस्टॉलर डाउनलोड और इंस्टॉल करना होगा।



लिनक्स (उबंटू) उपयोगकर्ता रूबी को और भी आसान स्थापित कर सकते हैं:

  <code class = 'sh' lang = 'sh'> $> sudo apt-get install रूबी रूबीजमे रेक </ code> 

सुनिश्चित करें कि रूबी काम कर रही है

  <code class = 'sh' lang = 'sh'> $> माणिक -v
 रूबी 1.8.5 (2006-08-25) [i486-linux] </ code> 

और रेल लगाओ:

  <code class = 'sh' lang = 'sh'> $> मणि स्थापित रेल-include-निर्भरताएँ
 $> रेल -वी
 रेल 1.2.3 </ कोड> 

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

आईडीई के प्रशंसकों के लिए, मैं आप्टाना की सिफारिश कर सकता हूं, मैं इसमें कोड लिखता हूं (मुझे सिर्फ ग्रहण पसंद है :)।

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

अब एक नई परियोजना शुरू करने के लिए सब कुछ तैयार है।

रेल पर परियोजना परियोजना कंकाल के निर्माण के साथ शुरू होती है:

  <code class = 'sh' lang = 'sh'> $> रेल ~ / परियोजनाएं / उदाहरण </ code> 

उदाहरण फ़ोल्डर बनाया जाएगा और इसमें परियोजना कंकाल (अपने खुद के साथ पथ को बदलने के लिए मत भूलना)। देखते हैं अंदर क्या है।

• एप्लिकेशन - यहां एप्लिकेशन कोड होगा: मॉडल, विचार और नियंत्रक
• घटक पुराने संस्करणों की एक विरासत है, अब घटकों का उपयोग नहीं किया जाता है
• विन्यास - अनुप्रयोग विन्यास: हम मुख्य रूप से इसमें रूचि लेंगे
• डेटाबेस कनेक्शन पैरामीटर और नियंत्रक विधियों के लिए URL रूटिंग
• डीबी - डेटाबेस में बनाई गई तालिकाओं के कॉन्फ़िगरेशन को यहां संग्रहीत किया जाएगा
• डॉक्टर - प्रलेखन, कोड में टिप्पणियों से उत्पन्न
• lib - यहाँ आप उपयोगी पुस्तकालयों के कोड रख सकते हैं
• लॉग - वेब सर्वर लॉग
• सार्वजनिक - वेब सर्वर का रूट फ़ोल्डर, यहाँ स्थैतिक सामग्री निहित है
• स्क्रिप्ट - विकास के लिए बहुत उपयोगी स्क्रिप्ट
• परीक्षण - परीक्षण
• tmp - उपयोगकर्ता सत्र और पीआईडी ​​फाइलें यहां डिफ़ॉल्ट रूप से संग्रहीत की जाती हैं
• विक्रेता - यहाँ प्लगइन्स होंगे जो हम उपयोग करेंगे

यह वेब सर्वर शुरू करने और यह सुनिश्चित करने का समय है कि एप्लिकेशन काम कर रहा है। हम एप्लिकेशन फ़ोल्डर में जाते हैं और वेब सर्वर चलाते हैं जो रेल के साथ आता है:

  <code class = 'sh' lang = 'sh'> $> रूबी स्क्रिप्ट / सर्वर
 रूबी की शुरुआत में रूबी को केवल विंडोज में लिखा जाना चाहिए। </ code> 

http: // लोकलहोस्ट: 3000 /



इस लिंक को अपने पसंदीदा ब्राउज़र में खोलें और "वेलकम अगेन" पेज देखें - फिर सब कुछ ठीक है और एक साधारण एप्लिकेशन लिखने का समय है।

कौन सा एप्लिकेशन लिखने लायक है?

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

इसलिए, आवेदन HTML में पाठ को प्रारूपित करेगा!



प्रारंभ में, यह बहुत सरल होगा, इसमें केवल दो पृष्ठ होंगे: पहले एक पर आप पाठ में प्रवेश कर सकते हैं, और दूसरे पर आप इसे प्रारूपित रूप में देख सकते हैं और परिणामित एचटीएमएल को कॉपी कर सकते हैं (हब पर पोस्ट करने के लिए :)

हम कोड लिखना शुरू करते हैं।

आलसी के लिए, मैंने एप्लिकेशन का स्रोत कोड निर्धारित किया है , लेकिन फिर भी कोड लिखना खुद के लिए अधिक दिलचस्प है।



मुझे लगता है कि यह किसी के लिए कोई रहस्य नहीं है कि MVC पैटर्न वेब एप्लिकेशन आर्किटेक्चर के लिए वास्तविक मानक बन गया है। रेल कोई अपवाद नहीं हैं, एप्लिकेशन में मॉडल, दृश्य और नियंत्रक होते हैं।



अब और भविष्य में हम उन लिपियों का उपयोग करेंगे जो हमारे लिए सभी नियमित काम करेंगे, पहला जो हमें पता चलेगा वह generate



, यह कोड उत्पन्न करता है।

  <code class = 'sh' lang = 'sh'> एक कंट्रोलर बनाएँ (मैंने इसे दो तरीकों के साथ formatting_controller कहा):
 इनपुट - पाठ दर्ज करने के लिए  
 पूर्वावलोकन - स्वरूपित पाठ को देखने के लिए

 $> रूबी स्क्रिप्ट / कंट्रोलर फॉरमेटिंग इनपुट प्रीव्यू </ code> जनरेट करें 

नतीजतन, रेल ने कई फाइलें बनाईं, जिनमें से निम्नलिखित अब दिलचस्प हैं:

  <code class = 'sh' lang = 'sh'> ऐप / नियंत्रक / formatting_controller.rb
 एप्लिकेशन / विचार / स्वरूपण / input.rhtml
 एप्लिकेशन / विचार / स्वरूपण / पूर्वावलोकन। html </ code> 

ब्राउज़र में उत्पन्न पृष्ठ कैसे देखें?



http: // localhost: 3000 / स्वरूपण / इनपुट



http: // localhost: 3000 / स्वरूपण / पूर्वावलोकन

ऐसे क्यों?

राउटिंग मॉड्यूल रेल की उपस्थिति के लिए जिम्मेदार है, आप इसे फ़ाइल में कॉन्फ़िगर कर सकते हैं

  <code class = 'sh' lang = 'sh'> config / path.rb </ code> 

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

  <code class = 'ruby' lang = 'ruby'> map.connect '':: कंट्रोलर => 'फ़ॉर्मेटिंग' ,: एक्शन => 'input' ,: कंडीशन => {: method =>: get}
 map.preview '',: कंट्रोलर => 'फ़ॉर्मेटिंग' ,: एक्शन => 'प्रीव्यू',: स्थितियाँ => {: विधि =>: पोस्ट} </ code> 

कनेक्ट और पूर्वावलोकन विधि कॉल हैं। पहला तर्क पथ है, हमारे मामले में पथ खाली है, अर्थात, ये साइट के रूट के लिए नियम हैं। दूसरा तर्क एक हैश है जिसमें कौन सी विधि है जिसे नियंत्रक को बुलाया जाना चाहिए और किन शर्तों के तहत। यही है, यदि साइट रूट के लिए एक HTTP जीईटी आता है, तो इनपुट विधि को कॉल किया जाएगा, और यदि HTTP POST, तो पूर्वावलोकन करें।



कनेक्ट कॉल को प्रीव्यू कॉलिंग से अलग कैसे कहा जाता है?

कनेक्ट एक ऐसा तरीका है जो राउटर के लिए एक नियम जोड़ता है, लेकिन पूर्वावलोकन विधि मौजूद नहीं है।

रूबी के लिए यह एक सामान्य बात है, इस मामले में जब विधि मौजूद नहीं है, method_missing



है जिसमें आप उपयोगी चीजें कर सकते हैं। हमारे मामले में, निम्नलिखित होता है:

• राउटर टेबल पर एक नियम जोड़ा जाता है, जैसे कि हमने कनेक्ट कहा था
• preview_url
  
  
  
  url विधि बनाई गई है, जिसका उपयोग नियंत्रकों और विचारों में किया जा सकता है, इसे url कहा जाता है

अब आपको public/index.html



को हटाने या नाम बदलने की आवश्यकता है ताकि इस पेज के बजाय input



विधि को कॉल किया जाए और जांच लें कि यह वास्तव में कहा जाता है।

यह दर्शकों के लिए कुछ अधिक उपयोगी दिखाने का समय है।

चलिए input.rhtml



शुरू करते हैं, इसे निम्न कोड से बदलें:

  <code class = 'ruby' lang = 'ruby'> <% form_tag preview_url%>
 <% = text_area_tag: पाठ, @ स्रोत, आकार => '120x25'%>
 <% = submit_tag 'पूर्वावलोकन'%>
 <% अंत%> </ कोड> 

परिणाम एक पृष्ठ के साथ एक पृष्ठ होता है जिसे preview_url



अपलोड किया जाएगा, फॉर्म के अंदर एक टेक्स्ट बॉक्स और सबमिट करने के लिए एक बटन होगा। अब नीचे दिए गए टेक्स्ट को फॉर्मेट करने के लिए नीचे आते हैं।



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

टेक्सटाइल और मार्कडाउन का समर्थन करने के लिए , आपको RedCloth और Maruku स्थापित करना होगा।

  <कोड> $> रत्न रेडक्लोथ मारुकु </ कोड> स्थापित करें 

अब आपको कोड लिखने की आवश्यकता है जो पाठ को प्रारूपित करेगा। दुर्भाग्यवश, मैं लेख में कोड नहीं डाल सकता, क्योंकि हैबर इसे काट देता है, इसलिए किसी अन्य विंडो में formatting_controller.rb



को खोलना और इसे पढ़ते हुए स्विच करना बेहतर है। क्या है?

• require
  
  
  
  - आवश्यक रत्नों (मॉड्यूल, पैकेज) को जोड़ता है
• set_supported_formats
  
  
  
  - क्रिया के लिए कहा जाता है कि फिल्टर set_supported_formats
  
  
  
  लिए set_supported_formats
  
  
  
  विधि जोड़ता है
• params
  
  
  
  - अनुरोध में पारित मापदंडों के साथ हैश

के लिए किस set_supported_formats



गया था और इन सभी का क्या मतलब है?

शुरुआत में @



चिह्न वाले चर ऑब्जेक्ट के चर हैं जिनके लिए विधि को कहा जाता है - अर्थात, नियंत्रक। तथ्य यह है कि दृश्य में नियंत्रक के चर तक पहुंच होती है, जैसे कि यह अपने स्वयं के चर थे, इसलिए आमतौर पर नियंत्रक में चर सेट होते हैं और दृश्य में वे प्रतिपादन के लिए उपयोग किए जाते हैं। प्रीव्यू.rhtml में preview.rhtml



हम input.rhtml input.rhtml



को भी रेंडर करेंगे preview.rhtml



ताकि टेक्स्ट को एडिट किया जा सके, इसलिए @supported_formats



को दोनों व्यू में जरूरी होगा, कोड को डुप्लिकेट करने की तुलना में फ़िल्टर जोड़ना बेहतर है।



यह input.rhtml



में स्वरूपण प्रकार की पसंद को जोड़ने के लिए बना हुआ है:

  <code> <% = select_tag: select_format, options_for_select (@supported_formats, @selected_format)%> </ code> 

और preview.rhtml



लिखें। preview.rhtml



, फिर से, मैं यहां कोड नहीं रख सकता (एक div है, और इससे कोई फर्क नहीं पड़ता कि यह प्री :) के अंदर है।



पृष्ठ को तीन खंडों में विभाजित किया गया है:

• preview
  
  
  
  - स्वरूपित पाठ प्रदर्शित करता है
• source
  
  
  
  - सोर्स टेक्स्ट के साथ फॉर्म
• formated_text
  
  
  
  - स्वरूपित पाठ के साथ फ़ील्ड

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



, html



, head



, body



, जैसा कि होना चाहिए, और सीएसएस के साथ फ़ॉर्म को कंघी करें।



हमें एक पेज टेम्प्लेट की आवश्यकता होती है जिसमें हम व्यू रेंडर करने का परिणाम डाल सकते हैं, रेल में इसे layout



कहा जाता layout



।

आपको बस app/views/layouts



formatting.rhtml



जोड़ना है।



अब चलिए इनपुट फॉर्म - style.css



थोड़ा बेहतर बनाते हैं और इसे public/stylesheets



में डालते हैं।

आज के लिए बस इतना ही, पहला हिस्सा खत्म हो चुका है।

सख्ती से न्याय न करें, बहुत लंबे समय तक मैंने रूसी में नहीं लिखा था, रूबी में अधिक से अधिक :)



निश्चित रूप से, मेरे भ्रमित विवरण से, यह बहुत स्पष्ट नहीं है, लेख के माध्यम से मैंने देखा कि मैं समझता हूं कि कई प्रश्न होंगे। उदाहरण के लिए, form_for



या options_for_select



क्या है। जो लोग वास्तव में इसमें रुचि रखते हैं:

• यदि आप किसी अपरिचित शब्द से मिलते हैं - प्रलेखन के साथ एक अच्छी साइट पर जाएं और खोज में इस शब्द को लिखें
• यदि आपको पता नहीं है कि कुछ कैसे काम करता है, तो रेल पर एक किताब पढ़ें (यह इम्यूलेट में है) और सवाल पूछें

जो लोग यह देखना चाहते हैं कि मार्कडाउन के साथ चिह्नित पाठ कैसा दिखता है, लेख के स्रोत को देख सकता है।



आगे क्या हो सकता है?

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