ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 实战小项目视频

视频简介

ASP.NET Core Web API + Angular 6的教学视频

我是后端开发人员, 前端的Angular部分讲的比较差一些, 可以直接看代码!!!!

 

这是一个小项目的实战视频, 该项目采用了:

  • ASP.NET Core 2.1 做API

  • Identity Server 4

  • Angular 6

  • Angular Material

这个项目比较简单, 适合ASP.NET Core Web API 和 Angular 初学者.

 

项目最终完成的效果如图:

 

 

 

 

视频目录

视频专辑地址: http://v.qq.com/vplus/4cfb00af75c16eb8d198c58fb86eb4dc/foldervideos/8hk0029019k2fft

源码以及PPT: https://github.com/solenovex/ASP.NET-Core-2.1-Angular-6-Demo

第一部分建立Web API及其CRUD功能

  1. 建立ASP.NET Core项目, 以及Program和Startup的简介
  2. 配置ASP.NET Core项目
    1. 环境, HTTPS等    
    2. 添加Entity Framework Core 2.1支持
  3. 继续配置ASP.NET Core项目
    1. 添加Serilog
    2. 添加配置文件, 处理全局异常
  4. 大致完成ASP.NET Core项目的建立, Resource Model, AutoMapper, FluentValidation
  5. 实现后端的GET
    1. REST简介, 以及GET的简单实现
    2. 翻页, 过滤, 排序等等
  6. GET的塑性, HATEOAS, 自定义Media Type
  7. POST, PUT, PATCH, DELETE, 实体验证

第二部分, 建立Identity Server 4项目, 添加Mvc客户端(测试用)

  1. OAuth 2.0 & OpenId Connect 简介 (可选)
  2. 使用Mvc客户端访问被保护的API资源(处于测试的目的)

第三部分, 建立Angular项目, 使用Implicit Flow进行身份认证, 访问被保护的API

  1. 建立Angular 6项目, 配置Angular Material和UI布局, 路由等.....
  2. 访问被保护的API
    1. 访问未被保护的API资源
    2. 跨域访问API的另一种办法
  3. oidc-client.js, 集成Angular客户端到Identity Server 4
  4. 其它功能(上)
  5. 其它功能(下)

 

posted @   yangxu-pro  阅读(13706)  评论(57编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
点击右上角即可分享
微信分享提示