این پنل مدیریت پیادهسازی شده است با Angular CLI ورژن 15.1.0
۱. مثل حالت عادی و با استفاده از دستور زیر یک پروژهی جدید انگولاری را ایجاد کنید و سپس به داخل پوشه پروژه بروید.
دقت کنید هنگام نصب پروژه جدید انگولار حتما بایستی به سوالی که در خصوص استفاده
routing
در انگولار پاسخ مثبت داده شود.
ng new my-project
cd my-project
۲. با استفاده از دستور زیر کتابخانه پنل مدیریت را نصب کنید.
npm i kpp-admin-panel
۳. بعد از نصب کامل کتابخانه فایل app.routing.ts
را باز کرده و مقدار متغیر routes به شکل زیر تغییر دهید.
const routes: Routes = [
{
title: "home",
path: "",
component: FullLayoutComponent,
children: [
]
}
];
توجه: مابقی routingها بایستی در قسمت children قرار داده شوند.
۴. فایل index.html
موجود در پوشه اصلی پروژه را باز کرده و داخل متاتگ html
صفت lang
را به زبان پیشفرض سایت که
غالبا fa
میباشد تغییر دهید.
<html lang="fa">
۵. فایل app.module.ts
را باز کرده و ماژول KppAdminPanelModule
را هم در قسمت imports
و هم در قسمت exports
قرار
دهید.
۶. فایل app.component.html را باز کرده و تمام محتوای آن را حذف و تگ lib-kpp-admin-panel را داخل آن قرار دهید.
<lib-kpp-admin-panel></lib-kpp-admin-panel>
۷. فایل angular.json موجود در ریشه پروژه را باز کرده و در قسمت assets مقادیر زیر را اضافه کنید.
"assets": [
...,
{
"glob": "**/*",
"input": "node_modules/kpp-admin-panel/assets/",
"output": "/assets/"
},
...
],
۸. با زدن دستور ng serve
از پنل ادمین استفاده کنید.
ng serve