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

سلام و عرض ادب

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

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

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

سلام،

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

محسن موحد ۱۶ مهر ۱۴۰۲، ۰۸:۰۳

سلام وقت بخیر

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

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

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

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

shahab sb ۱۸ مهر ۱۴۰۲، ۰۹:۱۴

سلام و عرض ادب

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

این کدها برای مواقعی هست که به جای 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 بگین چی هستش؟

shahab sb ۲۰ مهر ۱۴۰۲، ۱۵:۲۴