الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

Ashani-admin

لوحة إدارة تحتوي على Nodejs لتطوير الواجهة الخلفية

العرض التوضيحي: https://ashani-admin.herokuapp.com

اسم المستخدم: 

 admin

كلمة المرور: 

 123456

المستندات هنا

يقدم لك WhiteCodel لوحة إدارة تحتوي علىnodejs وejs وexpress وmongoose لتقليل عملياتك الأساسية مثل

  • الهندسة المعمارية mvc
  • مصادقة رمز jwt
  • مصادقة جلسة JWT
  • إرسال البريد الإلكتروني
  • مرشح الصورة
  • com.snackbar
  • إدارة الطرق
  • واجهة برمجة التطبيقات للتطبيق

ابدأ

تثبيت: 

 git clone https://github.com/whitecodel/ashani-admin.git

cd ashani-admin

npm install

يجري: 

 npm run dev

الآن يتم تشغيل الكود على IP الداخلي 127.0.0.1 والمنفذ 3000

كيف يعمل:

  • بمجرد بدء تشغيل التطبيق، يتم تشغيل ملف Index.js، وبداخله يتم استدعاء وظيفة إنشاء المشرف، والتي تقوم بإنشاء المسؤول الأولي.
  • نحن نستخدم محرك عرض ejs مع وجود Express.js فيه.

التكوينات الأساسية:

ملف .env:

هنا يمكنك الإعداد

  • مونغو ديسيبل uri
  • المنفذ الافتراضي
  • جولة الملح
  • سر رمزي
  • سر الجلسة
  • كلمة المرور الافتراضية للمسؤول
تكوين الملف/createAdmin.js:

يوجد في هذا الملف وظيفة createadmin() يتم استدعاء هذه الوظيفة بمجرد تشغيل التطبيق مما يؤدي إلى إنشاء مسؤول جديد

تكوين الملف/imageFilter.js:

يوجد في هذا الملف وظيفة imageFilter() يمكنك استخدام هذه الوظيفة مع multer للتحقق من صحة الصورة

تكوين الملف/mailer.js:

يوجد في هذا الملف وظيفة sendEmail() يمكنك استخدام هذه الوظيفة لإرسال البريد الإلكتروني 

 sendEmail({to, subject, body});

هيكل المجلد:

الوسيطة للمجلدات:

يوجد فيه ملفان للبرامج الوسيطة. يحتوي Adminauth.js وAppauth.js على برامج وسيطة مصممة للمسؤول والتطبيق على التوالي، ويمكنك إنشاء جميع برامجك الوسيطة هنا.

NotLoggedIn => التحقق من تسجيل الدخول في كلا الملفين

نماذج المجلدات:

يمكنك إنشاء كافة النماذج الخاصة بك هنا.

المجلد العام:

في المجلد العام، يمكنك وضع ملفاتك الثابتة مثل CSS وJS والصور

مشاهدات المجلد:

في هذا المجلد، يمكنك إنشاء جميع طرق العرض الخاصة بك للمسؤول أو التطبيق. إذا كنت لا تعرف كيفية استخدام ejs، فيمكنك الاطلاع على الوثائق بزيارة موقعها الرسمي ejs.co.

الطرق:

طرق الإدارة:
  • أنشئ ملفًا للعمليات الخام والعمليات الأخرى في المسارات/المشرف.
  • قم بتسجيل هذا الملف في admin-routes.js
طرق التطبيق:
  • أنشئ ملفًا للعمليات الخام والعمليات الأخرى في الطرق/التطبيق.
  • قم بتسجيل هذا الملف في app-routes.js

سمات

شريط الوجبات الخفيفة:

النجاح=> 

 successSnackbar(msg);

فاشل => 

 failedSnackbar(msg);

الموضع الافتراضي هو أسفل اليمين إذا كنت تريد تغيير الموضع، فيمكنك تمرير معلمة إضافية
على سبيل المثال: successSnackbar(msg, "bottom-right")

يُحوّل:

تم الآن تفعيل gitbrent bootstrap4-toggle

السابق: 

 <input
    name="approved"
    type="checkbox"
    id="approved"
    data-width="100%"
    data-toggle="toggle"
    data-on="Approved"
    data-off="Not Approved"
    data-onstyle="success"
    data-offstyle="danger"
/>
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل