Angular Spring Starter 教程

Angular Spring Starter 教程

angular-spring-starterFull stack starter kit featuring Angular 7, Spring boot and stateless JWT authentication. 项目地址:https://gitcode.com/gh_mirrors/an/angular-spring-starter

欢迎来到Angular Spring Starter的快速入门指南。本教程将引导您了解此开源项目的结构、启动流程以及核心配置设置，帮助您快速上手这个结合了前端Angular框架与后端Spring技术栈的项目模板。

1. 项目目录结构及介绍

Angular Spring Starter项目遵循了一种典型的前后端分离架构，其目录结构清晰地反映了这一点。

前端(Angular部分)

• /client-app - 这是Angular应用的核心目录。
  • src - 包含所有源代码。
    • app - 应用的主要组件、服务和路由定义所在。
    • assets - 静态资源如图片、字体等存放处。
    • environments - 环境配置文件（例如开发环境与生产环境）。
    • index.html - 应用的入口页面。
    • styles.scss - 主样式文件。
  • angular.json - Angular项目的配置文件。

后端(Spring Boot部分)

• /server - Spring Boot应用的主体。
  • src/main/java - Java源码所在，其中可能包含：
    • com.example.demo (或项目命名空间) - 主要的包结构，包括主类、控制器、服务和实体类。
  • src/main/resources - 资源文件，包含：
    • application.properties 或 application.yml - 系统配置文件。
    • static, templates - 如果有前后端不完全分离的情况，可能会放置静态资源或Thymeleaf模板。
  • pom.xml - Maven构建文件，列出了依赖项、插件等。

2. 项目的启动文件介绍

前端启动

对于Angular部分，启动命令通常通过NPM或者Yarn进行。主要的启动脚本位于client-app/package.json中的scripts字段，常用的启动命令是：

cd client-app
npm start

这将运行Angular开发服务器，默认情况下监听在http://localhost:4200/。

后端启动

Spring Boot应用的启动非常直接。首先，你需要定位到项目的主类，该类通常带有@SpringBootApplication注解。在本项目中，它可能位于/server/src/main/java/com/example/demo/DemoApplication.java。然后，使用Maven或Gradle来启动应用。如果是Maven，可以通过以下命令：

cd server
mvn spring-boot:run

这将启动Spring Boot应用，默认端口通常是8080。

3. 项目的配置文件介绍

application.properties 或 application.yml (Spring Boot)

这是Spring Boot应用的核心配置文件，位于/server/src/main/resources/。这些文件包含了数据库连接信息、服务端点配置、日志级别等关键设置。例如，设置数据库URL、用户名和密码，以及其他自定义的应用级配置。

spring.datasource.url=jdbc:mysql://localhost:3306/mydb
spring.datasource.username=root
spring.datasource.password=my-secret-pw

angular.json (Angular)

Angular的配置文件，用于控制构建过程和开发服务器的行为。这里可以设定输出路径、开发服务器的端口号、默认浏览器以及其他构建选项。

例如，指定构建输出目录：

"outputPath": "dist/client-app",

通过上述介绍，您现在应该对Angular Spring Starter项目的基本结构、如何启动以及配置有了一个清晰的认识。记得在实际操作过程中，根据自己的需求调整配置，并享受开发的过程！

angular-spring-starterFull stack starter kit featuring Angular 7, Spring boot and stateless JWT authentication. 项目地址:https://gitcode.com/gh_mirrors/an/angular-spring-starter