Kpp-admin-panel NPM

پنل مدیریت خبره (Kpp Admin Panel)

این پنل مدیریت پیاده‌سازی شده است با 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 از پنل ادمین استفاده کنید. :shipit: