راه اندازی وبسایت به کمک پایتون Python

برای طراحی وبسایت با پایتون، مسیرهای مختلفی وجود داره، ولی به طور کلی شما باید با چند مفهوم و ابزار کلیدی آشنا بشید. ما در مجله رادیب یک راهنمای گام به گام برای شروع بهتون ارائه می‌دیم با مجله رادیب تا پایان این مقاله جذاب همراه باشید

1. پیش‌نیازها:

• آشنایی با پایتون: قبل از هر چیز، باید با اصول اولیه پایتون مثل متغیرها، حلقه‌ها، توابع و کلاس‌ها آشنایی داشته باشید. اگر تازه شروع کردید، منابع آموزشی آنلاین زیادی برای یادگیری پایتون وجود داره.
• مفاهیم پایه وب: داشتن درک کلی از مفاهیم وب مثل HTTP، درخواست‌ها و پاسخ‌ها (requests and responses)، و HTML/CSS هم ضروریه.

از اینجا چند آموزش مقدماتی رایگان برای پایتون براتون منتشر کردیم، حتما ببینید. یا این آموزش تصویری رو تهیه کنید.

2. انتخاب فریم‌ورک وب:

پایتون فریم‌ورک‌های وب قدرتمندی داره که فرآیند توسعه رو خیلی ساده‌تر و سریع‌تر می‌کنن. دو تا از محبوب‌ترین‌ها این‌ها هستن:

• Django:
  • مزایا: فریم‌ورک فول استک (full-stack)، برای پروژه‌های بزرگ و پیچیده مناسبه، ساختار مشخص و سازمان‌یافته‌ای داره، امکانات زیادی مثل ORM، سیستم مدیریت کاربر (user authentication)، و template engine ارائه میده، انجمن کاربری بزرگی داره و منابع آموزشی زیادی براش موجوده.
  • معایب: ممکنه برای پروژه‌های کوچیک یکم سنگین و پیچیده به نظر برسه.
  • چه زمانی استفاده کنیم: وقتی پروژه شما به امکانات گسترده‌ای مثل سیستم مدیریت دیتابیس، پنل ادمین، و سیستم احراز هویت نیاز داره.
• Flask:
  • مزایا: فریم‌ورک مینیمال و سبک، بسیار انعطاف‌پذیر، مناسب برای پروژه‌های کوچیک و متوسط، یادگیری آسون‌تر.
  • معایب: امکانات کمتری نسبت به Django داره و برای توسعه پروژه‌های بزرگ ممکنه نیاز به نصب و پیکربندی کتابخانه‌های بیشتری داشته باشه.
  • چه زمانی استفاده کنیم: وقتی یک وبسایت کوچیک با منطق ساده دارید، یا می‌خواید یک API بسازید.

3. شروع کار:

• انتخاب فریم‌ورک: با توجه به نوع پروژه‌تون، یکی از فریم‌ورک‌ها (Django یا Flask) رو انتخاب کنید.

• نصب فریم‌ورک: با استفاده از pip فریم‌ورک مورد نظرتون رو نصب کنید:

  # برای نصب Django
  pip install django
  
  # برای نصب Flask
  pip install flask
  

   

• مطالعه مستندات: حتماً مستندات رسمی فریم‌ورک رو بخونید. Django و Flask هر دو مستندات خیلی خوبی دارن.

• ساخت پروژه: با استفاده از دستورات مخصوص فریم‌ورک، یک پروژه جدید ایجاد کنید.

  • Django:

    django-admin startproject myproject
    cd myproject
    python manage.py startapp myapp
    

     

  • Flask:

    # در یک فایل به نام app.py این کد رو بنویسید
    from flask import Flask
    
    app = Flask(__name__)
    
    @app.route("/")
    def hello():
        return "Hello, World!"
    
    if __name__ == "__main__":
        app.run(debug=True)
    

     

• ساخت اولین صفحه: اولین صفحه وب خودتون رو با HTML بسازید و با استفاده از فریم‌ورک اون رو به کاربر نمایش بدید.

• کار با دیتابیس: اگر وبسایت شما به دیتابیس نیاز داره، فریم‌ورک شما ابزارهایی رو برای کار با دیتابیس ارائه میده. با این ابزارها میتونید داده‌ها رو ذخیره، بازیابی و مدیریت کنید.

4. یادگیری مفاهیم پیشرفته:

• HTML/CSS: با HTML ساختار صفحات وب رو می‌سازید و با CSS به اون‌ها استایل می‌دید.
• جاوااسکریپت: برای افزودن قابلیت‌های تعاملی به صفحات وب، جاوااسکریپت رو یاد بگیرید.
• قالب‌ها (Templates): فریم‌ورک‌ها از template engine استفاده میکنن که به شما اجازه میدن کد HTML رو از کد پایتون جدا کنید. این کار باعث میشه توسعه وبسایتتون منظم‌تر و مدیریت‌پذیرتر بشه.
• مفاهیم REST API: اگه می‌خواید یک API برای برنامه‌های موبایل یا سایر وبسایت‌ها بسازید، یادگیری مفاهیم REST API ضروریه.

5. تمرین و پروژه‌های عملی:

• پروژه‌های کوچیک: با پروژه‌های کوچیک شروع کنید. یک وبسایت ساده با یک فرم، یا یک وبلاگ کوچیک.
• پروژه‌های بزرگتر: بعد از اینکه با اصول اولیه آشنا شدید، سعی کنید پروژه‌های بزرگتری رو پیاده‌سازی کنید.
• شرکت در پروژه‌های متن باز: مشارکت در پروژه‌های متن باز باعث میشه تجربه بیشتری کسب کنید و با استانداردهای کدنویسی بهتری آشنا بشید.

منابع آموزشی:

• مستندات رسمی:
  • Django: https://docs.djangoproject.com/
  • Flask: https://flask.palletsprojects.com/
• منابع آموزشی آنلاین:
  • Coursera, edX, Udemy, Codecademy: دوره‌های آموزش پایتون و فریم‌ورک‌های وب رو ارائه میدن.
  • آکادمی رادیب ، لینک آموزش
  • YouTube: کانال‌های زیادی در زمینه آموزش پایتون و توسعه وب وجود دارند.
  • وبسایت‌های فارسی آموزشی مثل مکتب‌خونه و فرادرس

نکات مهم:

• صبور باشید: یادگیری توسعه وب زمان می‌بره. صبور باشید و به طور منظم تمرین کنید.
• از اشتباه کردن نترسید: اشتباه کردن بخشی از فرآیند یادگیریه. از اشتباهاتتون درس بگیرید.
• از انجمن‌های برنامه‌نویسی کمک بگیرید: اگه به مشکلی برخوردید، سوالاتتون رو در انجمن‌های برنامه‌نویسی مطرح کنید.

با دنبال کردن این مسیر و تمرین منظم، می‌تونید به یک توسعه‌دهنده وب پایتون تبدیل بشید.

بیا یکم عمیق‌تر و با مثال‌های بیشتر موضوع طراحی وب با پایتون رو بررسی کنیم. من سعی می‌کنم هر بخش رو با مثال‌های عملی و ملموس‌تر توضیح بدم تا بهتر متوجه بشی.

برای خرید سرور ابری ساعتی و ماهانه با تحویل آنی و بهترین قیمت از رادیب، کلیک کنید

1. پیش‌نیازها (با مثال):

• آشنایی با پایتون:

  • متغیرها: متغیرها مثل ظرف‌هایی هستند که مقادیری رو در خودشون نگهداری می‌کنند.

    name = "Alice"
    age = 30
    height = 1.75
    is_student = False
    
    print(name)    # خروجی: Alice
    print(age)     # خروجی: 30
    

     

  • حلقه‌ها: حلقه‌ها به ما اجازه میدن که یک سری عملیات رو چند بار تکرار کنیم.  

    # حلقه for
    for i in range(5):
      print(i)  # خروجی: 0 1 2 3 4
    
    # حلقه while
    count = 0
    while count < 3:
        print(count)
        count += 1 # خروجی: 0 1 2
    

     

  • توابع: توابع مجموعه‌ای از کدها هستند که برای انجام یک کار مشخص نوشته می‌شن.

     

    def greet(name):
        print("Hello, " + name + "!")
    
    greet("Bob")  # خروجی: Hello, Bob!
    

     

  • کلاس‌ها: کلاس‌ها طرح‌هایی برای ساختن اشیاء هستند.  

    class Dog:
        def __init__(self, name, breed):
            self.name = name
            self.breed = breed
    
        def bark(self):
            print("Woof!")
    
    my_dog = Dog("Buddy", "Golden Retriever")
    print(my_dog.name)    # خروجی: Buddy
    my_dog.bark()         # خروجی: Woof!
    

     

• مفاهیم پایه وب:
  • HTTP: پروتکلی که مرورگرها و سرورها برای ارتباط با هم استفاده می‌کنند. وقتی شما آدرس یک وبسایت رو در مرورگر وارد می‌کنید، مرورگر یک درخواست HTTP به سرور می‌فرسته و سرور هم با یک پاسخ HTTP جواب میده.
  • HTML: زبانی که ساختار یک صفحه وب رو مشخص میکنه. با تگ‌های HTML می‌تونیم تیترها، پاراگراف‌ها، تصاویر، لینک‌ها و… رو تعریف کنیم.

    <!DOCTYPE html>
    <html>
    <head>
        <title>My First Web Page</title>
    </head>
    <body>
        <h1>Welcome</h1>
        <p>This is a paragraph.</p>
    </body>
    </html>
    

     

  • CSS: زبانی که ظاهر صفحات وب رو مشخص میکنه. با CSS می‌تونیم رنگ‌ها، فونت‌ها، اندازه‌ها، و طرح‌بندی عناصر HTML رو تغییر بدیم.

    h1 {
      color: blue;
      text-align: center;
    }
    p {
      font-size: 16px;
    }
    

     

2. انتخاب فریم‌ورک وب (با مثال):

• Django:

  • مثال: تصور کن می‌خوای یک وبسایت فروشگاهی بسازی. Django بهت کمک می‌کنه که به راحتی سیستم مدیریت محصولات، سیستم خرید، سیستم حساب کاربری و … رو پیاده‌سازی کنی.

  • نحوه ساخت یک مدل (Model) در Django برای دیتابیس:

    # myapp/models.py
    from django.db import models
    
    class Product(models.Model):
        name = models.CharField(max_length=200)
        description = models.TextField()
        price = models.DecimalField(max_digits=10, decimal_places=2)
    

    این کد یک مدل به اسم Product رو ایجاد میکنه که شامل فیلدهای name، description، و price هست.

• Flask:

  • مثال: اگر میخوای یک API ساده برای مدیریت لیست کارها بسازی، Flask انتخاب مناسبیه.

  • نحوه تعریف یک مسیر (Route) در Flask:

    # app.py
    from flask import Flask, jsonify
    
    app = Flask(__name__)
    
    tasks = [
        {"id": 1, "title": "Buy groceries", "done": False},
        {"id": 2, "title": "Do laundry", "done": True}
    ]
    
    @app.route("/tasks", methods=['GET'])
    def get_tasks():
        return jsonify(tasks)
    
    if __name__ == "__main__":
        app.run(debug=True)
    

    این کد یک مسیر /tasks رو تعریف میکنه که با درخواست GET، لیست تسک‌ها رو به صورت JSON برمی‌گردونه.

3. شروع کار (با مثال):

• نصب و راه‌اندازی:
  • Django:

    # نصب Django
    pip install django
    
    # ساخت پروژه جدید
    django-admin startproject mysite
    
    # ورود به پروژه
    cd mysite
    
    # ساخت یک اپلیکیشن جدید
    python manage.py startapp blog
    
    # اجرای سرور
    python manage.py runserver
    

     

  • Flask:

    # نصب Flask
    pip install flask
    
    # ایجاد فایل app.py
    # محتویات فایل app.py:
    from flask import Flask
    
    app = Flask(__name__)
    
    @app.route('/')
    def index():
       return 'Hello from Flask!'
    
    if __name__ == '__main__':
        app.run(debug=True)
    
    # اجرای سرور
    python app.py
    

     

• ساخت اولین صفحه:
  • Django:

    # blog/views.py
    from django.shortcuts import render
    
    def index(request):
        return render(request, 'blog/index.html', {'name': 'User'})
    

    <!-- blog/templates/blog/index.html -->
    <!DOCTYPE html>
    <html>
    <head>
        <title>Welcome</title>
    </head>
    <body>
        <h1>Hello, {{ name }}!</h1>
    </body>
    </html>
    

     

  • Flask:

    # app.py
    from flask import Flask, render_template
    
    app = Flask(__name__)
    
    @app.route('/')
    def index():
       return render_template('index.html', name='User')
    

     

    <!-- templates/index.html -->
    <!DOCTYPE html>
    <html>
    <head>
        <title>Welcome</title>
    </head>
    <body>
        <h1>Hello, {{ name }}!</h1>
    </body>
    </html>
    

    کار با دیتابیس:
    • Django:

      # blog/models.py
      from django.db import models
      
      class Post(models.Model):
          title = models.CharField(max_length=200)
          content = models.TextField()
          published_date = models.DateTimeField(auto_now_add=True)
      

      python manage.py makemigrations
      python manage.py migrate
      

       

    • Flask (با استفاده از SQLAlchemy):

      # app.py
      from flask import Flask
      from flask_sqlalchemy import SQLAlchemy
      
      app = Flask(__name__)
      app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
      db = SQLAlchemy(app)
      
      class Post(db.Model):
          id = db.Column(db.Integer, primary_key=True)
          title = db.Column(db.String(200))
          content = db.Column(db.Text)
          published_date = db.Column(db.DateTime, server_default=db.func.now())
      
      with app.app_context():
          db.create_all()
      

       

4. مفاهیم پیشرفته (با مثال):

• HTML/CSS:

  • HTML: ساختار صفحه رو ایجاد می‌کنه:

    <div class="container">
        <header>
            <h1>My Blog</h1>
        </header>
        <article>
            <h2>My First Post</h2>
            <p>This is the content of the post.</p>
        </article>
        <footer>
            <p>&copy; 2024</p>
        </footer>
    </div>
    

     

  • CSS: ظاهر صفحه رو مشخص می‌کنه:

    .container {
        width: 80%;
        margin: 0 auto;
        font-family: sans-serif;
    }
    header h1 {
       color: #333;
       text-align: center;
    }
    article {
       padding: 10px;
       border: 1px solid #ccc;
    }
    

     

• جاوااسکریپت: برای تعامل بیشتر با کاربر: javascript // این یک مثال ساده است که وقتی روی یک دکمه کلیک می‌کنید یک پیام نشون میده document.getElementById('myButton').addEventListener('click', function() { alert('Button Clicked!'); });
• قالب‌ها (Templates):
  • در هر دو فریم‌ورک Django و Flask، از قالب‌ها برای جدا کردن کدهای HTML از پایتون استفاده میشه.
  • با قالب‌ها می‌تونید به راحتی داده‌ها رو از پایتون به HTML منتقل کنید.
• مفاهیم REST API:
  • API ها رابط‌هایی هستند که امکان تبادل داده بین برنامه‌ها رو فراهم می‌کنن.
  • مثلاً یک API میتونه اطلاعات مربوط به یک کاربر رو به صورت JSON برگردونه.

5. تمرین و پروژه‌های عملی:

• پروژه های کوچیک:
  • ساخت یک ماشین حساب ساده
  • ساخت یک دفترچه یادداشت
  • ساخت یک وبلاگ ساده
• پروژه‌های بزرگ‌تر:
  • ساخت یک سیستم مدیریت محتوا (CMS)
  • ساخت یک شبکه اجتماعی کوچک
  • ساخت یک فروشگاه اینترنتی

نکات کلیدی:

• مستندات: همیشه مستندات رسمی فریم‌ورک‌ها رو مطالعه کنید.
• تمرین: تمرین کلید یادگیری است. سعی کنید پروژه‌های مختلفی رو پیاده‌سازی کنید.
• انجمن: در انجمن‌های برنامه‌نویسی فعال باشید و سوالاتتون رو مطرح کنید.

ممنون که تا پایان این مقاله با مجله رادیب همراه بودید.