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应用程序的演变