JimCo.API

แอพสาธิตร้านค้าปลีก Jimco

แอปพลิเคชันการสาธิต ผู้ค้าปลีก JIMCO เป็นกลุ่มของเว็บแอปพลิเคชันที่เกี่ยวข้องสี่รายการ ประกอบด้วยส่วนต่อไปนี้:

1. API ด้านหลังที่เขียนใน C# โดยใช้ ASP.NET CORE
2. เว็บไซต์ค้าปลีกที่มุ่งเน้นไปที่ผู้ซื้อออนไลน์ที่เขียนโดยใช้ React
3. เว็บไซต์พอร์ทัลพนักงานมุ่งเป้าไปที่พนักงานภายในที่เขียนโดยใช้ React
4. เว็บไซต์พอร์ทัลผู้ขายที่มุ่งเน้นไปที่ผู้ขายที่แจกจ่ายผลิตภัณฑ์ไปยังร้านค้าที่เขียนโดยใช้ React

เว็บไซต์ทั้งสี่นั้นโฮสต์บน Microsoft Azure ที่เก็บรหัสถูกโฮสต์บน GitHub (ดูด้านล่างสำหรับลิงก์ไปยังที่เก็บแต่ละอันหรือคลิกที่นี่เพื่อดูทั้งหมด) และ CI/CD ได้รับการจัดการโดย Microsoft Azure DevOps

API (โครงการนี้)

ที่เก็บที่นี่

API เป็นส่วนท้ายของเว็บไซต์สามด้านหน้า มันถูกเขียนใน C# เวอร์ชัน 10 โดยใช้ ASP.NET CORE / .NET CORE เวอร์ชัน 6 มันถูกออกแบบมาในวิธีการหลายชั้นตามที่แสดงด้านล่าง:

ชื่อเลเยอร์	การทำงาน	พิมพ์
การเข้าถึงข้อมูล	ชั้นที่เก็บที่จัดการการเข้าถึงฐานข้อมูล	ห้องสมุดชั้นเรียน
บริการ	เลเยอร์ตรรกะทางธุรกิจที่อยู่ระหว่าง API และเลเยอร์การเข้าถึงข้อมูล	ห้องสมุดชั้นเรียน
API	API ที่หันหน้าเข้าหาเว็บโดยใช้จุดสิ้นสุดขั้นต่ำ	เว็บ API
แบบจำลอง	โมเดล DTO ที่ใช้ร่วมกันระหว่าง API และชั้นบริการ	ห้องสมุดชั้นเรียน
ทั่วไป	คลาสทั่วไปคุณลักษณะการแจกแจงวิธีการขยาย ฯลฯ	ห้องสมุดชั้นเรียน

นอกเหนือจากข้างต้น API ยังใช้ dapper เพื่อเข้าถึงฐานข้อมูล Microsoft SQL / Azure SQL

เว็บไซต์ค้าปลีก

ที่เก็บที่นี่

ไซต์ค้าปลีกถูกเขียนเป็น typeScript โดยใช้ฟังก์ชั่น ตอบสนอง / ตะขอ React เวอร์ชัน 18 และ REACE ROUTER เวอร์ชัน 6.3 มันตอบสนองได้ถึง 375 พิกเซล ปัจจุบันไม่ได้ใช้การอนุญาตหรือการรับรองความถูกต้อง (แม้ว่าอาจเปลี่ยนแปลงได้)

พอร์ทัลพนักงาน

ที่เก็บที่นี่

พอร์ทัลพนักงานถูกเขียนเป็น TypeScript โดยใช้ฟังก์ชั่น React / hooks, React เวอร์ชัน 18 และ React Router เวอร์ชัน 6.3 มันถูกออกแบบมาโดยเฉพาะสำหรับการใช้งานในร้านบนแท็บเล็ตหรือคอมพิวเตอร์เดสก์ท็อปดังนั้นจึงได้รับการออกแบบมาสำหรับขนาดหน้าจอขั้นต่ำ 1024 x 768 พิกเซล Auth0 ใช้สำหรับการอนุญาตและฐานข้อมูลภายในใช้สำหรับการรับรองความถูกต้องตามบทบาท

พอร์ทัลผู้ขาย

ที่เก็บที่นี่

พอร์ทัลผู้ขายถูกเขียนเป็น typeScript โดยใช้ฟังก์ชั่น React / hooks, React เวอร์ชัน 18 และ React Router เวอร์ชัน 6.3 มันถูกออกแบบมาโดยเฉพาะสำหรับคอมพิวเตอร์เดสก์ท็อปดังนั้นจึงถูกออกแบบมาสำหรับความละเอียดหน้าจอขั้นต่ำ 1024 x 768 พิกเซล Auth0 ใช้สำหรับการรับรองความถูกต้องและฐานข้อมูลภายในใช้สำหรับการอนุญาตตามบทบาท

การพึ่งพาภายนอก

สำหรับ API:

1. aspnetCorerAtelImit ใช้ในการให้คะแนนการร้องขอขีด จำกัด
2. hashids.net ใช้ในการทำให้งงงวยรหัสที่ส่งไปยังผู้ใช้ปลายทาง
3. Dapper ใช้ในการเข้าถึงฐานข้อมูล
4. json.net ห้องสมุด JSON สำหรับ .net

สำหรับเว็บไซต์แพ็คเกจ NPM ต่อไปนี้:

1. react, react-dom, react-router-dom, react-icons
2. @mui/วัสดุ ใช้สำหรับการแจ้งเตือน
3. @auth0/auth0-react ใช้ในการโต้ตอบกับ auth0
4. uuid ใช้เพื่อสร้าง uuids