ashani admin

Ashani-ผู้ดูแลระบบ

แผงผู้ดูแลระบบพร้อม nodejs สำหรับการพัฒนาแบ็กเอนด์

การสาธิต: https://ashani-admin.herokuapp.com

ชื่อผู้ใช้:

 admin

รหัสผ่าน:

 123456

เอกสารที่นี่

WhiteCodel นำเสนอแผงผู้ดูแลระบบพร้อม nodejs, ejs, express, mongoose เพื่อลดการทำงานพื้นฐานของคุณเช่น

• สถาปัตยกรรมเอ็มวีซี
• การรับรองความถูกต้องโทเค็น jwt
• การรับรองความถูกต้องเซสชัน jwt
• ส่งอีเมล
• ฟิลเตอร์ภาพ
• สแน็คบาร์
• การจัดการเส้นทาง
• API สำหรับแอป

เริ่มต้นเลย

การติดตั้ง:

 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 จะถูกเรียกใช้ และภายในไฟล์นั้นจะมีการเรียกใช้ฟังก์ชัน create admin ซึ่งจะสร้างผู้ดูแลระบบเริ่มต้น
• เรากำลังใช้เอ็นจิ้น ejs view โดยมี express.js อยู่ในนั้น

การกำหนดค่าพื้นฐาน:

ไฟล์ .env:

ที่นี่คุณสามารถตั้งค่าได้

• มอนโก ดีบี อูริ
• พอร์ตเริ่มต้น
• เกลือกลม
• ความลับของโทเค็น
• ความลับของเซสชัน
• รหัสผ่านเริ่มต้นของผู้ดูแลระบบ

ไฟล์ config/createAdmin.js:

ในไฟล์นี้มีฟังก์ชัน createadmin() ฟังก์ชันนี้จะถูกเรียกใช้ทันทีที่แอปทำงานซึ่งจะสร้างผู้ดูแลระบบคนใหม่

ไฟล์ config/imageFilter.js:

ในไฟล์นี้มีฟังก์ชัน imageFilter() คุณสามารถใช้ฟังก์ชันนี้ร่วมกับ multer เพื่อตรวจสอบความถูกต้องของรูปภาพได้

ไฟล์ config/mailer.js:

ในไฟล์นี้มีฟังก์ชัน sendEmail() คุณสามารถใช้ฟังก์ชันนี้ในการส่งอีเมลได้

 sendEmail({to, subject, body});

โครงสร้างโฟลเดอร์:

มิดเดิลแวร์โฟลเดอร์:

มีไฟล์มิดเดิลแวร์ 2 ไฟล์อยู่ในนั้น Adminauth.js และ Appauth.js มีมิดเดิลแวร์ที่สร้างขึ้นสำหรับผู้ดูแลระบบและแอปตามลำดับ คุณสามารถสร้างมิดเดิลแวร์ทั้งหมดได้ที่นี่

NotLoggedIn => กำลังตรวจสอบการเข้าสู่ระบบในทั้งสองไฟล์

โฟลเดอร์รุ่น:

คุณสามารถสร้างโมเดลทั้งหมดของคุณได้ที่นี่

โฟลเดอร์สาธารณะ:

ในโฟลเดอร์สาธารณะ คุณสามารถใส่ไฟล์คงที่ เช่น css, js, รูปภาพ

มุมมองโฟลเดอร์:

ในโฟลเดอร์นี้ คุณสามารถสร้างมุมมองทั้งหมดของคุณสำหรับผู้ดูแลระบบหรือแอปได้ หากคุณไม่ทราบวิธีใช้ ejs คุณสามารถดูเอกสารได้โดยไปที่เว็บไซต์อย่างเป็นทางการ ejs.co

เส้นทาง:

เส้นทางผู้ดูแลระบบ:

• สร้างไฟล์สำหรับ crud ของคุณและการดำเนินการอื่น ๆ ในเส้นทาง / ผู้ดูแลระบบ
• ลงทะเบียนไฟล์นี้ใน admin-routes.js

เส้นทางแอป:

• สร้างไฟล์สำหรับ crud และการดำเนินการอื่น ๆ ในเส้นทาง / แอป
• ลงทะเบียนไฟล์นี้ใน 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"
/>