MallChatWeb

MallChat-Matcha

Ein E-Commerce-System, das in Echtzeit einkaufen und chatten kann. Engagiert für die Entwicklung von Best Practices für Internet-Projekte auf Unternehmensebene.
Es muss über alle Warenkörbe, Bestellungen, Zahlungen, Empfehlungen, Suchanfragen, Neueinstellungen, Werbeaktionen, Push-Benachrichtigungen, Logistik und Kundenservice verfügen, die E-Commerce haben sollte. Aktualisieren Sie weiter ~

Projektnavigation

1. Schnelle Erfahrungsadresse : Matcha-Chat-Homepage

2. Backend-Projekt-Repository : MallChat

3. Projektvideoaufzeichnung : Die Bilibili-Ansprache teilt den Projektfortschritt, Gedanken zur Funktionsauswahl und bittet während des gesamten Prozesses um Iterationsvorschläge.

4. Projekt-Lerndokument : Über 100.000 Wörter, Lehrpfad auf Nanny-Ebene, Umgebungsaufbau, Kernfunktionen, Infrastrukturräder, Schnittstellen-Stresstests, Problemaufzeichnungen, niemand wird zurückgelassen. Sie können auf das Matcha-Projektdokument klicken, um es anzuzeigen (einschließlich einer großen Kommunikationsgruppe von 500 Personen).

5. Projektkommunikationsgruppe : Wenn Sie sich für Matcha interessieren, können Sie der Kommunikationsgruppe beitreten. Jeder Ihrer Schritte bestimmt die zukünftige Ausrichtung des Projekts. Egal, ob Sie als Produktmanager Vorschläge machen, als Tester Fehler finden oder als Mitwirkender an der Entwicklung kleiner Module mitwirken, Sie sind herzlich willkommen.

6. Code-Cloud-Warehouse : https://gitee.com/Evansy/MallChatWeb (Inlandszugriff ist schneller)

Projekteinführung

Matcha Chat ist ein IM-Projekt, das über Netty eine Verbindung zum Front-End-Websocket herstellt. Es enthält WeChat-Scan-Anmeldung, Mitgliederliste, Online- und Offline-Animation, Nachrichtenliste, Nachrichteninteraktion und viele praktische kleine Radspalten wie AOP-Protokoll, Anmerkung zur verteilten Sperre, Anmerkung zur Frequenzsteuerung, IP-Analyse und -Besitz usw. und wird erstellt laufend aktualisiert. . .

Projektdemonstration

Projektstart und -bereitstellung

• Umgebung: Knoten 16.18+, Paketverwaltungstool pnpm (führen Sie nach der Installation des Knotens npm i pnpm -g aus);

• Abhängigkeiten installieren: Führen Sie nach dem Klonen des Projekts pnpm i aus

• npm Installationsfehler. Fügen Sie nach dem Befehl den Parameter npm i --ignore-scripts hinzu, um scripts Abhängigkeiten zu ignorieren und das Problem zu lösen

• Es wird empfohlen, pnpm zu verwenden. Die Installation von Abhängigkeiten verursacht keine Probleme aufgrund von Netzwerkfehlern.

• Start: Drücken Sie F5 um pnpm run dev automatisch auszuführen und den Browser zu öffnen

• einsetzen

• Lokal bereitstellen: Legen Sie nach der Ausführung von pnpm build den Ordner dist auf dem Server ab und konfigurieren Sie nginx

• Automatisches CI/CD: Automatisches Erstellen und Bereitstellen auf dem Server, nachdem der Code über github actions übermittelt wurde. Eine detaillierte Referenz finden Sie in „deploy.yml“.

C-seitiges Projekt

• Front-End-Projektadresse: https://github.com/Evansy/MallChatWeb

• Projektdemonstrationsadresse: https://mallchat.cn (denken Sie an matcha.cn, Sie können es bei der nächsten Arbeit direkt öffnen)

Technologieauswahl

Front-End-Technologie

Technologie	veranschaulichen	Offizielle Website
Vue3	Beliebtes Front-End-Entwicklungsframework	https://cn.vuejs.org
Pinia	vue3 empfiehlt offiziell das State-Management-Framework	https://pinia.vuejs.org
Vue-Router	Vues offizielle Route	https://router.vuejs.org
Typoskript	Lassen Sie JS Typdeklarationen haben	https://www.typescriptlang.org/
Element Plus	Eine Komponentenbibliothek basierend auf vue3	https://element-plus.gitee.io
Alova	Eine schlanke Anforderungsstrategiebibliothek, deren Verwendung weniger aufwändig ist als Axios	https://alova.js.org/
vite	Extrem schnelles Front-End-Paketierungs- und Erstellungstool	https://cn.vitejs.dev
pnpm	Schneller, speicherplatzsparender Paketmanager	https://www.pnpm.cn

Backend-Technologie

Siehe MallChat

Einrichtung der Back-End-Umgebung

Ändern Sie Ihre Startumgebung spring.profiles.active = test application.yml im Projektverzeichnis, suchen Sie dann die Datei application-test.properties auf derselben Ebene und geben Sie Ihre eigene Umgebungskonfiguration ein. Planet-Mitglieder stellen eine Reihe von Testumgebungskonfigurationen bereit, die direkt verbunden werden können

Projektdokumentation

Der Lehrweg für Kindermädchen umfasst den Aufbau der Umgebung, Kernfunktionen, Leistungsoptimierung, Punktberichterstattung, Problemaufzeichnung und Projekthighlights. Klicken Sie auf Projektdokumente

Weitere interessante Funktionen werden kontinuierlich aktualisiert. . .

Stern-Trenddiagramm

beitragen

Bitte lesen Sie den Verhaltenskodex und die Beitragsrichtlinien, bevor Sie einen Beitrag leisten. Vielen Dank an alle, die zu MallChat beigetragen haben!

Frontend:

hinteres Ende:

Herausragende Mitwirkende:

Kategorie	Benutzer	Beitragsmodul
Frontend		Senden und empfangen Sie Nachrichten mit Bild-, Sprach- und Dateitypen
		Interaktive Nachrichtenoperationen (Zurückziehen, Liken, Löschen)
		virtuelle Liste
hinteres Ende		Erkennung sensibler DFA-Wörter
		OpenAI-Chatbot
		Ac-Automaten-empfindliche Worterkennung
		Strombegrenzungsprogrammierung
		Handshake-Authentifizierung

Offizieller Account

Durchsuchen Sie Abins Java Road auf WeChat und folgen Sie meinem ursprünglichen öffentlichen Konto „ Matcha “, um der Matcha-Kommunikationsgruppe beizutreten. Einige Freunde haben mit Zehntausenden von Menschen Unternehmenschats durchgeführt und diskutieren darin Pläne. Das offizielle Konto aktualisiert auch regelmäßig projektbezogene Dokumente und wartet darauf, dass Sie es necken ~~