blazor

系列文章 基于 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

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

Blazor编译后的文件是静态文件，所以我们只需要一个支持静态页面的web server即可。 根据不同项目，会用不同的容器编排，本文已无网关的情况下为例，一步一步展示如何打包进docker 需求 HTTPS 既然无网关，直接面向互联网，所以HTTPS显得尤为重要 HTTP/2 TLS3.0 既然都是静态资源，使用H2和TLS3.0的目的是进一步加快加载速度 Compress 对静态资源的压缩的目的依然是进一步加快加载速度。压缩选型为Brotli和 Gzip 压缩 Dockerfile 官方的 Nginx 镜像，默认不支持Brotli 所以需要自己准备一个具有Brotli支持的镜像，这里推荐使用自卖自夸的 Nginx 镜像,不仅使用最新的openssl编译(避免漏洞)，还支持TLS1.3 http2 brotli和默认东八时区，且配置文件里还有配置示例。欢迎访问 Docker Hub rsnow/nginx ，了解更多。 发布blazor wasm 截至2020.05.26，VS还不能把blazor wasm直接发布到Docker镜像仓库，所以只能自己打包 首先发布Release，不再赘述 在项目根目录创建 Dockerfile FROM rsnow/nginx:amd64-1.18.0 RUN rm /usr/share/nginx/html/index.html && \

前言 默认的 index.html 显示的 Loading 太简陋了. 而且没有加载进度条. 所以做了一个. 代码地址 : https://github.com/BlazorPlus/BlazorDemoWasmLoading 只需要改 index. html <! DOCTYPE html > < html > < head > < meta charset ="utf-8" /> < meta name ="viewport" content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> < title > BlazorDemoWasmLoading </ title > < base href ="/" /> < link href ="css/bootstrap/bootstrap.min.css" rel ="stylesheet" /> < link href ="css/app.css" rel ="stylesheet" /> < link href ="manifest.json" rel ="manifest" /> < link rel ="apple-touch-icon" sizes ="512x512" href ="icon-512

前言, Blazor Assembly 需要最少 1.9M 的下载量. ( Blazor WebAssembly 船新项目下载量测试 , 仅供参考. ) 随着程序越来越复杂, 引用的东西越来越多, 需要更多的下载量 , 有一些网站的网络可能较差, 加载这些文件需要一定的时间. 对于一些网站而言, 它不是一开始就把wasm页面暴露给游客的. wasm更加适合做的, 是一些需要与服务器进行大量交互的App类程序. 例如网站后台管理界面, 聊天后台界面, 等等. 所以, 大部分场合, 游客是先进了网站, 然后登陆, 最后才到wasm页面. 基于这种情况, 这里提供了一个例子, 关于如何预先加载wasm所需的dll 达到如此效果: 游客进入网站欢迎页 => 欢迎页在背后预先加载dll资源 => 游客进入WASM界面, 加载速度变快. 例子工程 : 首先, 这个例子使用的是 Asp.Net hosted , 加上 PWA 模式. 那么这里就有 Asp.Net Core 的程序在服务器运行着 . 修改WASM首页地址 把 Index.razor 的地址改成 /Home , 因为我们需要网站的首页是欢迎页. 新增网站首页 我们用 Asp.Net Core 的 razor页面来做首页. 没有Controller , 当然你也可以用自己喜欢的方式, 使用 MVC , 甚至是Blazor Server

基于blazor实现的一个简单的TODO List 最近看到一些大佬都开始关注blazor，我也想学习一下。做了一个小的demo，todolist，仅是一个小示例，参考此vue项目的实现 http://www.jq22.com/code1339 先看实现的效果图 不BB,直接可以去看 源码与预览地址 示例地址 http://baimocore.cn:8081/ 源码地址 BlazorAppTodoList 源码介绍 我们这里删除了默认的一些源码。只保留最简单的结构,在Pages/Index.razor中。 @code代码结构中写如下内容 创建一个类，里面包含 id,label,isdone三个属性值。 public class TodoItem { public TodoItem () { } public TodoItem (int id, string label, bool isDone) { Id = id; Label = label; IsDone = isDone; } public int Id { get; set; } public string Label { get; set; } public bool IsDone { get; set; } } 我们可以通过override重写初始化，并给Todos设置一些数据。 private IList

你好，我是Dotnet9，继上篇介绍 Bootstrap风格的BlazorUI组件库 后，今天我来介绍另一款Blazor UI组件库：一套基于 Ant Design 和 Blazor 的企业级组件库。 本文导航： 一、关于Ant Design Blazor 二、Ant Design Blazor的社区贡献 2.1 项目关注度 2.2 Ant Design官方认可 2.3 微软官方认可 三、Ant Design Blazor UI库介绍 四、Ant Design Blazor后续计划 五、Ant Design Blazor技术交流 一、关于Ant Design Blazor 项目名称： Ant Design Blazor 项目作者： James Yeung（社区发起者，目前项目参与度高，有较多贡献者） 开源许可协议： MIT 项目地址： https://github.com/ant-design-blazor/ant-design-blazor ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 Blazor 组件，可在多种托管方式共享。 💕 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互。 🎨 支持渐进式 Web 应用（PWA） 🛡 使用 C# 构建，多范式静态语言带来高效的开发体验。 ⚙️ 基于 .NET