MallChatWeb

มอลล์แชท-มัทฉะ

ระบบอีคอมเมิร์ซที่สามารถเลือกซื้อและสนทนาได้แบบเรียลไทม์ มุ่งมั่นที่จะสร้างแนวทางปฏิบัติที่ดีที่สุดสำหรับโครงการระดับองค์กรทางอินเทอร์เน็ต
จะต้องมีตะกร้าสินค้า คำสั่งซื้อ การชำระเงิน คำแนะนำ การค้นหา การรับสมัครใหม่ โปรโมชั่น การแจ้งเตือนแบบพุช โลจิสติกส์ และการบริการลูกค้าที่อีคอมเมิร์ซควรมี อัพเดทกันต่อครับ~

การนำทางโครงการ

1. ที่อยู่ประสบการณ์ด่วน : หน้าแรกของแชท Matcha

2. พื้นที่เก็บข้อมูลโครงการแบ็กเอนด์ : MallChat

3. บันทึกวิดีโอของโครงการ : ที่อยู่ของ Bilibili แบ่งปันความคืบหน้าของโครงการ แนวคิดเกี่ยวกับการเลือกฟังก์ชัน และขอคำแนะนำในการทำซ้ำตลอดกระบวนการ

4. เอกสารการเรียนรู้ของโครงการ : คำศัพท์มากกว่า 100,000 คำ เส้นทางการสอนระดับพี่เลี้ยงเด็ก การสร้างสภาพแวดล้อม ฟังก์ชันหลัก วงล้อโครงสร้างพื้นฐาน การทดสอบความเครียดของอินเทอร์เฟซ บันทึกปัญหา โดยไม่ทิ้งใครไว้ข้างหลัง คุณสามารถคลิกที่เอกสารโครงการ Matcha เพื่อดูได้ (รวมถึงกลุ่มการสื่อสารขนาดใหญ่ 500 คน)

5. กลุ่มสื่อสารโครงการ : สนใจมัทฉะสามารถเข้าร่วมกลุ่มสื่อสารได้ ทุกการเคลื่อนไหวของคุณจะเป็นตัวกำหนดทิศทางในอนาคตของโครงการ ไม่ว่าคุณจะให้คำแนะนำในฐานะผู้จัดการผลิตภัณฑ์ ค้นหาจุดบกพร่องในฐานะผู้ทดสอบ หรือเข้าร่วมในการพัฒนาโมดูลขนาดเล็กในฐานะผู้สนับสนุน คุณก็ยินดีที่จะเข้าร่วม

6. Code cloud warehouse : https://gitee.com/Evansy/MallChatWeb (เข้าถึงในประเทศได้เร็วกว่า)

การแนะนำโครงการ

Matcha Chat เป็นโครงการ IM ที่เชื่อมต่อกับ websocket ส่วนหน้าผ่าน netty ประกอบด้วยการเข้าสู่ระบบการสแกน WeChat รายชื่อสมาชิก ภาพเคลื่อนไหวออนไลน์และออฟไลน์ รายการข้อความ การโต้ตอบข้อความ และคอลัมน์วงล้อขนาดเล็กที่ใช้งานได้จริงมากมาย เช่น บันทึก aop คำอธิบายประกอบการล็อคแบบกระจาย คำอธิบายประกอบการควบคุมความถี่ การวิเคราะห์ IP และความเป็นเจ้าของ ฯลฯ และกำลังถูก ปรับปรุงอย่างต่อเนื่อง - -

การสาธิตโครงการ

การเริ่มต้นและการปรับใช้โครงการ

• สภาพแวดล้อม: โหนด 16.18+, เครื่องมือการจัดการแพ็คเกจ pnpm (หลังจากติดตั้งโหนดแล้ว ให้รัน npm i pnpm -g );

• ติดตั้งการขึ้นต่อกัน: หลังจากโคลนโปรเจ็กต์แล้ว ให้รัน pnpm i

• ข้อผิดพลาดในการติดตั้ง npm เพิ่มพารามิเตอร์ npm i --ignore-scripts หลังคำสั่งให้ละเว้นการขึ้นต่อกันที่เกี่ยวข้องกับ scripts เพื่อแก้ไขปัญหา

• ขอแนะนำให้ใช้ pnpm การติดตั้งการอ้างอิงจะไม่ทำให้เกิดปัญหาเนื่องจากเครือข่ายขัดข้อง

• การเริ่มต้น: กด F5 เพื่อรัน pnpm run dev โดยอัตโนมัติและเปิดเบราว์เซอร์

• ปรับใช้

• ปรับใช้ในเครื่อง: หลังจากดำเนินการ pnpm build ให้วางโฟลเดอร์ dist บนเซิร์ฟเวอร์และกำหนดค่า nginx

• CI/CD อัตโนมัติ: สร้างและปรับใช้กับเซิร์ฟเวอร์โดยอัตโนมัติหลังจากส่งโค้ดไปยัง GitHub ผ่านการดำเนิน github actions สำหรับการอ้างอิงโดยละเอียด โปรดดูที่ Deploy.yml

โครงการฝั่งซี

• ที่อยู่โครงการส่วนหน้า: https://github.com/Evansy/MallChatWeb

• ที่อยู่สาธิตโครงการ: https://mallchat.cn (โปรดจำไว้ว่า matcha.cn คุณสามารถเปิดได้โดยตรงในครั้งถัดไปที่คุณทำงาน)

การเลือกใช้เทคโนโลยี

เทคโนโลยีส่วนหน้า

เทคโนโลยี	แสดงให้เห็น	เว็บไซต์อย่างเป็นทางการ
วิว3	กรอบการพัฒนาส่วนหน้ายอดนิยม	https://cn.vuejs.org
ปิเนีย	vue3 กรอบการจัดการสถานะที่แนะนำอย่างเป็นทางการ	https://pinia.vuejs.org
vue-เราเตอร์	เส้นทางอย่างเป็นทางการของ Vue	https://router.vuejs.org
TypeScript	ให้ JS มีการประกาศประเภท	https://www.typescriptlang.org/
เอเลเมนท์ พลัส	ไลบรารีส่วนประกอบที่ใช้ vue3	https://element-plus.gitee.io
อโลวา	ไลบรารีกลยุทธ์คำขอแบบน้ำหนักเบาซึ่งมีภาระในการใช้งานน้อยกว่า axios	https://alova.js.org/
เยี่ยม	เครื่องมือสร้างบรรจุภัณฑ์และการสร้างส่วนหน้าที่รวดเร็วเป็นพิเศษ	https://cn.vitejs.dev
เวลาบ่ายโมง	ผู้จัดการแพ็คเกจที่รวดเร็วและประหยัดพื้นที่ดิสก์	https://www.pnpm.cn

เทคโนโลยีแบ็กเอนด์

ดูมอลล์แชท

การตั้งค่าสภาพแวดล้อมแบ็คเอนด์

แก้ไขสภาพแวดล้อมการเริ่มต้นระบบของคุณ spring.profiles.active = test application.yml ในไดเร็กทอรีโปรเจ็กต์ จากนั้นค้นหาไฟล์ระดับเดียวกัน application-test.properties และกรอกการกำหนดค่าสภาพแวดล้อมของคุณเอง สมาชิก Planet จัดเตรียมชุดการกำหนดค่าสภาพแวดล้อมการทดสอบที่สามารถเชื่อมต่อได้โดยตรง

เอกสารประกอบโครงการ

เส้นทางการสอนระดับพี่เลี้ยงเด็กครอบคลุมการสร้างสภาพแวดล้อม หน้าที่หลัก การเพิ่มประสิทธิภาพ การรายงานประเด็น การบันทึกปัญหา และจุดเด่นของโครงการ คลิกที่เอกสารโครงการ

มีการอัปเดตคุณสมบัติที่น่าสนใจเพิ่มเติมอย่างต่อเนื่อง - -

แผนภูมิแนวโน้มดาว

มีส่วนช่วย

โปรดอ่านหลักจรรยาบรรณและแนวทางการบริจาคก่อนที่จะมีส่วนร่วม ขอบคุณทุกคนที่มีส่วนร่วมใน MallChat!

ส่วนหน้า:

ด้านหลัง:

ผู้มีส่วนร่วมที่โดดเด่น:

หมวดหมู่	ผู้ใช้	โมดูลการมีส่วนร่วม
ส่วนหน้า		ส่งและรับข้อความรูปภาพ เสียง และประเภทไฟล์
		การดำเนินการโต้ตอบข้อความ (ถอน ชอบ ลบ)
		รายการเสมือน
ด้านหลัง		การตรวจจับคำที่ละเอียดอ่อนของ DFA
		แชทบอท OpenAI
		การตรวจจับคำที่ละเอียดอ่อนของ Ac อัตโนมัติ
		การเขียนโปรแกรมจำกัดกระแส
		การตรวจสอบการจับมือกัน

บัญชีอย่างเป็นทางการ

ค้นหา Java Road ของ Abin บน WeChat และติดตามบัญชีสาธารณะดั้งเดิมของฉัน ตอบกลับ " Matcha " ในเบื้องหลังเพื่อเข้าร่วมกลุ่มการสื่อสาร Matcha บัญชีอย่างเป็นทางการจะอัปเดตเอกสารที่เกี่ยวข้องกับโครงการบ่อยครั้งรอให้คุณแซว~~