अरे, कैसे हो? मैं 18 साल का एक बैकएंड डेवलपर और एक महत्वाकांक्षी मशीन लर्निंग इंजीनियर हूं। और इस लेख में, मैं Python का उपयोग करके अपने फोन पर वेब ऐप बनाने के बारे में लिखने जा रहा हूं 😁। इसमें गोता लगाते हैं।
आवश्यकताएं
यहां हमें पहली चीज चाहिए एक Android फोन, कम से कम संस्करण 6.0 और ऊपर। लेकिन क्या होगा अगर मैंने आपको बताया कि बस इतना ही चाहिए? सच होने के लिए बहुत अच्छा लगता है।
अब अगली चीज जो हमें करने की आवश्यकता है वह है अपने फोन पर Pydroid3 नामक एक मोबाइल एप्लिकेशन इंस्टॉल करना।
जैसा कि आप देख सकते हैं, Pydroid3 एक मोबाइल एप्लिकेशन है जो आपको अपने मोबाइल फोन पर Python लिखने देता है, तो आगे बढ़ें और इसे इंस्टॉल करें।
अगली चीज जो हमें करने की आवश्यकता है वह है Django इंस्टॉल करना। यदि आप Django से परिचित नहीं हैं, तो कृपया यहां Django डॉक्स देखें।
Django इंस्टॉल करने के लिए हमें अपने Pydroid3 में साइड नेविगेशन खोलना होगा और Terminal चुनना होगा:
फिर उस पर क्लिक करें और हमें यह देखना चाहिए:
एक बार यह हो जाने के बाद आपको बस निम्न कमांड टाइप करना है:
pip install djangoऔर आपको नीचे दिया गया परिणाम मिलना चाहिए। मुझे "requirements satisfied" संदेश मिल रहा है क्योंकि मेरे पास यह पहले से इंस्टॉल है।
यह सफलतापूर्वक इंस्टॉल हो गया है, लेकिन आइए इसकी पुष्टि करें। टर्मिनल में django-admin टाइप करें और एंटर दबाएं।
आपको यह मिलना चाहिए:
इसका मतलब है कि यह वास्तव में पहले से इंस्टॉल है।
अपना प्रोजेक्ट कैसे बनाएं
तो आइए अपना प्रोजेक्ट बनाना शुरू करें। अपना टर्मिनल खोलें और निम्न कमांड टाइप करें:
django-admin startproject myapp
यह आपके रूट फोल्डर में myapp नामक एक Django एप्लिकेशन बनाता है।
इसमें cd करके डायरेक्टरी बदलें cd myapp और python manage.py runserver टाइप करें। फिर आपको यह मिलना चाहिए:
अब सर्वर शुरू हो गया है। अगला, ब्राउज़र में 127.0.0.1:8000 पर जाकर इसे टेस्ट करें।
और बम! आपको देखना चाहिए कि Django सफलतापूर्वक सेटअप हो गया है।
अगली चीज जो हमें करने की आवश्यकता है वह है अपना Django ऐप बनाना। Django में, प्रोजेक्ट फोल्डर रूट के रूप में कार्य करता है जबकि ऐप एप्लिकेशन के रूप में कार्य करता है।
Django ऐप बनाने के लिए, सुनिश्चित करें कि आप अभी भी डायरेक्टरी में हैं, फिर python manage.py startapp todo टाइप करें। यह हमारे myapp प्रोजेक्ट में इस तरह एक To-do ऐप बनाता है:
फिर todo फोल्डर के अंदर हमें ऐसा कुछ देखना चाहिए:
जब हम उनके साथ काम करना शुरू करेंगे तो हम फाइलों पर आगे नज़र डालेंगे।
अपने एप्लिकेशन को कैसे कॉन्फिगर करें
अब आइए ऐप के लिए Django प्रोजेक्ट द्वारा सेवा देना संभव बनाएं। सबसे पहले, myapp फोल्डर में अपनी settings.py फाइल खोलें और इंस्टॉल्ड ऐप्स में 'todo' जोड़ें जैसे:
अगला हमें अपना urls.py खोलना होगा और अपने कोड में निम्नलिखित जोड़ना होगा:
from django.urls import path, include path('', include('todo.urls'))
वास्तव में क्या हुआ था कि मैंने django.urls से import path में include जोड़ा। और path (admin) के नीचे, हमने एक खाली पथ बनाया जो todo ऐप डायरेक्टरी में urls.py फाइल को इंगित करता है या शामिल करता है। मुझे आशा है कि यह स्पष्ट है।
अब हमें todo फाइल डायरेक्टरी में urls.py नामक एक नई फाइल बनाने की आवश्यकता है और इसमें निम्न कोड जोड़ें:
from django.urls import path from . import views urlpatterns = [ path('', views.index, name='home') ]
हमने Django.urls से path इंपोर्ट किया और रूट डायरेक्टरी से views भी इंपोर्ट किया। फिर हमने पहले भाग को रूट लिंक के रूप में अपने urlpatterns बनाए। जैसा कि आप देख सकते हैं, views.index का मतलब है कि हम इस व्यू को views.py फाइल में index फंक्शन की ओर इंगित कर रहे हैं। आप देखेंगे कि यह एक पल में कैसे काम करता है।
आइए आगे बढ़ें हमारे views.py फाइल पर और कुछ कोड जोड़ें।
शीर्ष पर, HttpResponse इस तरह इंपोर्ट करें:
from django.http import HttpResponse
और इसके नीचे यह जोड़ें:
def index(request): return HttpResponse('Hello')
जैसा कि आप देख सकते हैं, हमने index फंक्शन बनाया जिसे हमने अपने urls.py में बुलाया था और हमने इसमें एक request पैरामीटर पास किया। फिर हमने एक HttpResponse लौटाया।
लेकिन HttpResponse काम करने से पहले, हमें इसे django.http import HttpResponse से इंपोर्ट करना होगा – ABC जितना सरल। आइए इसे आजमाएं: अपना टर्मिनल खोलें और myapp में cd करें और इसे टेस्ट करने के लिए python manage.py runserver टाइप करें।
जैसा कि आप देख सकते हैं, इसने प्रतिक्रिया लौटाई। तो अगला हम अपने टेम्पलेट HTML फाइलों को लोड करेंगे।
अपनी HTML फाइलों को लोड करने के लिए हमें todo डायरेक्टरी में इस क्रम में एक फोल्डर बनाने की आवश्यकता है:
todo/templates/todo
todo डायरेक्टरी में, templates नामक एक फोल्डर बनाएं। उस फोल्डर के अंदर, todo नामक एक फोल्डर बनाएं, बस इतना ही।
फिर आगे बढ़ें और index.html नामक एक साधारण HTML फाइल बनाएं और इसमें यह लिखें:
<h1>Hello world</h1>
इसे लोड करने के लिए, अपने views.py कोड को इस तरह बनाएं:
def index(request): return render(request, 'todo/index.html')
अब प्रतिक्रिया लौटाने के बजाय हमने एक रेंडर व्यू लौटाया जो हमें अपने HTML टेम्पलेट को रेंडर करने की अनुमति देता है, अब इसे सेव करें, अपना टर्मिनल खोलें, myapp में cd करें और इसे चलाएं। हमें यह होना चाहिए
जैसा कि आप देख सकते हैं यह अच्छी तरह से काम करता है - अगले चरण पर।
स्टैटिक फाइलों को कैसे सेट अप करें
अब स्टैटिक फाइलों को सेट अप करने के लिए, अपने todo डायरेक्टरी में एक नया फोल्डर बनाएं और इसे static नाम दें। उस फोल्डर के अंदर, एक फोल्डर बनाएं और इसे todo नाम दें।
तो यह ऐसा होना चाहिए: /static/todo/।
todo डायरेक्टरी में, एक फाइल बनाएं और इसे main.css नाम दें। फिर आइए इसमें थोड़ी स्टाइलिंग लिखें:
body { background-color: red; }और इसे सेव करें।
अब आइए अपनी index.html फाइल को इस कोड को लिखकर फिर से संपादित करें:
{% load static %} <!Doctype html> <html> <head> <title>My page</title> <link rel="stylesheet" href="{% static 'todo/main.css' %}" > </head> <body> Hello </body> </html>
और अब चलाते हैं:
यदि आप मेरे साथ फॉलो कर रहे हैं, तो आपके पास उपरोक्त होना चाहिए।
मॉडल और एडमिन पैनल को कैसे लोड करें
अब हमारे एडमिन पैनल को लोड करने के लिए, हमें एक सुपरयूजर बनाना होगा। यह करना सरल है – बस अपना टर्मिनल खोलें और myapp फोल्डर में cd करें फिर python manage.py createsuperuser टाइप करें और एंटर दबाएं। आपको यह देखना चाहिए:
हमें एक त्रुटि मिलती है क्योंकि हमने अभी तक python manage.py migrate नहीं चलाया है। तो इसे टाइप करें और एंटर दबाएं, और आपके पास ऐसा कुछ होना चाहिए:
अब python manage.py createsuperuser टाइप करें और एंटर दबाएं:
बस क्रेडेंशियल भरें। अगली चीज जो हमें करने की आवश्यकता है वह है अपना सर्वर चलाना और 127.0.0.1:8000/admin पर इंगित करना।
लॉगिन करें और आपको डैशबोर्ड पर निर्देशित किया जाएगा:
अब जब हमने एडमिन पैनल कर लिया है, तो आइए मॉडल (डेटाबेस) के साथ काम करें। हम एक मॉडल बनाएंगे जो कंटेंट एकत्र करता है। तो अपना models.py फाइल खोलें और यह कोड टाइप करें:
class Post(models.Model): content = models.CharField(max_length=255, null=False) def __str__(self): return self.content
हम एक क्लास बनाते हैं जिसमें models.Model पैरामीटर होता है और एक वेरिएबल content देता है जो CharField() रखता है, टेक्स्ट फील्ड की तरह। अंत में हम एक मैजिक str बनाते हैं जो ऑब्जेक्ट के बजाय मॉडल का नाम लौटाता है।
तो अगला हमें माइग्रेशन चलाने की आवश्यकता है। अपना टर्मिनल खोलें, myapp में cd करें, और python manage.py makemigrations टाइप करें। आपको यह देखना चाहिए:
इसका मतलब है कि इसने हमारे डेटाबेस में Post टेबल बना दी है। फिर python manage.py migrate भी चलाएं जिसके परिणामस्वरूप निम्न होगा:
इसका मतलब है कि सब स्पष्ट है। अब इसे एडमिन पेज पर जोड़ने के लिए, admin.py खोलें और यह कोड टाइप करें:
from .models import * admin.site.register(Post)
हमने मॉडल से सभी मॉडल क्लास इंपोर्ट कीं और एडमिन पैनल में Post मॉडल को रजिस्टर किया। अब अगर हम एडमिन पैनल खोलते हैं तो हमें Post दिखाई देना चाहिए और कुछ डेटा सेव करना चाहिए।
ध्यान दें कि यह अब todo ऐप सूची में है:
इस पर क्लिक करने के बाद आपको यह देखना चाहिए:
फिर यदि आप चाहें तो एक पोस्ट बना सकते हैं।
DB से व्यू में डेटा कैसे रेंडर करें
अंत में हम अपने डेटा को DB से लाएंगे। ऐसा करने के लिए हमें अपने views.py को निम्नानुसार अपडेट करने की आवश्यकता है:
from .models import * def index(request): content = Post.objects.all() context = {'content': content} return render(request, 'todo/index.html', context)
यह उतना ही सरल है: हमने models.py से सभी इंपोर्ट किए, content नामक एक वेरिएबल बनाया, और Post टेबल से सभी डेटा प्राप्त किया। फिर हमने इसे अपने व्यू में डिक्शनरी के रूप में पास किया। तो हमारे index.html में इसे काम करने के लिए बस यह जोड़ें:
{% for contents in content %} {{content.content}} {% endfor %}
यहां, हमने टेम्पलेट टैग का उपयोग करके एक लूप लिखा और सभी डेटा कंटेंट प्राप्त किया। अब अपना टर्मिनल खोलें, myapp में cd करें, और सर्वर चलाएं ताकि जादू देख सकें:
यह काम करता है, लेकिन आइए पुष्टि करें कि यह करता है:
और परिणाम निम्न होना चाहिए:
वियोला – यह ठीक काम करता है। अंत में आप इसे अधिक स्पष्ट रूप से पढ़ने के लिए एक लाइन ब्रेक जोड़ सकते हैं। और हम हो गए!
पढ़ने के लिए धन्यवाद। यदि आप गहन Django ट्यूटोरियल से गुजरना चाहते हैं तो कृपया मेरा YouTube चैनल Devstack देखें और सब्सक्राइब करें।
