razor

今天是农历五月初五，端午节。在此，祝大家端午安康！ 端午节是中华民族古老的传统节日之一。端午也称端五，端阳。此外，端午节还有许多别称，如：午日节、重五节、五月节、浴兰节、女儿节、天中节、地腊、诗人节、龙日等。 不好意思，跑题了，就此打住。 事情的经过是这样的，今年端午节公司给每位员工都准备了一个粽子礼盒，本以来就几个粽子而已，没想到今年的粽子礼盒内暗藏玄关，内附一个棋盘和五子棋子。 粽子什么的都不重要，主要是这个五子棋我还挺喜欢的，哈哈哈。😎 正好这段时间用 Blazor 将之前的博客重构了一遍，于是就想着能否用 Blazor 写一个五子棋⚫⚪小游戏呢？ 说干就干，本篇主要是分享基于 Blazor 开发的五子棋小游戏，先放试玩地址： https://blazor.meowv.com/gobang 。 大家可以先打开链接让他先加载一会(挂在GitHub，有点慢~🤪)，再继续回来看文章哈。 刚开始本来我是自己写的，发现越写越复杂，遂放弃就在Github上寻找有没有实现过类似的需求，别说还真有一位大神用 Blazor 实现了，地址： https://github.com/ut32/gobang/ ，所以我的代码逻辑基本上都参考这位大神的代码。👍👍👍 接下来看看实现过程，新建一个 Gobang.razor razor组件，设置路由： @page "/gobang" 。 我这里直接放在之前

长话短说：上文我们聊了 ASP.NET Core 基于声明的访问控制到底是什么鬼？ 今天我们乘胜追击：聊一聊ASP.NET Core 中的身份验证。 身份验证是确定用户身份的过程。授权是确定用户是否有权访问资源的过程。 1. 万变不离其宗 显而易见，一个常规的身份认证用例包括两部分： ① 对用户进行身份验证 ② 在未经身份验证的用户试图访问受限资源时作出反应 已注册的身份验证处理程序及其配置选项被称为“方案”，方案可用作一种机制，供用户参考相关处理程序的身份验证、挑战和禁止行为。 我们口头上常说的： 基于cookie认证方案，若认证成功，go on，若认证失败则跳转回登录页面； 基于基本身份认证（BA）方案，若认证成功，go on，若认证失败则给浏览器返回 WWW-Authenticate 标头， 浏览器会再次弹出认证窗口。 2. ASP.NET Core认证原理 在 ASP.NET Core 中，身份验证由 IAuthenticationService 负责，身份验证服务会调用已注册的身份验证处理程序来完成与身份验证相关的操作， 整个验证过程由 认证中间件 来串联。 一图以蔽之： 其中有几个关键步骤 添加认证方案 由配置项 AuthenticationSchemeOption 、认证处理程序组成。 基于Cookie的认证方案可在Options项中可指定登录地址，

系列文章 基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目 基于 abp vNext 和 .NET Core 开发博客项目 - 给项目瘦身，让它跑起来 基于 abp vNext 和 .NET Core 开发博客项目 - 完善与美化，Swagger登场 基于 abp vNext 和 .NET Core 开发博客项目 - 数据访问和代码优先 基于 abp vNext 和 .NET Core 开发博客项目 - 自定义仓储之增删改查 基于 abp vNext 和 .NET Core 开发博客项目 - 统一规范API，包装返回模型 基于 abp vNext 和 .NET Core 开发博客项目 - 再说Swagger，分组、描述、小绿锁 基于 abp vNext 和 .NET Core 开发博客项目 - 接入GitHub，用JWT保护你的API 基于 abp vNext 和 .NET Core 开发博客项目 - 异常处理和日志记录 基于 abp vNext 和 .NET Core 开发博客项目 - 使用Redis缓存数据 基于 abp vNext 和 .NET Core 开发博客项目 - 集成Hangfire实现定时任务处理 基于 abp vNext 和 .NET Core 开发博客项目 - 用AutoMapper搞定对象映射 基于 abp

关于组件 现在前端几大轮子全面组件化。组件让我们可以对常用的功能进行封装，以便复用。组件这东西对于搞.NET的同学其实并不陌生，以前ASP.NET WebForm的用户控件其实也是一种组件。它封装html代码，封装业务逻辑，对外提供属性事件等信息，它完完全全就是个组件，只是用户控件跑在服务端，而现在的组件大多数直接跑在前端。现在Blazor Webassembly微软正式把组件带到前端，让我们看看它是怎么玩的。 第一个组件 废话不多说下面开始构建第一个组件。这个组件很简单就是绿色的面板加一个标题的容器，我们就叫它GreenPanel吧。 新建Blazor Webassembly项目 前几天的build大会，Blazor Webassembly已经正式release了。我们更新最新版的Core SDK就会安装正式版的模板。 新建项目选Blazor Webassembly App项目模板 新建GreenPanel组件 在pages命令下新建一个文件夹叫做components，在文件夹下新建一个razor组件，命名为GreenPanel.razor。 注意：组件的命名必须大写字母开头 添加代码如下： <div class="green-panel"> <div class="title"> Green panel </div> <div class="content"> </div> <