Blazor 简介 Blazor 是一个使用 .NET 生成的交互式客户端 Web UI 的框架.和前端同学所熟知的 Vue.React.Angular 有巨大差异. 其最大的特色是使用 C# 代码(理论上可以是 .NET 生态的任何语言)代替 JavaScript 来实现逻辑. 使用 C# 代替

.net core正式推出了Blazor, 正好在一个小项目里试用一下. 建立项目 因为基于WebAssemble的客户端Blazor还不是正式版, 为了避免不必要的麻烦,我试用服务端的Blazor. 试用ctrl+F5运行程序,这样开发时保存后会自动生成项目,页面上会提示reload.   页面跳转 由于是个小项目,首页的内容留到后面设计.我们先建立个查询页面 (Pages/)Planes/Index.razor. 原菜单的Home,改为Plane List.(菜单在NavMenu.razor

我们都知道在6月12日的时候微软发布了.NET Core 3.0的第6个预览版.针对.NET Core 3.0的发布我们国内的微软MVP-汪宇杰还发布的官翻版的博文进行了详细的介绍.具体的可以关注"汪宇杰博客"公众号,或者我的"DotNetCore实战"公众号然后在历史文章里面进行查阅.而我们这篇文章将会介绍本次更新中对ASP.NET Core和Blazor所做的更新.当然本文的大部分内容翻译自ASP.NET的首席项目经理Daniel Roth的介绍. 注:英语能力

原文:https://chrissainty.com/securing-your-blazor-apps-authentication-with-clientside-blazor-using-webapi-aspnet-core-identity/ 由于Blazor框架已经有所更新,翻译中有些内容我根据实际情况做了更改. 设置:创建解决方案 选择Blazor应用 项目名称 选择Blazor WebAssembly App(这里要勾选Asp.Net Core Host),如果找不到Blazor

添加Identity数据上下文 安装nuget包:Microsoft.AspNetCore.Identity.EntityFrameworkCore 创建ApplicationDbContext类 创建一个Data文件夹,并创建一个新类,添加以下内容 public class ApplicationDbContext : IdentityDbContext { public ApplicationDbContext(DbContextOptions options) : base(options

本文主要分享我创建 Ant Design of Blazor 项目的心路历程,已经文末有一个 Blazor 线上分享预告. Blazor WebAssembly 来了! Blazor 这个新推出的前端 Web 框架,想必是去年 .NET Core 3.0 发布时才进入 .NET 开发者的视线的.但其实,那时发布的是服务端托管版,而真正具有跨时代意义的,是即将在今年5月发布的 WebAssembly 托管版. 我早在两年前,2017年底,就已经在 Steve Sanderson 的一篇博客中看到这

1.环境 VS2019 16.5.1 .NET Core SDK 3.1.200 Blazor WebAssembly Templates 3.2.0-preview2.20160.5 2.默认绑定 2.1.使用方法 Blazor中Razor组件通过一个名为@bind的HTML元素属性提供数据绑定功能,数据绑定的对象可以为字段.属性或表达式值.例如: <input @bind="_bindValue1" /> @code{ ; } @bind默认绑定的是元素的onchang

最近Blazor热度很高,传说马上就要发布正式版了,做为微软脑残粉,赶紧也来凑个热闹,学习一下. Blazor Blazor是微软在ASP.NET Core框架下开发的一种全新的Web开发框架.Blazor利用WebAssembly使得开发者可以抛开JavaScript而使用优雅的C#来开发web单页应用.微软利用WebAssembly在浏览器里实现了一个.NET Runtime,任何.NET STANDARD 2.1的代码都可以在浏览器上运行,真的是屌炸了.Blazor强化了Razor模板引擎

上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly).这次来看看Blazor Server该怎么玩. Blazor Server Blazor 技术又分两种: Blazor WebAssembly Blazor Server Blazor WebAssembly上次已经介绍过了,这次主要来看看Blazor Server.Blazor Server 有点像WebAssembly的服务端渲染模式.页面在

接着上篇,本篇开始讲下实现登录窗口,先看下大概的效果图: 打开的效果,没有美工美化 点登录校验得到不能为空 我在做blazor时用到了一个ui框架,这个框架名叫Ant Design blazor(https://gitee.com/ant-design-blazor/ant-design-blazor),安装步骤如下: 1.打开项目里的Nuget,查找 AntDesign ,找到后安装 2.在项目中(Program.cs)注册: services.AddAntDesign(); 3.在 wwwr

原文作者: Christian Findlay 原文链接: https://christianfindlay.com/2020/07/09/blazor-vs-traditional-web-apps/ Blazor是Microsoft团队开发的单页面应用程序(SPA)框架,它是与React,Angular和Vue.js有相同之处,但是它使用的是C#而不是JavaScript.它将C#带入SPA领域,并向传统的Web应用程序框架(如ASP .NET Web窗体和ASP .NET Core MVC

<进击吧!Blazor!>是本人与张善友老师合作的Blazor零基础入门系列视频,此系列能让一个从未接触过Blazor的程序员掌握开发Blazor应用的能力. 视频地址:https://space.bilibili.com/483888821/channel/detail?cid=151273 演示代码:https://github.com/TimChen44/Blazor-ToDo 本系列文章是基于<进击吧!Blazor!>直播内容编写,升级.Net5,改进问题,讲解更全面. 作

什么是Blazor Blazor是一个使用.NET生成交互式客户端WebUI的框架: 使用C#代替JavaScript来创建信息丰富的交互式UI. 共享使用.NET编写的服务器端和客户端应用逻辑. 将UI呈现为HTML和CSS,以支持众多浏览器,其中包括移动浏览器. 与新式托管平台(如Docker)集成. 基于.Net Core提供客户端Web开发的优势 使用.NET进行客户端Web开发可提供以下优势: 使用C#代替JavaScript来编写代码. 利用现有的.NET库生态系统. 在服务器和客户

Bootstrap Blazor 是一款基于 Bootstrap 的 企业级 Blazor UI 组件库,目前内置近 90 个组件,欢迎大家尝试使用.本次更新全面升级支持 Bootstrap V5.6,内置 Bootstrap 样式框架也升级到了最新版 v5.1 发布时间 2021-8-12 V5.6.0 增加功能 !1709 feat(#I450PE): 'Tab' 组件增加指定索引 ActiveTab 重载方法 #I450PE !1708 feat(#I451B7): Switch 组件内置

翻译自 Waqas Anwar 2021年5月4日的文章 <Making HTTP Requests in Blazor Server Apps> [1] Blazor Server 应用使用标准的 ASP.NET Core 应用程序,在服务端执行 .NET 代码.在 Blazor Server 应用程序中,我们可以像在 ASP.NET Core Web 应用程序中那样,使用相同的方式访问任意 .NET 库或服务端功能.这其中的一项功能是,使用 HTTP Client 实例向第三方 Web A

最近准备用Blazor Webassembly做后台开发要用到多标签页,找了半天发现绝大多数都是Blazor Server的多标签没有Webassembly.没办法只能自己想办法造轮子了. 查了许多资料最后还是决定用iframe来实现,不过标签切换等逻辑是用c#代码实现的. 基本功能已经都实现了不论是标签滚动.激活.左移.右移.关闭其他,还是在内容页跳转.新增.关闭标签都有实现. 已经可以用来做实际项目 源码地址: https://github.com/liningit/BlazorWebass

官方解释Blazor Blazor允许您使用c#而不是JavaScript构建交互式web UI. Blazor应用由可重用的web UI组件组成,这些组件使用c#.HTML和CSS实现.客户端和服务器代码都是用c#编写的,允许您共享代码和库. Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多

行文目录 功能效果演示 实现说明 2.1 其他图片上传 2.2 核心代码:其他图片转Ico 2.3 转换后的Ico文件下载 总结 1. 功能效果演示 仓库地址:IcoTool 在线演示地址:https://tool.dotnet9.com/ico 演示下文件上传.转换结果: 通过该工具及代码,能了解到: 使用Blazor怎么上传文件到服务器(Blazor Server). 怎么从服务器下载文件. 如何将png等图片转换为Ico图片. 下面对该工具的实现代码做个简单说明,不太清楚的可以留言交流.

前言 在应用程序开发的过程中,有的时候需要在代码中保存一些机密的信息,比如微信appkey, 连接字符串,加密密钥,字符串,或者是用户名密码等.通常的做法是保存到一个配置文件中,例如 appsettings.json, 以之前文章"Blazor组件自做五: 使用JS隔离封装Google地图" 为例

这是基础部分的最后一章,内容比较简单,算是为基础部分来个HappyEnding.我们分三个部分来学习: 表单输入绑定 Vue的表单验证:VeeValidate Blazor的表单验证:EditForm 一.表单输入绑定 表单输入主要涉及前面章节的双向绑定,但不需要我们自定义,直接使用就行.如果已经掌握了"1.6章节双向绑定",那这部分的知识点简直"洒洒水".Vue的v-model指令,为所有原生的HTML组件做了一些特殊处理,不仅支持双向绑定,也支持check或ra