ثبت‌نام دوره🔸متخصص اتوماسیون با N8N🔸سون‌لرن شروع شد 🔥🤖 مشاهده دوره ←
۰ ثانیه
۰ دقیقه
۰ ساعت
۰ امیر حق شناس
خلاصه مطالب جلسه پنجم - conditional statement در pug
جامعه Html & CSS ایجاد شده در ۲۷ آبان ۱۴۰۴

🔹 استفاده از شرط if در Pug

در Pug مانند زبان‌های برنامه‌نویسی می‌توانیم از شرط استفاده کنیم. ساختار آن:

 

if condition
    // کد در صورت true بودن شرط
else
    // کد در صورت false بودن شرط

📌 مثال:

 

doctype html
html
    head
        title دستورات شرطی
    body
    h1 صفحه ورود
    - let user = {name: "vahid", loggedIn: true, lastLogin: 8};
    if user.loggedIn
        h3 خوش آمدید!
            strong #{user.name}
    else
        form(action="")
            input(type="text")
            input(type="password")
            input(type="submit" value="ورود")

🔍 نکات مهم در این مثال

  • برای تعریف متغیر در Pug از خط تیره - استفاده می‌کنیم:

     

    - let user = {...}
    
  • شرط if user.loggedIn بررسی می‌کند آیا کاربر وارد شده (true) یا نه.
  • اگر کاربر لاگین کرده بود → متن خوش‌آمدگویی + نام کاربر نمایش داده می‌شود.
  • استفاده از:

     

    strong #{user.name}
    

    برای inject کردن مقدار جاوااسکریپتی داخل متن.

  • در صورت لاگین نبودن کاربر → فرم ورود نمایش داده می‌شود.

🧠 نکات مهم:

  • if و else در Pug دقیقاً مثل JavaScript هستند ولی بدون پرانتز.
  • استفاده از ${} در Pug برای خروجی مجاز نیست → باید از #{} استفاده شود.