twitter emulation

Java中的Twitter仿真和反應/角度

該應用程序模擬了Twitter的主要功能：

• 登錄，註銷；
• 帳戶管理（註冊，編輯，刪除，通過子字符串搜索）；
• 主頁（帳戶屬性，時間表，推文，關注者）；
• 推文創建；
• 跟隨/取消關注。

在幾種方面：

1. 春季MVC ， JSP
2. 春季靴， JSP
3. 春季靴子，反應
4. 春季靴，角

要求

• JDK 21+
• Apache Maven 3.9.0+
• Node.js 22.12.0+（可選）
• Docker（可選）

跑步

春季MVC，JSP

1. 從帶有Maven的命令行（在根目錄中）：

   mvn clean install -Dmaven.test.skip=true

2. 更改目錄：

   cd twitter-emulation-spring-mvc-jsp

3. 從命令行運行的一個用maven運行的命令之一：

   mvn jetty:run （ H2 ）
   mvn jetty:run -P development （ H2 ）
   mvn jetty:run -P production （ Oracle數據庫）
   （ Oracle數據庫連接屬性： etc/jetty.xml ）

4. 訪問部署的Web應用程序：

   http：// localhost：8080

5. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

Spring Boot，JSP

1. 從帶有Maven的命令行（在根目錄中）：

   mvn clean install -Dmaven.test.skip=true

2. 更改目錄：

   cd twitter-emulation-spring-boot-jsp

3. 從命令行運行的一個用maven運行的命令之一：

   mvn spring-boot:run （ H2 ）
   mvn spring-boot:run -P development （ H2 ）
   mvn spring-boot:run -P production （ Oracle數據庫）
   （ Oracle數據庫連接屬性： src/main/resources/application.yml ）

4. 訪問部署的Web應用程序：

   http：// localhost：8080

5. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

春季靴子，反應

方法1

1. 從帶有Maven的命令行（在根目錄中）：

   mvn clean install -Dmaven.test.skip=true

2. 更改目錄：

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

3. 從命令行運行的一個用maven運行的命令之一：

   mvn spring-boot:run （ H2 ）
   mvn spring-boot:run -P development （ H2 ）
   mvn spring-boot:run -P production （ Oracle數據庫）
   （ Oracle數據庫連接屬性： src/main/resources/application.yml ）

4. 訪問部署的Web應用程序：

   http：// localhost：8080

5. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

方法2

1. 安裝node.js

2. 運行以確保NPM正在工作：

   npm -v

3. 更改目錄：

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

4. 從命令行運行的一個用maven運行的命令之一：

   mvn spring-boot:run （ H2 ）
   mvn spring-boot:run -P development （ H2 ）
   mvn spring-boot:run -P production （ Oracle數據庫）
   （ Oracle數據庫連接屬性： src/main/resources/application.yml ）

5. 更改目錄：

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

6. 從NPM的命令行中：

   npm start

7. 訪問部署的Web應用程序：

   http：// localhost：5173

8. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

方法3

1. 從帶有Maven的命令行（在根目錄中）：

   mvn clean package -DskipTests

2. 更改目錄：

   cd twitter-emulation-distrib/target

3. 查找分發文件：

   twitter-emulation-react-<version>.zip

4. 例如，從zip中提取文件：

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

5. 更改目錄：

   cd twitter-emulation-react-<version>

6. 跑步：

   runme.bat （ Windows ）
   runme.sh （ macos或linux ）

7. 訪問運行的Web應用程序：

   http：// localhost：8080

8. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

春季靴，角

方法1

1. 從帶有Maven的命令行（在根目錄中）：

   mvn clean install -Dmaven.test.skip=true

2. 更改目錄：

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

3. 從命令行運行的一個用maven運行的命令之一：

   mvn spring-boot:run （ H2 ）
   mvn spring-boot:run -P development （ H2 ）
   mvn spring-boot:run -P production （ Oracle數據庫）
   （ Oracle數據庫連接屬性： src/main/resources/application.yml ）

4. 訪問部署的Web應用程序：

   http：// localhost：8080

5. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

方法2

1. 安裝node.js

2. 運行以確保NPM正在工作：

   npm -v

3. 更改目錄：

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

4. 從命令行運行的一個用maven運行的命令之一：

   mvn spring-boot:run （ H2 ）
   mvn spring-boot:run -P development （ H2 ）
   mvn spring-boot:run -P production （ Oracle數據庫）
   （ Oracle數據庫連接屬性： src/main/resources/application.yml ）

5. 更改目錄：

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

6. 從NPM的命令行中：

   npm start

7. 訪問部署的Web應用程序：

   http：// localhost：4200

8. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

方法3

1. 從帶有Maven的命令行（在根目錄中）：

   mvn clean package -DskipTests

2. 更改目錄：

   cd twitter-emulation-distrib/target

3. 查找分發文件：

   twitter-emulation-angular-<version>.zip

4. 例如，從zip中提取文件：

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

5. 更改目錄：

   cd twitter-emulation-angular-<version>

6. 跑步：

   runme.bat （ Windows ）
   runme.sh （ macos或linux ）

7. 訪問運行的Web應用程序：

   http：// localhost：8080

8. 使用現有帳戶登錄（ jsmith/password ， jdoe/password ， rroe/password ， alone/password ）或創建一個新帳戶

監視

1. 更改目錄：

   cd twitter-emulation-spring-boot-admin

2. 與Maven的命令行：

   mvn spring-boot:run

3. 更改目錄：

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

   或者

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

4. 與Maven的命令行：

   mvn spring-boot:run

5. Access Spring Boot Admin應用程序：

   http：// localhost：9000

6. 使用現有帳戶admin/password登錄

測試

DAOS和服務的後端單元測試

1. 安裝Docker （可選，僅用於Oracle數據庫測試）

2. 更改目錄：

   cd twitter-emulation-common

3. 從命令行運行的一個用maven運行的命令之一：

   mvn test （ H2 ）
   mvn test -P development （ H2 ）
   mvn test -P production （ Oracle數據庫）

控制器的後端單元測試，集成測試

1. 更改目錄：

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

2. 與Maven的命令行：

   mvn test

前端單元測試

開玩笑，React測試庫，vitest測試

1. 更改目錄：

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

2. 從NPM的命令行中：

   npm run test

茉莉測試

1. 更改目錄：

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

2. 從NPM的命令行中：

   npm run test

前端端到端測試

木偶測試

1. 更改目錄：

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

2. 從NPM的命令行中：

   npm run e2e

量角測試

1. 更改目錄：

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

2. 從NPM的命令行中：

   npm run e2e

發展

• H2數據庫控制台
• 昂首闊步：
  • Swagger UI
  • 招搖Json
  • swagger yaml

框架和庫

• 春天：
  • 春季MVC
  • 春季引導
  • 春季安全性
  • 春季測試
  • Spring Boot管理員
• 反應
• 角
• H2或Oracle數據庫（數據存儲）
• Swagger（ REST API文檔）
• Junit（ Java單元測試）
• Mockito（在Java中進行單位測試的模擬）
• TestContainers（使用Docker容器進行測試）
• 開玩笑（ JavaScript單元測試）
• React測試庫（ javaScript單元測試對React的測試）
• 茉莉（ JavaScript單元測試）
• Puppeteer（ JavaScript端到端測試）
• 量角器（角度的端到端測試）
• vitest（通過Vite進行JavaScript測試）

CI/CD

• github動作（工作流程的自動化）
• Displyabot（自動化依賴項更新）
• 合併（自動合併拉請求）

工具

• Todolist 7.1.5+（計劃）
• 鉛筆3.0.4+（GUI原型設計）
• 紫羅蘭色0.21.1（UML圖）

文章

在Java（俄語）中創建Web應用程序的演變