اضافه کردن استایل و script اختصاصی به یه فایل خاص از view

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام و عرض ادب

در handlebars چگونه یه فایل css و javascrip رو صرفا داخل یکی از فایل‌های view پروژه پیوست کنم؟

(نمونه ش توی لاراول با استفاده از هلپر section این کار رو انجام میدادن )

ممنون میشم راهنمایی کنید.

سلام،

با استفاده از Partials میتونید قسمت‌های مختلف رو به یک view اضافه کنید.

دلنواز قانونی ۱۶ مهر ۱۴۰۲، ۰۸:۰۳

سلام وقت بخیر

این مورد فقط برای فایل‌های با پسوند handlebars کار میکنه

من می‌خوام یه فایل جی اس رو توی مثلا قسمت ساخت دسته بندی داشته باشم

و جا‌های دیگه بهش نیازی ندارم و اگه بذارمش داخل فایل main.js چون جا‌های دیگه المنت هایی رو که توی اون کدها استفاده کردم ندارم اررور میده.

ممنون میشم راهنمایی کنید

مهندس پرنیا باغچه‌بان ۱۸ مهر ۱۴۰۲، ۰۹:۱۴

سلام و عرض ادب

چیزی که میخوام مطابق کد‌های زیر هستش

این کدها برای مواقعی هست که به جای express handlebars از تمپلت انجین ejs استفاده بشه

<!doctype html>
<html lang="fa" dir="rtl">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="/css/bootstrap.rtl.min.css">
        <title>پنل مدیریت وب سایت آموزشی</title>
        <%- style %>
    </head>
    <body>
        <header>
            <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
                <div class="container-fluid">
                    <a class="navbar-brand" href="#">Node Js</a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarScroll">
                        <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
                            <li class="nav-item">
                                <a class="nav-link active" aria-current="page" href="#">
                                    صفحه اصلی
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">
                                    دوره ها
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    مقالات
                                </a>
                            </li>
                        </ul>
                        <form class="d-flex">
                            <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                            <button class="btn btn-outline-success" type="submit">Search</button>
                        </form>
                    </div>
                </div>
            </nav>
        </header>
<%- body %>
<script src="/js/bootstrap.bundle.min.js"></script>
<%- script %>
</body></html>

در این کد که مربوط به مستر پروژه هست ما اگه داخل کد‌های یک صفحه از کد‌های js بخصوصی استفاده کنیم در قسمتی از مستر قرار میگیرد که کد

<%- script %>

رو نوشتیم

همچنین این مورد برای کد‌های css در قسمت مربوط به

 <%- style %>

در head قرار میگیرند.

ممنون میشم مورد مشابه این رو در express-handlebars بگین چی هستش؟

مهندس پرنیا باغچه‌بان ۲۰ مهر ۱۴۰۲، ۱۵:۲۴