Spring Boot Maven Angular Starter 项目教程

Spring Boot Maven Angular Starter 项目教程

spring-boot-maven-angular-starterSpring Boot 2.x Angular 9 Multi-module Maven Starter Project项目地址:https://gitcode.com/gh_mirrors/sp/spring-boot-maven-angular-starter

1. 项目的目录结构及介绍

目录结构

spring-boot-maven-angular-starter/
├── backend/
│   ├── src/
│   │   ├── main/
│   │   │   ├── java/
│   │   │   └── resources/
│   │   └── test/
│   │       └── java/
│   ├── pom.xml
├── ui/
│   ├── src/
│   │   ├── app/
│   │   ├── assets/
│   │   ├── environments/
│   │   └── index.html
│   ├── angular.json
│   ├── package.json
│   ├── tsconfig.json
│   ├── tsconfig.app.json
│   └── tslint.json
├── .gitignore
├── LICENSE
├── README.md
├── mvnw
├── mvnw.cmd
└── pom.xml

目录介绍

• backend/: 包含项目的后端代码，主要使用Spring Boot框架。

  • src/main/java/: 存放Java源代码。
  • src/main/resources/: 存放配置文件和静态资源。
  • src/test/java/: 存放测试代码。
  • pom.xml: Maven项目配置文件。

• ui/: 包含项目的前端代码，主要使用Angular框架。

  • src/: 存放Angular应用的源代码。
    • app/: 存放Angular组件、服务等。
    • assets/: 存放静态资源文件。
    • environments/: 存放环境配置文件。
    • index.html: 应用的主HTML文件。
  • angular.json: Angular CLI配置文件。
  • package.json: 前端依赖管理文件。
  • tsconfig.json: TypeScript配置文件。
  • tsconfig.app.json: 应用特定的TypeScript配置文件。
  • tslint.json: TypeScript代码风格检查配置文件。

• .gitignore: Git忽略文件配置。

• LICENSE: 项目许可证。

• README.md: 项目说明文档。

• mvnw: Maven包装器脚本。

• mvnw.cmd: Windows下的Maven包装器脚本。

• pom.xml: 根目录下的Maven配置文件。

2. 项目的启动文件介绍

后端启动文件

后端的启动文件位于backend/src/main/java/目录下，通常是一个包含main方法的Java类，例如Application.java。

package com.example;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

前端启动文件

前端的启动文件主要是Angular CLI生成的配置文件，如angular.json和package.json。

• angular.json: 配置Angular项目的构建和开发服务器。
• package.json: 定义前端项目的依赖和脚本命令。

3. 项目的配置文件介绍

后端配置文件

后端的配置文件主要位于backend/src/main/resources/目录下。

• application.properties 或 application.yml: 配置Spring Boot应用的属性，如数据库连接、服务器端口等。

server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/mydb
spring.datasource.username=root
spring.datasource.password=root

前端配置文件

前端的配置文件主要位于ui/目录下。

• angular.json: 配置Angular项目的构建和开发服务器。
• tsconfig.json: 配置TypeScript编译选项。
• tslint.json: 配置TypeScript代码风格检查。
• package.json: 定义前端项目的依赖和脚本命令。

{
  "name": "ui",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
   

spring-boot-maven-angular-starterSpring Boot 2.x Angular 9 Multi-module Maven Starter Project项目地址:https://gitcode.com/gh_mirrors/sp/spring-boot-maven-angular-starter