🔔 💪🏿 💃🏼 शिकागोबॉस फ्रेमवर्क के साथ वेब विकास 🚖 👨🏼‍🎨 🧚🏽

"शिकागो बॉस डिजाइनरों, इंजीनियरों और इस पेजर आदमी द्वारा प्यार किया जाने वाला एक अपरिवर्तनीय वेब फ्रेमवर्क है।" - © chicagoboss.org

“Erlang दोष सहिष्णु वितरित अनुप्रयोगों के निर्माण के लिए एक भाषा है। यह उन कुछ कार्यात्मक भाषाओं में से एक है जो लंबे समय से व्यवहार में सफलतापूर्वक लागू की गई हैं। उदाहरण के लिए - टेलीकॉम (एरिक्सन AXD-301 स्विच), बैंकिंग सिस्टम, ऑटोमेशन सिस्टम, अत्यधिक लोड किए गए वेब एप्लिकेशन (फेसबुक चैट) में। उसी समय, एरलैंग एक खुला स्रोत उत्पाद है और इसे नि: शुल्क वितरित किया जाता है। ”- हमें रूसी भाषी समुदाय एर्लैंग की साइट बताता है।

इस पोस्ट का उद्देश्य Erlang प्रोग्रामर के दर्शकों का विस्तार करना है। यदि इससे पहले आपने सोचा था कि कार्यात्मक प्रोग्रामिंग का उपयोग घरेलू उद्देश्यों के लिए नहीं किया जा सकता है, तो यह आपके क्षितिज का विस्तार करने का समय है। यह पोस्ट मेरे एक मित्र के समर्थन से लिखी गई थी जो व्यक्तिगत रूप से इस ढांचे के निर्माता (इवान मिलर) को जानता था और जो हाल ही में इस भाषा का प्रशंसक रहा है।

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

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

प्रविष्टि
स्थापना
कार्य वातावरण की स्थापना (वैकल्पिक)
पहली परियोजना का निर्माण
एक DB के साथ काम करें
CRUD
इसके अलावा
परिणाम
साधन

प्रविष्टि

इस लेख में हम एक वेबसाइट बनाएंगे जो प्रविष्टियों को जोड़ने / हटाने / देखने / संपादित करने की क्षमता के साथ एक पता पुस्तिका होगी। यानी हम मानक CRUD को लागू करते हैं।

रुचि रखने वालों के लिए: पूरे विकास में लगभग 4-5 घंटे लगे, जिनमें इंस्टॉलेशन, ट्यूनिंग टूल और लर्निंग शामिल हैं।

कार्य को प्राप्त करने के लिए, निम्नलिखित उपकरणों का उपयोग किया गया था:
Ubuntu 11.10 32bit, Erlang R15B , ChicagoBoss MVC फ्रेमवर्क, MongoDB डॉक्यूमेंट-ओरिएंटेड डेटाबेस, Gedit with iskin's Gmate plugin package (Gedit अभी एक टेक्स्ट एडिटर है)।

मैक के लिए स्थापित करना उबंटू के लिए स्थापित करने से अधिक जटिल नहीं है। विंडोज के लिए एक अलग निर्देश है, लेकिन यह यहां दिए गए से बहुत अलग नहीं है। हो सकता है कि कुछ लोग ऐसे हों जो टिप्पणियों में विंडोज / मैक को स्थापित करने के अपने अनुभव को साझा करते हैं।

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

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

स्थापना

Erlang

सबसे पहले आपको एर्लांग नवीनतम संस्करण को स्थापित करने की आवश्यकता है। हम इस वेबसाइट पर जाते हैं और आपके ऑपरेटिंग सिस्टम के निर्देशों का पालन करते हैं। वहां आप वांछित वितरण डाउनलोड कर सकते हैं या आवश्यक रेपो देख सकते हैं।
मेरे पास Ubuntu 11.10 32 बिट है। इसके लिए कोई वितरण किट नहीं है, केवल 64-बिट के लिए। इसलिए मैंने सिर्फ Ubuntu 11.04 32 बिट के लिए वितरण डाउनलोड किया। इसमें कुछ विशेषताएं काम नहीं करती हैं, जैसे कि मौजूदा थ्रेड्स और प्रक्रियाओं के ग्राफिकल व्यूइंग ( एपमोन यूटिलिटी )।

लेकिन प्रशिक्षण, और यहां तक कि सामान्य परियोजनाओं का निर्माण, यह हस्तक्षेप नहीं करता है।
और हां, आप हमेशा स्रोत से ओएस के अपने संस्करण के लिए सही संस्करण का निर्माण कर सकते हैं :) मेरे दोस्त ने विभिन्न मशीनों के लिए 5 बार पहले ही अपने संस्करण एकत्र किए हैं: उबंटू और मैक। वह कहते हैं कि बेशक यह बवासीर है, लेकिन एक शाम में मास्टर करना संभव है।

आप समस्याओं के लिए Erlang-Solutions से भी संपर्क कर सकते हैं। वे कहते हैं कि लोग उत्तरदायी हैं।

फ़ाइल डाउनलोड करने और स्थापना शुरू करने के बाद, मुझे निम्नलिखित दिया गया:
installing esl-erlang 1:15.b
size - 63.8 mb

स्थापना के बाद, एप्लिकेशन का परीक्षण करने के लिए, कंसोल खोलें और erl कमांड लिखें। जो निम्नलिखित की तरह कुछ पैदा करता है:
Erlang R15B (erts-5.9) [source] [smp:2:2] [async-threads:0] [hipe] [kernel-poll:false]
Eshell V5.9

ChicagoBoss

आप बिना गिट के ढांचे को डाउनलोड कर सकते हैं, बस विकास पृष्ठ पर जाएं और नवीनतम संस्करण को खींच सकते हैं।

यदि आपके पास अभी तक यह नहीं है तो Git स्थापित करें:
apt-get install git-core
हमें शिकागोबॉस फ्रेमवर्क की एक प्रति मिलती है:
git clone git://github.com/evanmiller/ChicagoBoss.git

हम आपके रेपो की निर्देशिका में जाते हैं:
cd ChicagoBoss
हम संकलन करते हैं:
./rebar get-deps clean compile

एक नई परियोजना शुरू करने के लिए (आपको हमारे ढांचे की निर्देशिका में होना चाहिए):
make app PROJECT=your_project_name_here
तो:
cd ../your_project_name_here

डिबग (डेवलपर) मोड लॉन्च करने के लिए:
./init-dev.sh
उत्पादन में चलाने के लिए:
./init.sh start

संदेशों के रुकने की प्रतीक्षा करें। यदि कोई त्रुटि या क्रैश रिपोर्ट नहीं है, तो आप लोकलहोस्ट खोल सकते हैं: 8001
अब आप नए मॉडल, नियंत्रक, विचार बना सकते हैं और सर्वर को फिर से शुरू और पुनः आरंभ किए बिना परिणाम देख सकते हैं। कुछ मामलों में, रीकॉम्पिलेशन की आवश्यकता अभी भी है, उदाहरण के लिए, जब मार्ग बदलते हैं।
संकलन कमांड द्वारा आमंत्रित किया गया है:
./rebar compile

डिफ़ॉल्ट रूप से शिकागोबोस मिसल्टिन पर वेब सर्वर का उपयोग करता है और एप्लिकेशन बनाते समय, पोर्ट 8001 को कॉन्फ़िगरेशन में लिखा जाता है। यदि वांछित है, तो सर्वर को मोचीव्ब और संभवतः काउबॉय से बदला जा सकता है।

MongoDB

यहां सब कुछ बहुत सरल है। डाउनलोड और इंस्टॉल करें। उबंटू में सिर्फ एक टीम:
apt-get install mongodb

स्वास्थ्य का परीक्षण करने के लिए, आप कंसोल में एक कमांड दर्ज कर सकते हैं:
mongo
या
ps aux | grep mongo
आप लोकलहोस्ट: 28017 पर भी दस्तक देने की कोशिश कर सकते हैं। मूल पोर्ट जिस पर आमतौर पर मैंगो के साथ काम करते हैं, 27017 है। ब्राउज़र के लिए, डिफ़ॉल्ट 28017 है।

MongoDB सर्वर को नियंत्रित करने के लिए निम्न कमांड का उपयोग किया जाता है:
$ sudo status mongodb
$ sudo stop mongodb
$ sudo start mongodb
$ sudo restart mongodb

सर्वर के गलत तरीके से बंद हो जाने के बाद, उदाहरण के लिए, जब मशीन बंद हो जाती है / रिबूट होता है, जब डेटाबेस सर्वर शुरू होता है, तब भी यह बंद रहता है। यह विशेष रूप से लॉक फ़ाइल बनाकर किया जाता है। सर्वर को फिर से शुरू करने के लिए, आपको निम्नलिखित कार्य करने होंगे:
1. लॉक फाइल को डिलीट करें
2. रिकवरी स्क्रिप्ट चलाएँ

$ sudo rm /var/lib/mongodb/mongod.lock
$ sudo -u mongodb mongod -f /etc/mongodb.conf --repair

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

कार्य वातावरण की स्थापना (वैकल्पिक)

मैंने Gmate plugin पैकेज डाउनलोड किया। इनमें से, मैं वास्तव में अब तक केवल ज़ेन कोडिंग का उपयोग करता हूं। इस प्लगइन का उपयोग करने पर एक उत्कृष्ट ट्यूटोरियल इस वीडियो व्याख्यान में प्रस्तुत किया गया है। वास्तव में जीवन को सरल बनाता है।
मेरे एक मित्र ने कहा कि यह गरीबों के लिए एचएएमएल है , लेकिन इस परत का उपयोग अब तक "मुझे नहीं मिला" है।
और मैं स्निपेट्स ( स्निपेट्स ) का भी उपयोग करता हूं। यह प्लगइन Gedit के साथ आता है, लेकिन इसे डिफ़ॉल्ट रूप से बंद कर दिया जाता है। इसे सक्षम करने के लिए, संपादित करें -> प्राथमिकताएं -> प्लगइन्स -> स्निपेट्स पर जाएं।
इसका उपयोग करना आसान है, बस उपकरण खोलें -> स्निपेट प्रबंधित करें -> "your_language" और मौजूदा लोगों को संपादित करें या अपने स्वयं के स्निपेट जोड़ें। उनके साथ काम करने के निर्देश यहां दिए गए हैं । मुझे उन्हें पार्स करने में लगभग 3 मिनट लगे और फिर अपना खुद का बनाने के लिए 15 मिनट। लेकिन फिर div की तरह कुछ लिखना कितना सुविधाजनक है, टैब पर क्लिक करें और निम्नलिखित प्राप्त करें:

 <div> </div>

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

और हाँ, Emacs, Notepad ++ के लिए समान प्लगइन्स हैं, और अन्य संपादकों के एक समूह के लिए भी।

पहली परियोजना का निर्माण

सब कुछ दिया जाता है, सब कुछ काम करता है। आप अपनी वेबसाइट बनाना शुरू कर सकते हैं। हम शिकागोबॉस के साथ डायरेक्टरी में जाते हैं और कमांड लिखते हैं:
make app PROJECT=addressbook

हां, परियोजना का नाम एक वैध परमाणु होना चाहिए। परमाणु एक नामित नाम है। नाम केवल एक छोटे अक्षर से शुरू होना चाहिए, नाम में केवल अक्षर, संख्या और अंडरस्कोर हो सकता है।

होम डायरेक्टरी में डिफ़ॉल्ट रूप से फ्रेमवर्क एक नई निर्देशिका बनाता है। पूरी परियोजना अंदर है, अगर किसी को स्थानांतरित करने / परियोजना को हटाने की इच्छा है, तो यह इस निर्देशिका के साथ पर्याप्त हेरफेर होगा। हमारी परियोजना की नई बनाई गई निर्देशिका पर जाएं
cd ../addressbook

हमारे सभी कोड / संसाधन src डायरेक्टरी में हैं। सामान्य संरचना:

Src निर्देशिका संरचना:

संसाधन फाइलें (जावास्क्रिप्ट, सीएसएस, मीडिया फाइलें) / निजी / स्थिर / में हैं । स्टाइलशीट कनेक्शन इस तरह दिखेगा:

 <link rel="stylesheet" href="/static/css/style.css" type="text/css" charset="utf-8" />

हम बॉस को संपादित करते हैं ।config, डेटाबेस के बारे में डेटा जोड़ें:
{db_host, "localhost"},
{db_port, 27017},
{db_adapter, mongodb},
{db_database, पता पुस्तिका},
{db_write_mode, safe},
{db_read_mode, मास्टर},

यहाँ मेरा विन्यास है (और सिर्फ पर्यावरण):

पहली बार मैंने शब्द पुस्तिका को गलत तरीके से लिखा था, मुझे बाद में सही नाम के साथ आवेदन को फिर से बनाना पड़ा, क्योंकि नाम के साथ बहुत कुछ जुड़ा हुआ है।

इसके बाद, src / model / में address.erl फ़ाइल बनाएं। डेटाबेस तक पहुंचने के लिए यह आवश्यक है। यह मेरे लिए इस तरह दिखता है:

 -module(address, [Id, Firstname, Lastname, Address1, Address2, City, State, Country, Active, CreationTime, ModifictionTime ]). -compile([export_all]).

आइए addressbook_main_controller.erl ( appname_controllername_controller ) नाम का एक नियंत्रक बनाएं और निम्नलिखित कोड को अंदर लिखें:

 -module(addressbook_main_controller, [Req, SessionID]). -compile([export_all]). index('GET', [])->{ok, [{data, "Hello World"}]}.

सूचकांक हमारा कार्य है
"->" के बाद सब कुछ फ़ंक्शन का शरीर है।
यह फ़ंक्शन GET अनुरोध का जवाब देगा और सफल प्रसंस्करण पर, डेटा स्ट्रिंग में हमारी स्ट्रिंग लौटाएगा।
ठीक है - इसका मतलब है कि सब कुछ ठीक हो गया। त्रुटि को संभालने के लिए, शब्द त्रुटि का उपयोग किया जाता है। यह इस तरह लग सकता है:

 index('GET', [])-> {ok, [{data, "Hello World"}]}; {error, Reason}-> Reason.

पृष्ठ पर दिए गए मान को प्रदर्शित करने के लिए, आपको हमारे विचार में {{data}} टैग जोड़ना होगा। जाँच करने के लिए, / src / view / main / निर्देशिका में हमारी पहली html फ़ाइल बनाएँ। चलो इसे index.html कहते हैं:

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>My addressbook</title> </head> <body> <form> <div id="main"> {{data}} </div> </form> </body> </html>

अंतिम स्पर्श मार्गों की स्थापना कर रहा है। फ़ाइल खोलें /priv/addressbook.routes और अपना नया मार्ग जोड़ें (डिफ़ॉल्ट रूप से हमारे पास अभी तक कोई मार्ग नहीं है, सभी पंक्तियों पर टिप्पणी की गई है):

 {"/", [{controller, "main"}, {action, "index"}]}.

हमारे आवेदन संकलन ।/rebar संकलन
और चला ।/init-dev.sh

यदि अब ब्राउज़र पर जाएं और लोकलहोस्ट: 8001 खोलें, तो आप हमारी हैलो वर्ल्ड देख सकते हैं।
बदलते मार्गों को छोड़कर सभी बाद के बदलाव, सर्वर को फिर से शुरू और पुनः आरंभ किए बिना लागू किए जाएंगे, अर्थात। मक्खी पर।

मार्गों के बारे में: आप सख्ती से बता सकते हैं कि किस पते पर कौन सा नियंत्रक और कॉल करने का तरीका है। या आप पते में फ़ॉर्म / [नियंत्रक नाम] / [क्रिया नाम] का पूरा पथ निर्दिष्ट कर सकते हैं। यानी हमारे मामले में, हमारे पास मुख्य नाम का एक नियंत्रक है। यदि हम अपने कंट्रोलर में एक नया तरीका जोड़ते हैं, तो हम इसे स्थानीयहोस्ट: 8001 / मेन / क्रिएट से संपर्क करके कॉल कर सकते हैं। या निम्नलिखित मार्ग निर्दिष्ट करना:

 {"/create", [{controller, "main"}, {action, "create"}]}.

और फिर कॉल लोकलहोस्ट की तरह दिखेगा: 8001 / create

एक DB के साथ काम करें

हमारे डेटाबेस का कनेक्शन पहले ही हो चुका है। जब वेब सर्वर चल रहा हो तब आप कंसोल में प्रश्नों को निष्पादित भी कर सकते हैं। ऐसा करने के लिए, बस कंसोल पर जाएं, जहां हम एप्लिकेशन लॉन्च करने के लिए कमांड चलाते हैं ।/init-dev.sh, दबाएं, उदाहरण के लिए, एक नई खुली लाइन में प्रवेश करें और दर्ज करें, उदाहरण के लिए:

 boss_db:find(address, []).

यह कमांड एड्रेस मॉडल से जुड़ी सभी प्रविष्टियों को प्रदर्शित करता है। अब वहां कोई रिकॉर्ड नहीं है (या डिफ़ॉल्ट रूप से एक खाली है)।
आप बॉस_डब दर्ज कर सकते हैं : टैब दबाएं और उपलब्ध कमांड देखें।

[] - का अर्थ है "पैरामीटर"। यदि ब्रैकेट खाली हैं, तो आप 0 पैरामीटर पास करते हैं। खोज आदेश के मामले में, आप उन प्रविष्टियों की एक सूची प्राप्त कर सकते हैं जिनके लिए firstname = "ivan"

 boss_db:find(address, [{firstname, "ivan"}]).

कंसोल में, आप कई उपयोगी कमांड निष्पादित कर सकते हैं, और न केवल डेटाबेस के साथ।

CRUD

और इसलिए, हमारा मॉडल काम करने के लिए तैयार है, अब नियंत्रक में आप नए फ़ंक्शन जोड़ सकते हैं। नई प्रविष्टियों को जोड़ने के लिए एक फ़ंक्शन बनाएँ:

 create('GET', [])->ok; create('POST', [])-> Firstname = Req:post_param("firstname"), Lastname = Req:post_param("lastname"), Address1 = Req:post_param("address1"), Address2 = Req:post_param("address2"), City = Req:post_param("city"), State = Req:post_param("state"), Country = Req:post_param("country"), Active = Req:post_param("active"), CreationTime = erlang:now(), ModificationTime = erlang:now(), NewAddress = address:new(id, Firstname, Lastname, Address1, Address2, City, State, Country, Active, CreationTime, ModificationTime), case NewAddress:save() of {ok, SavedAddress}-> {redirect, [{action, "index"}]}; {error, Reason}-> Reason end.

मुझे लगता है कि प्रोग्रामर के लिए कोड पढ़ना मुश्किल नहीं है, इसलिए मैं यहां कुछ भी नहीं समझाऊंगा। मैं केवल इतना ही कह सकता हूं कि आईडी अपने आप बन जाती है।
आईडी एक आरक्षित शब्द है।
Id - तो आप अपने वैरिएबल को कॉल कर सकते हैं।
हां, भाषा संवेदनशील है।

अब इस विधि के लिए एक html फ़ाइल बनाएँ। इसे कॉल करें। html:

 <!DOCTYPE html> <html> <head> <title>My addressbook</title> </head> <body> <form method="post"> <header></header> <div id="main"> <table> <tr><td>Frist name</td> <td><input type="text" id="firstname" name="firstname" size="45" maxlength="255" value="" /></td></tr> <tr><td>Last name</td> <td><input type="text" id="lastname" name="lastname" size="45" maxlength="255" value="" /></td></tr> <tr><td>Address1</td> <td><input type="text" id="address1" name="address1" size="45" maxlength="255" value="" /></td></tr> <tr><td>Address2</td> <td><input type="text" id="address2" name="address2" size="45" maxlength="255" value="" /></td></tr> <tr><td>City</td> <td><input type="text" id="city" name="city" size="45" maxlength="255" value="" /></td></tr> <tr><td>State</td> <td><input type="text" id="state" name="state" size="45" maxlength="255" value="" /></td></tr> <tr><td>Country</td> <td><input type="text" id="country" name="country" size="45" maxlength="255" value="" /></td></tr> <tr><td>Active</td> <td><input type="checkbox" id="active" name="active" value="true" /></td></tr> </table> <button type="submit">Submit</button> </div> </form> </body> </html>

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

हमारे डेटाबेस में सभी रिकॉर्ड देखने के लिए एक और फ़ंक्शन जोड़ें (अधिक सटीक रूप से, पहले लिखे गए इंडेक्स फ़ंक्शन को बदलें):

 index('GET', [])->Addresses = boss_db:find(address, []), {ok, [{addresses, Addresses}]}.

हमारे index.html पेज का कोड भी बदलें:

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>My addressbook</title> </head> <body> <form method="post"> <header></header> <div id="main"> <table cellspacing="0" cellpadding="0"> <tr> <th>First name</th> <th>Last name</th> <th>City</th> <th>Address1</th> <th>Address2</th> <th>State</th> <th>Country</th> <th>Active</th> </tr> {% if addresses %} {% for address in addresses %} <tr> <td>{{address.firstname}}</td> <td>{{address.lastname}}</td> <td>{{address.city}}</td> <td>{{address.address1}}</td> <td>{{address.address2}}</td> <td>{{address.state}}</td> <td>{{address.country}}</td> <td>{{address.active}}</td> </tr> {% endfor %} {% endif %} </table> </div> </form> </body> </html>

शिकागोबॉस ने ErlyDTL लाइब्रेरी के माध्यम से Django टेम्पलेट सिस्टम का उपयोग किया है। Django टेम्पलेट भाषा ।

अब, जब पते / मुख्य / और / मुख्य / बनाने पर पहुँच प्राप्त करते हैं, तो आपको डेटाबेस से सूचना के इनपुट और आउटपुट के साथ 2 रूप प्राप्त होंगे।

किसी रिकॉर्ड को हटाने (हटाने) के लिए, हमारे नियंत्रक में निम्नलिखित फ़ंक्शन पर्याप्त होंगे:

 delete('GET', [Id])-> boss_db:delete(Id), {redirect, [{action, "index"}]}.

यह केवल इसे लोकलहोस्ट कहलाने के लिए बना रहता है : 8001 / मुख्य / डिलीट / [आईडी]

रिकॉर्ड दिखाने के लिए (शो), इस फंक्शन को कंट्रोलर में जोड़ें:

 show('GET', [Id])-> Address = boss_db:find(Id), {ok, [{address, Address}]}.

दृश्य फ़ाइल शो बनाएं। html:

 <!DOCTYPE html> <html> <head> <title>My addressbook</title> </head> <body> <form method="post"> <div id="main"> <table cellspacing="0" cellpadding="0"> {% if address %} <tr><td>First name</td><td>{{address.firstname}}</td></tr><tr> <td>Last name</td><td>{{address.lastname}}</td></tr><tr> <td>City</td><td>{{address.city}}</td></tr><tr> <td>Address1</td><td>{{address.address1}}</td></tr><tr> <td>Address2</td><td>{{address.address2}}</td></tr><tr> <td>State</td><td>{{address.state}}</td></tr><tr> <td>Country</td><td>{{address.country}}</td></tr><tr> <td>Modification time</td><td>{{address.modification_time}}</td></tr><tr> <td>Creation time</td><td>{{address.creation_time}}</td></tr><tr> <td>Active</td><td>{{address.active}}</td></tr> {% endif %} </table> </div> </form> </body> </html>

रिकॉर्ड का संपादन बनाना और दिखाना का मिश्रण है। हमारे नियंत्रक में दो और कार्य जोड़ें:

 edit('GET', [Id])-> Address = boss_db:find(Id), {ok, [{address, Address}]}; edit('POST', [Id])-> Address = boss_db:find(Id), NewAddress = Address:set([{firstname, Req:post_param("firstname")}, {lastname, Req:post_param("lastname")}, {address1, Req:post_param("address1")}, {address2, Req:post_param("address2")}, {city, Req:post_param("city")}, {state, Req:post_param("state")}, {country, Req:post_param("country")}, {active, Req:post_param("active")}, {modification_time, erlang:now()}]), case NewAddress:save() of {ok, SavedAddress}-> {redirect, [{action, "index"}]}; {error, Reason}-> Reason end.

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

 <!DOCTYPE html> <html> <head> <title>My addressbook</title> </head> <body> <form method="post"> <table cellspacing="0" cellpadding="0"> {% if address %} <tr><td>First name</td><td><input type="text" id="firstname" name="firstname" size="45" maxlength="255" value="{{address.firstname}}" /></td></tr><tr> <td>Last name</td><td><input type="text" id="lastname" name="lastname" size="45" maxlength="255" value="{{address.lastname}}" /></td></tr><tr> <td>City</td><td><input type="text" id="city" name="city" size="45" maxlength="255" value="{{address.city}}" /></td></tr><tr> <td>Address1</td><td><input type="text" id="address1" name="address1" size="45" maxlength="255" value="{{address.address1}}" /></td></tr><tr> <td>Address2</td><td><input type="text" id="address2" name="address2" size="45" maxlength="255" value="{{address.address2}}" /></td></tr><tr> <td>State</td><td><input type="text" id="state" name="state" size="45" maxlength="255" value="{{address.state}}" /></td></tr><tr> <td>Country</td><td><input type="text" id="country" name="country" size="45" maxlength="255" value="{{address.country}}" /></td></tr><tr> <td>Active</td><td><input type="checkbox" id="active" name="active" value="{{address.active}}" /></td></tr> {% endif %} </table> <button type="submit">Submit</button> </form> </body> </html>

खैर यह सब है, हमारा CRUD तैयार है।

इसके अलावा

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

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

व्यवस्थापक पैनल को किसी भी नई साइट पर स्थापित किया जा सकता है, वहां यह 5 मिनट के लिए काम करता है।

और टेम्प्लेट के साथ भी खेला जाता है। नतीजतन, मुझे एक मास्टर टेम्पलेट मिला जो इस तरह दिखता है:

 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="/static/css/style.css" type="text/css" charset="utf-8" /> <title>{% block title %}My amazing site{% endblock %}</title> {% block res %} {% endblock %} </head> <body> <header> {% if person %} Hello, {{person.name}} (<a href="/user/logout">Quick, Log Me Out!</a>) <br /> {% endif %} Your IP: {{ip}} </header> <nav> <ul class="nav"> <li class="nav"><a href="/">Home</a></li> <li class="nav"><a href="/create">Create</a></li> <li class="nav"><a href="/chat/live/public">Chat</a></li> <li class="nav"><a href="/user/login">Login</a></li> <li class="nav"><a href="/user/showall">Users</a></li> </ul> </nav> <section> {% block content %}{% endblock %} </section> <footer> {% block footer %}{% endblock %} </footer> </body> </html>

और इसलिए अब मेरा show.html इस तरह दिखता है:

 {% extends "layout/application.html" %} {% block title %}My addressbook{% endblock %} {% block content %} <table cellspacing="0" cellpadding="0"> {% if address %} <tr><td>First name</td><td>{{address.firstname}}</td></tr><tr> <td>Last name</td><td>{{address.lastname}}</td></tr><tr> <td>City</td><td>{{address.city}}</td></tr><tr> <td>Address1</td><td>{{address.address1}}</td></tr><tr> <td>Address2</td><td>{{address.address2}}</td></tr><tr> <td>State</td><td>{{address.state}}</td></tr><tr> <td>Country</td><td>{{address.country}}</td></tr><tr> <td>Modification time</td><td>{{address.modification_time}}</td></tr><tr> <td>Creation time</td><td>{{address.creation_time}}</td></tr><tr> <td>Active</td><td>{{address.active}}</td></tr> {% endif %} </table> {% endblock %}

यह एक फ्रेम और विभिन्न सामग्री को बदल देता है।
आप आधिकारिक वेबसाइट पर Django टेम्प्लेट के बारे में अधिक पढ़ सकते हैं, लिंक नीचे दिए गए संसाधनों में है।

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

परिणाम

यहां दो दिन बाद सर्वर के नतीजे आएंगे।

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

UPD: 30 मार्च को ही हैब्रैफेक्ट देखा गया था। शेष दिनों में, विज़िट किए गए उपयोगकर्ताओं को उंगलियों पर गिना जा सकता है।
Google Analytics और मेरे स्थानीय लॉग प्रति दिन के अनुसार:
- साइट पर 1489 उपयोगकर्ताओं द्वारा दौरा किया गया था
- पृष्ठ विचार - 9070
- डेटाबेस क्वेरी - 43051
- एक ही समय में चैट में उपयोगकर्ताओं की अधिकतम संख्या ~ 100

यदि जावास्क्रिप्ट कोड के साथ उपनामों द्वारा चैट नहीं डाली गई थी, तो अधिक अनुरोध हो सकते हैं।

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

साधन

परीक्षा स्थल से लिंक करें
स्रोत से लिंक करें

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

इवान का निर्देशात्मक वीडियो: एपिसोड 1 , एपिसोड 2 , एपिसोड 3
Erlang के साथ प्रतिस्पर्धी प्रोग्रामिंग । प्रशिक्षण के लिए अच्छी वीडियो सामग्री।

रूबी ऑन रेल्स और शिकागोबॉस के बीच अंतर
Nodejs और Erlang की तुलना
एक लाख उपयोगकर्ताओं की सेवा कैसे करें!

Django टेम्पलेट भाषा । Django टेम्पलेट सिस्टम।

शिकागोबॉस गूगल ग्रुप

शिकागोबॉस फ्रेमवर्क के साथ वेब विकास