使用 Spring Boot 和 Angular 的 Go Java 全栈开发

成为一名全栈Java开发人员。使用Angular和Spring Boot构建您的第一个Java全栈应用程序。

讲师：in28Minutes Official

---

你将学到的内容

• 你将使用Angular和Spring Boot开发你的第一个全栈应用程序
• 你将学习使用Angular构建令人惊叹的前端应用程序的基础知识
• 你将了解使用Spring Boot构建优秀RESTful API的基本概念
• 你将学习使用Spring Security配置基础认证和JWT
• 你将学习解决将Angular前端连接到RESTful API的挑战
• 你将学习Angular的基础知识 – Angular模块、组件、数据绑定和路由
• 你将学习如何使用Spring Boot将REST API连接到JPA/Hibernate
• 你将了解设计RESTful Web服务的最佳实践
• 你将学习使用各种Spring Boot启动项目 – Spring Boot Web和Spring Boot Data JPA
• 你将了解Spring Boot的神奇之处 – 自动配置、Spring Initializr和启动项目
• 你将逐步开发一个具有登录和注销功能的待办事项管理全栈应用程序
• 你将了解如何充分利用Spring Boot Actuator和Spring Boot开发者工具
• 你将学习使用Spring Boot和Spring Security保护RESTful API

课程要求

• 你拥有在学习中享受乐趣的态度 🙂
• 你有JavaScript、Java和Spring的编程经验。
• 我们将帮助你学习现代JavaScript、TypeScript、Spring Boot和JPA的基础知识
• 我们将帮助你安装Chrome、Eclipse、Visual Studio Code和Node JS（用于npm）

课程描述

欢迎来到这门令人惊叹的课程：使用Angular和Spring Boot进行全栈Web开发。本课程专为Java和Spring开发者设计，是学习Angular和全栈开发的完美的第一步。

零基础学习Angular、TypeScript（及/或）现代JavaScript？ 没问题。 立即开始学习吧！

更新：新增了关于Spring Security的课程章节

学员评价：

5星 – 这门课程是Java开发者学习Angular并超越基础了解的最佳选择。讲师做得非常好。谢谢！

5星 – 是的，这趟学习旅程非常棒，导师非常出色。在跟随分步视频时，我没有任何疑问和错误。我推荐这门课程给所有真正想学习Spring Boot + Angular的人。讲解清晰且系统化。我要感谢Rangakaran先生，他是最好的导师… 🙂

5星 – 这是一门内容实用的优秀课程，以非常直观的方式教学；从一个课程到另一个课程逐步构建。作为一名有Spring Boot和Angular经验的Web应用程序开发者，这门课程提供了清晰的指导，帮助我同时使用这两种技术。我非常感谢这位讲师，期待学习更多课程。

5星 – 视频讲解清晰易懂。 推荐！

5星 – 非常棒的课程。讲师对课程内容非常了解，并以清晰的方式带您逐步学习。这是学习全栈开发的好起点。

5星 – 讲解非常出色，特别适合想通过Spring Boot和Angular转向全栈Java开发的Java开发者。

课程概览

使用Angular和Spring Boot开发你的第一个全栈Web应用程序非常有趣。

本课程将教你使用Angular、Spring Boot和Spring Security框架开发一个基础的待办事项管理应用程序的全栈Web开发基础知识。你将逐步构建待办事项管理应用程序，包含超过100个步骤。

你将使用Angular（前端框架）、TypeScript基础、Angular CLI（用于创建Angular项目）、Spring Boot（REST API框架）、Spring（依赖管理）、Spring Security（认证和授权 – 基础认证和JWT）、Bootstrap（页面样式布局）、Maven（依赖管理）、Node（npm）、Visual Studio Code（TypeScript集成开发环境）、Eclipse（Java集成开发环境）和Tomcat嵌入式Web服务器。

我们将帮助你配置所有这些工具。

Angular是一个功能强大的前端框架。Spring Boot是构建RESTful API和微服务的绝佳框架。让我们结合这些框架，创建一个出色的全栈Web应用程序。

课程亮点

概述

步骤01 – 理解全栈应用程序架构

步骤02 – 现代JavaScript和TypeScript快速概述

步骤03 – 安装Angular CLI – 创建Angular项目的强大工具

步骤04 – 使用Angular CLI创建和启动Angular应用程序

步骤05 – 将Angular应用导入Visual Studio Code

步骤06 – 探索Angular CLI命令 – test、lint、e2e、serve、build

步骤07 – 探索Angular CLI项目结构

动手实践Angular

步骤08 – Angular组件简介 – 基础知识

步骤09 – Angular组件简介 – 玩转AppComponent

步骤10 – 使用ng generate生成欢迎组件

步骤11 – 语言对比示例 – Java、JavaScript和TypeScript

步骤12 – 生成并设置登录组件

步骤13 – 理解事件绑定 – 在登录页面添加点击事件

步骤14 – 在登录页面使用ngModel实现双向数据绑定

步骤15 – 数据绑定方法快速复习

步骤16 – 为逻辑组件添加硬编码认证 – 使用ngIf指令

步骤17 – 实现登录、欢迎和错误组件的路由

步骤18 – 实现从登录到欢迎组件的路由

步骤19 – 为欢迎组件添加路由参数

步骤20 – 使用ng generate创建列表待办组件

步骤21 – 在欢迎组件中为待办事项添加链接

步骤22 – 最佳实践 – 创建待办事项类

步骤23 – Angular模块快速介绍

步骤24 – 通过根模块和组件理解Angular应用的启动过程

步骤25 – Angular模块和组件快速复习

步骤26 – 下一步的概述 – Bootstrap、菜单、页脚和重构

步骤27 – 添加Bootstrap框架并创建菜单和页脚组件

步骤28 – 使用Bootstrap创建带导航链接的菜单

步骤29 – 使用CSS和Bootstrap样式化页脚和其他组件

步骤30 – 良好实践 – 使用RouterLink代替href进行路由

步骤31 – 创建独立认证服务组件

步骤32 – 使用会话存储保存用户认证令牌

步骤33 – 根据用户认证令牌启用菜单链接

步骤34 – 实现注销功能以移除用户认证令牌

步骤35 – 使用路由守卫保护组件 – 第一部分

步骤36 – 使用路由守卫保护组件 – 第二部分

步骤37 – 认证服务、依赖注入和路由守卫快速复习

Web服务和REST简介

步骤41 – 什么是Web服务？

步骤42 – 与Web服务相关的重要问题

步骤43 – Web服务 – 关键术语

步骤44 – RESTful Web服务简介

快速上手REST和Spring Boot

步骤45 – 使用Spring Boot初始化RESTful服务项目

步骤46 – 创建一个Hello World服务

步骤47 – 增强Hello World服务以返回一个Bean

步骤48 – 快速复习Spring Boot自动配置和Dispatcher Servlet – 背后发生了什么？

步骤49 – 使用路径变量增强Hello World服务

将Angular前端连接到Spring Boot RESTful服务

步骤50 – 将Angular前端连接到REST API – 1 – 创建数据服务

步骤51 – 将Angular前端连接到REST API – 2 – HttpClientModule和HttpClient

步骤52 – 将Angular前端连接到REST API – 3 – 理解Observable

步骤53 – 将Angular前端连接到REST API – 4 – 理解Subscribe

步骤54 – 将Angular前端连接到REST API – 5 – 处理错误响应

步骤55 – 使用路径变量调用欢迎HTTP服务

步骤56 – 为待办资源设计RESTful服务

步骤57 – 创建获取待办列表的REST API

步骤58 – 将Angular前端连接到待办列表RESTful服务

步骤59 – 创建用于删除待办事项的REST API – DELETE请求方法

步骤60 – 在Angular前端添加删除待办功能

步骤61 – 创建待办组件并处理路由

步骤62 – 使用Bootstrap框架设计待办页面

步骤63 – 创建获取待办服务并连接Angular前端

步骤64 – 改善待办页面的外观

步骤65 – 创建更新待办的REST API – PUT请求方法

步骤66 – 创建创建待办的REST API – POST请求方法

步骤67 – 在Angular前端实现更新待办功能

步骤68 – 在Angular前端实现新增待办功能

步骤69 – 改进待办表单 – 验证和按下回车提交 – ngSubmit

步骤70 – 增强待办页面的验证提示信息

实现Spring Security基础认证

步骤71 – 基础认证和JWT的安全性概述

步骤72 – 设置Spring Security

步骤73 – 配置标准用户名和密码

步骤74 – 增强Angular欢迎数据服务以使用基础认证

步骤75 – 配置Spring Security禁用CSRF并启用OPTION请求

步骤76 – 创建Angular HttpInterceptor以添加基础认证头

步骤77 – 在App模块中配置HttpInterceptor作为提供者

步骤78 – 在Spring Boot中创建基础认证RESTful服务

步骤79 – 在Angular中创建基础认证服务

步骤80 – 将登录页面连接到基础认证服务 – 第一部分

步骤81 – 将登录页面连接到基础认证服务 – 第二部分

步骤82 – 重构Angular基础认证服务

步骤83 – 重构HttpInterceptor以使用基础认证令牌

步骤84 – 良好实践 – 为URL和令牌使用常量

将Spring Security与JWT连接

步骤85 – JWT简介

步骤86 – 将JWT框架导入Eclipse

步骤87 – 快速提示 – 解决JWT编译错误

步骤88 – 执行JWT资源 – 获取令牌和刷新令牌

步骤89 – 理解JWT Spring Security框架设置

步骤90 – 创建带有编码密码的新用户

步骤91 – 在Angular前端使用JWT令牌

将REST API连接到JPA和Hibernate

步骤92 – 设置待办事项实体并填充数据

步骤93 – 将GET REST API连接到JPA存储库

步骤94 – 将POST、PUT和DELETE REST API连接到JPA存储库

立即开始学习。 点击报名按钮！

适合人群：

• 你想使用Angular和Spring Boot开发你的第一个全栈应用程序
• 你是想开始使用Angular和Spring Boot进行全栈开发的Java开发者
• 你是想使用Angular构建全栈应用的Spring Boot开发者
• 你想学习Angular前端框架的基本组件
• 你想学习使用Spring Boot框架构建基本的RESTful API和服务
• 你想学习如何使用Spring Boot和Spring Security通过基础认证和JWT保护REST API