twitter emulation

Twitter -Emulation in Java und React/Angular

Die Anwendung emuliert die Hauptmerkmale von Twitter :

• Login, Anmeldung;
• Kontoverwaltung (Registrierung, Bearbeitung, Löschen, Suche nach Substring);
• Hauptseite (Kontoeigenschaften, Zeitleiste, Tweets, folgende, Follower);
• Tweet erstellen;
• folgen/nicht folgen.

In mehrfacher Hinsicht:

1. Spring MVC , JSP
2. Spring Boot , JSP
3. Federschuh , reagieren
4. Federstiefel , Winkel

Anforderungen

• JDK 21+
• Apache Maven 3.9.0+
• Node.js 22.12.0+ (optional)
• Docker (optional)

Läuft

Spring MVC, JSP

1. Aus der Befehlszeile mit Maven (im Stammverzeichnis):

   mvn clean install -Dmaven.test.skip=true

2. Verzeichnis ändern:

   cd twitter-emulation-spring-mvc-jsp

3. Aus der Befehlszeile führen Sie einen der Befehle mit Maven aus:

   mvn jetty:run ( H2 )
   mvn jetty:run -P development ( H2 )
   mvn jetty:run -P production ( Oracle -Datenbank )
   ( Oracle -Datenbankverbindungseigenschaften : etc/jetty.xml )

4. Greifen Sie auf die bereitgestellte Webanwendung unter:

   http: // localhost: 8080

5. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Spring Boot, JSP

1. Aus der Befehlszeile mit Maven (im Stammverzeichnis):

   mvn clean install -Dmaven.test.skip=true

2. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-jsp

3. Aus der Befehlszeile führen Sie einen der Befehle mit Maven aus:

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle -Datenbank )
   ( Oracle -Datenbankverbindungseigenschaften : src/main/resources/application.yml )

4. Greifen Sie auf die bereitgestellte Webanwendung unter:

   http: // localhost: 8080

5. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Federschuh, reagieren

Methode 1

1. Aus der Befehlszeile mit Maven (im Stammverzeichnis):

   mvn clean install -Dmaven.test.skip=true

2. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-react-server

3. Aus der Befehlszeile führen Sie einen der Befehle mit Maven aus:

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle -Datenbank )
   ( Oracle -Datenbankverbindungseigenschaften : src/main/resources/application.yml )

4. Greifen Sie auf die bereitgestellte Webanwendung unter:

   http: // localhost: 8080

5. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Methode 2

1. Installieren Sie node.js

2. Rennen Sie sicher, dass NPM funktioniert:

   npm -v

3. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-react-server

4. Aus der Befehlszeile führen Sie einen der Befehle mit Maven aus:

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle -Datenbank )
   ( Oracle -Datenbankverbindungseigenschaften : src/main/resources/application.yml )

5. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-react-web

6. Aus der Befehlszeile mit NPM :

   npm start

7. Greifen Sie auf die bereitgestellte Webanwendung unter:

   http: // localhost: 5173

8. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Methode 3

1. Aus der Befehlszeile mit Maven (im Stammverzeichnis):

   mvn clean package -DskipTests

2. Verzeichnis ändern:

   cd twitter-emulation-distrib/target

3. Verteilungsdatei finden:

   twitter-emulation-react-<version>.zip

4. Extrahieren Sie zum Beispiel Dateien aus ZIP:

   unzip twitter-emulation-react-<version>.zip

5. Verzeichnis ändern:

   cd twitter-emulation-react-<version>

6. Laufen:

   runme.bat ( Windows )
   runme.sh ( macOS oder Linux )

7. Greifen Sie auf die laufende Webanwendung unter:

   http: // localhost: 8080

8. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Federschuh, eckig

Methode 1

1. Aus der Befehlszeile mit Maven (im Stammverzeichnis):

   mvn clean install -Dmaven.test.skip=true

2. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-angular-server

3. Aus der Befehlszeile führen Sie einen der Befehle mit Maven aus:

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle -Datenbank )
   ( Oracle -Datenbankverbindungseigenschaften : src/main/resources/application.yml )

4. Greifen Sie auf die bereitgestellte Webanwendung unter:

   http: // localhost: 8080

5. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Methode 2

1. Installieren Sie node.js

2. Rennen Sie sicher, dass NPM funktioniert:

   npm -v

3. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-angular-server

4. Aus der Befehlszeile führen Sie einen der Befehle mit Maven aus:

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle -Datenbank )
   ( Oracle -Datenbankverbindungseigenschaften : src/main/resources/application.yml )

5. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-angular-web

6. Aus der Befehlszeile mit NPM :

   npm start

7. Greifen Sie auf die bereitgestellte Webanwendung unter:

   http: // localhost: 4200

8. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Methode 3

1. Aus der Befehlszeile mit Maven (im Stammverzeichnis):

   mvn clean package -DskipTests

2. Verzeichnis ändern:

   cd twitter-emulation-distrib/target

3. Verteilungsdatei finden:

   twitter-emulation-angular-<version>.zip

4. Extrahieren Sie zum Beispiel Dateien aus ZIP:

   unzip twitter-emulation-angular-<version>.zip

5. Verzeichnis ändern:

   cd twitter-emulation-angular-<version>

6. Laufen:

   runme.bat ( Windows )
   runme.sh ( macOS oder Linux )

7. Greifen Sie auf die laufende Webanwendung unter:

   http: // localhost: 8080

8. Melden Sie sich mit vorhandenen Konten an ( jsmith/password , jdoe/password , rroe/password , alone/password ) oder erstellen Sie ein neues Konto

Überwachung

1. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-admin

2. Aus der Befehlszeile mit Maven :

   mvn spring-boot:run

3. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-react-server

   oder

   cd twitter-emulation-spring-boot-angular-server

4. Aus der Befehlszeile mit Maven :

   mvn spring-boot:run

5. Zugriff auf Spring Boot Admin -Anwendung unter:

   http: // localhost: 9000

6. Melden Sie sich mit vorhandenem admin/password an

Testen

Backend Unit -Tests für DAOs und Dienste

1. Installieren Sie Docker (optional, nur für Oracle -Datenbanktests )

2. Verzeichnis ändern:

   cd twitter-emulation-common

3. Aus der Befehlszeile führen Sie einen der Befehle mit Maven aus:

   mvn test ( H2 )
   mvn test -P development ( H2 )
   mvn test -P production ( Oracle -Datenbank )

Backend -Unit -Tests für Controller, Integrationstests

1. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-common-server

2. Aus der Befehlszeile mit Maven :

   mvn test

Frontend Unit Tests

Scherz, React -Testbibliothek, Vitest -Tests

1. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-react-web

2. Aus der Befehlszeile mit NPM :

   npm run test

Jasmintests

1. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-angular-web

2. Aus der Befehlszeile mit NPM :

   npm run test

Frontend-End-to-End-Test

Puppenspieler -Tests

1. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-react-web

2. Aus der Befehlszeile mit NPM :

   npm run e2e

Prospraktortests

1. Verzeichnis ändern:

   cd twitter-emulation-spring-boot-angular-web

2. Aus der Befehlszeile mit NPM :

   npm run e2e

Entwicklung

• H2 -Datenbankkonsole
• Stolzieren:
  • Prahlerei UI
  • Prahlerei Json
  • Swagger Yaml

Frameworks und Bibliotheken

• Frühling:
  • Frühlings -MVC
  • Federstiefel
  • Frühlingssicherheit
  • Frühlingstest
  • Spring Boot Admin
• Reagieren
• Eckig
• H2- oder Oracle -Datenbank (Datenspeicher)
• Prahlerei ( REST -API -Dokumentation)
• Jungit ( Java -Unit -Test)
• Mockito (Verspottung für Unit -Tests in Java )
• Testkontainer (Tests mit Docker -Containern)
• Scherz (Tests von JavaScript Unit)
• React Testing Library ( JavaScript -Unit -Test für React )
• Jasmine ( JavaScript -Unit -Test)
• Puppenspieler ( JavaScript -End-to-End-Test)
• Prospraktor (End-to-End-Test für Angular )
• Vitest ( JavaScript -Test nach VITE )

CI/CD

• GitHub -Aktionen (Automatisierung von Workflows)
• Devitabot (automatisierte Abhängigkeitsaktualisierungen)
• Mergify (automatisierte Verschmelzung von Pull -Anfragen)

Werkzeuge

• Todolist 7.1.5+ (Planung)
• Bleistift 3.0.4+ (GUI -Prototyping)
• Violet 0,21.1 (UML -Diagramme)

Artikel

Die Entwicklung des Erstellens von Webanwendungen in Java (Russisch)