首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ASP.NET Core Blazor 初探之 Blazor WebAssembly

最近Blazor热度很高,传说马上就要发布正式版了,做为微软脑残粉,赶紧也来凑个热闹,学习一下。 Blazor Blazor是微软ASP.NET Core框架下开发的一种全新的Web开发框架。...微软利用WebAssembly浏览器里实现了一个.NET Runtime,任何.NET STANDARD 2.1的代码都可以浏览器上运行,真的是屌炸了。...vs里新建ASP.NET CORE WebApi项目,名为BlazorWebassemblyApisite。 为了演示方便,使用静态变量实现一个StudentRepository。...Blazor项目支持依赖注入,这个用法跟ASP.NET Core项目的体验是一致的,通过IServiceCollection配置注入的生命周期: builder.Services.AddTransient...我们使用Blazor几乎没用JavaScript的情况下顺利的完成了一个SPA,总体感觉还是比较良好的。

6.5K10
您找到你想要的搜索结果了吗?
是的
没有找到

ASP.NET Core Blazor 初探之 Blazor Server

上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。...因为前面Blazor Webassembly已经讲过了,相同的东西,比如数据绑定,属性绑定,事件绑定等内容就不多说了,请参见ASP.NET Core Blazor 初探之 Blazor WebAssembly...可以看到Blazor Server的项目结构跟ASP.Net Core razor pages 项目是一模一样的。...从返回的html代码上来看绑定的数据已经有值了,这可以清楚的证明Blazor Server技术使用的是服务端渲染技术。 ? ? _blazor?...Blazor Server除了第一次请求使用Http外,其他数据交互全部通过websocket技术服务端完成,包括页面渲染、事件处理、数据绑定等,这样给Blazor Server项目的网络、内存、扩展等提出了很大的要求

2K20

ASP.NET Core Blazor Webassembly 之 组件

新建Blazor Webassembly项目 前几天的build大会,Blazor Webassembly已经正式release了。我们更新最新版的Core SDK就会安装正式版的模板。 ?...注意:Blazor目前没有样式隔离技术,所以写在组件内的style有可能会影响其他html元素 使用组件 使用组件跟其他框架大体是相同的,直接在需要使用的地方使用以我们组件名作为一个html元素插入...@ref 因为我们的组件使用html内,当你@code内想要直接通过代码操作子组件的时候可以给子组件设置@ref属性来直接获取到子组件的对象。...@key 当使用循环渲染组件的时候请在组件上使用@key来加速Blazor的diff算法。...相关内容: ASP.NET Core Blazor 初探之 Blazor WebAssembly ASP.NET Core Blazor 初探之 Blazor Server

1.6K30

Blazor入门:ASP.NET Core Razor 组件

指定基类 指定属性 导入组件 原始 HTML 官方文档原文位置: https://docs.microsoft.com/zh-cn/aspnet/core/blazor/components?...组件:项目 Blazor 中,使用 .razor 结尾的文件,称为组件;而 Blazor 中的组件,正式名称是 razor 组件; Blazor 组件是 razor 过渡而来的,使用 razor 的基本语法特性...例如: 这个路径是要放到前端才能,由前端访问时 ASP.NET Core 框架自动处理,相当于前端访问...OnInitalized() 是一个组件初始化的方法,也可以理解成构造函数,可以参考 https://docs.microsoft.com/zh-cn/aspnet/core/blazor/lifecycle...一般使用绑定的元素,其更新是自动的,不需要人为控制。 能保证每一项的某个元素列,都是唯一的时候,我们可以使用 @key 关键字来优化组件。

2.7K20

.NET Core使用Quartz.NET

ASP.NET Core通过托管服务对运行“后台任务”具有良好的支持,托管服务ASP.NET Core应用程序启动时启动,并在应用程序生存期内在后台运行,Quartz.NET版本3.2.0通过Quartz.Extensions.Hosting...包引入了对该模式的直接支持,Quartz.Extensions.Hosting可以与ASP.NET Core应用程序一起使用,也可以与基于“通用主机”的工作程序服务一起使用。...虽然.NET Core可以创建“定时”后台服务(例如,每10分钟运行一次任务),但Quartz.NET提供了更为强大的解决方案, 通过使用Cron表达式,您可以确保任务特定时间(例如,凌晨2:30)运行...WaitForJobsToComplete():当程序关闭时,此设置可确保Quartz.NET退出之前等待Job正常结束。..."https://andrewlock.net/using-quartz-net-with-asp-net-core-and-worker-services/"

1.2K10

.NET Core 3.0 Preview 6中对ASP.NET CoreBlazor的更新

我们都知道6月12日的时候微软发布了.NET Core 3.0的第6个预览版。针对.NET Core 3.0的发布我们国内的微软MVP-汪宇杰还发布的官翻版的博文进行了详细的介绍。...开始 要在.NET Core 3.0 Preview 6中开始使用ASP.NET Core,请安装.NET Core 3.0 Preview 6 SDK 如果您在Windows上使用Visual Studio...例如,选择“个人用户帐户”和“应用程序中存储用户帐户”以将Blazor与ASP.NET Core Identity一起使用:运行应用程序。该应用程序包含顶行中的链接,用于注册为新用户并登录。...Blazor应用程序中,Startup使用标准ASP.NET Core中间件类中配置身份验证和授权。...给予反馈我们希望您喜欢ASP.NET CoreBlazor预览版中的新功能!请通过GitHub上提交问题告诉我们您的想法。

6K20

ASP.NET Core Blazor Webassembly 之 数据绑定

上一次我们学习了Blazor组件相关的知识(Asp.net Core Blazor Webassembly - 组件)。这次继续学习Blazor的数据绑定相关的知识。当代前端框架都离不开数据绑定技术。...Blazor的单向数据绑定的用法跟ASP.NET Core MVC的Razor基本相似,不同点就是Blazor不需要Http回发到服务器就可以实时渲染新的界面出来。...要知道VUE的双向绑定可是实时同步的,那么Blazor如何做到输入的同时就更新值呢,答案是使用@bind:event来指定回写的激发事件,我们改成“oninput”事件就可以实现: userName...最后附上代码:BlazorWasmDataBind 相关内容: ASP.NET Core Blazor Webassembly 之 组件 ASP.NET Core Blazor 初探之 Blazor...WebAssembly ASP.NET Core Blazor 初探之 Blazor Server

4.8K30

.NET Core 3.0 Preview 6中对ASP.NET CoreBlazor的更新

具体的可以关注“汪宇杰博客”公众号,或者我的“DotNetCore实战”公众号然后历史文章里面进行查阅。而我们这篇文章将会介绍本次更新中对ASP.NET CoreBlazor所做的更新。...开始 要在.NET Core 3.0 Preview 6中开始使用ASP.NET Core,请安装.NET Core 3.0 Preview 6 SDK 如果您在Windows上使用Visual Studio...例如,选择“个人用户帐户”和“应用程序中存储用户帐户”以将Blazor与ASP.NET Core Identity一起使用: ? 运行应用程序。...Blazor应用程序中,Startup使用标准ASP.NET Core中间件类中配置身份验证和授权。...给予反馈 我们希望您喜欢ASP.NET CoreBlazor预览版中的新功能!请通过GitHub上提交问题告诉我们您的想法。

6.7K20

.NET Core.NET5.NET6 开源项目汇总8:Blazor项目

系列目录 【已更新最新开发文章,点击查看详细】 Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI...使用 .NET 进行客户端 Web 开发可提供以下优势: 使用 C# 代替 JavaScript 来编写代码。 利用现有的 .NET 库生态系统。 服务器和客户端之间共享应用逻辑。...受益于 .NET 的性能、可靠性和安全性。 Windows、Linux 和 macOS 上使用 Visual Studio 保持高效工作。...支持渐进式 Web 应用(PWA) 使用 C# 构建,多范式静态语言带来高效的开发体验。 基于 .NET Standard 2.1 / .NET 5,可直接引用丰富的 .NET 类库。...可与已有的 ASP.NET Core MVC、Razor Pages 项目无缝集成。 支持环境 .NET Core 3.1 / .NET 5。

2.2K30

Autofac.NET Core 中的使用

NET CORE 中也内置了依赖注入,但是有些情况下需要用到Autofac去进行依赖注入,Autofac支持的所有注入方式以外,还支持属性注入和方法注入。...接下来我们通过示例来简单了解Autofac的使用 示例 新建两个.NET CORE 项目,一个WEB层,一个服务层 ? 服务层中添加几个测试服务和模块文件 ? 服务代码都如图所示 ?...接下来就是WEB层配置Autofac,这里需要注意的是.Net Core2+ 和 .Net Core3+ 的配置方法稍有不同 .NET CORE 2+ NET Core 2.1时候,AutoFac...CORE 3+ .NET Core3.0 使用上面的写法,框架运行之后会报错: ConfigureServices returning an System.IServiceProvider isn't...supported. .NET Core 3.0 引入了具有强类型容器配置的功能。

1.6K30

【gRPC】 .Net core使用gRPC

微软介绍.net微服务体系架构的项目eShop中,微服务之间进行同步通信的场景很多,大多数都是HTTP/REST,目前只有自定义聚合器与微服务之间通信是使用的gRPC。...支持数据流,说白了,还是快 约定显示,与语言无关:使用proto文件定义服务端与客户端之间的约定 2..net core使用gRPC .NET Core 3.0众多更新中,其中有一个重要的更新就是对...从.NET Core3.0开始,无论是开发工具还是框架中,都与gRPC进行了深度的集成,这让使用gRPC的体验如丝般顺滑。 “真的有这么丝滑吗?...使用标签。...默认情况下.NET Core不允许gRPC客户端连接到非TLS(non-TLS)端点-不安全的gRPC的服务,十有八九都会报异常 Unhandled exception.

74320

Asp.Net Core 轻松学-.Net Core使用钩子

前言     Host startup hook,是2.2中提供的一项新的功能,通过使用主机启动钩子,允许开发人员不修改代码的情况下,服务启动之前注入代码;通过使用钩子,可以对已部署好的服务服务启动期间自定义托管程序的行为...;通过使用钩子,可以对服务进行跟踪或者遥测,也可以服务启动前对托管环境进行健康检查;还可以通过钩子动态加载程序集进行依赖注入等功能。...,当钩子列表中的钩子程序被逐一执行完成后,托管程序将返回到程序主入口 Main 方法,进入一系列的启动,钩子程序可以是任何 .Net Core 版本的类库项目,项目内必须包含类 StartupHook... Asp.Net Web Api 项目中使用钩子 Web Api 项目挂载钩子的方式和控制台方式相同,首先我们还是创建一个 Web Api 项目 Ron.HooksDemo.Web 接着挂载钩子 "...红色输出部分表示 Web Api 程序的 Main 方法钩子列表执行完成之后成功启动,这表示 .Net Core 中,挂载钩子的方式是一致的,其行为也相同 结束语 使用钩子程序注意事项 钩子程序不能依赖于托管主机的

52210

Blazor - .NET Core平台的SPA开发框架快速上手

什么是Blazor 随着ASP.NET Core 3.0 Perview的更新,微软发布了Blazor这一SPA的开发框架,官网的定义是“Full-stack web development with...Blazor的官网,能看到Blazor列出了这样的标语: Build a Web UI with C# Full-stack .NET Runs in all browsers and implements...看看结构 Blazor的整体项目结构类似于一个剥离了MVC的ASP.NET Core Web框架,由Pages和Shared来组成页面,本质上还是一个ASP.NET Core Web应用程序。... 这样每次使用计数器,点击事件调用方法后,就会以参数值10来进行累加。...C#的代码进行编写实现 总结 使用 Blazor 可以快速的构建实现一个SPA应用,组件的高度可复用性的特点,也符合SPA的要求,并且Blazor采用的Razor语法已经依赖注入等特性,能使得开发者构建一个

2.5K20

.NET Core使用 ViewConfig 调试配置

介绍 .NET Core 中的配置包含了多个配置提供程序,包括了 appsettings.json,环境变量,命令行参数等,还有一些扩展的自定义提供程序,比如说 ApolloConfig,AgileConfig...我们的程序中,我们有时需要知道一个配置是由哪一个Provider执行的,以及配置冲突导致我们的设置没有生效,本文中,我们.NET Core 程序中使用了 ViewConfig 组件来调试配置。...安装 通过Nuget搜索 ViewConfig,然后程序中安装,这是一个.net standard 2.0 的组件。...app.UseViewConfig(); app.UseDeveloperExceptionPage(); app.UseSwagger(); // ... } 这里建议开发环境中使用...NET Core 程序中调试配置信息,接下来还会支持.Net Core 控制台项目中使用,需要注意的是,我建议大家只开发环境中使用它,希望可以对您有帮助。

38130

.Net Core 2.0中使用MySQL

之前,我简单的介绍过.net core使用Mongodb(见文章《.Net Core系列教程(三)——使用Mongodb》),也使用过PostgreSQL(但是没有写文章介绍怎么使用,只是文章《....Net Core系列教程(一)——环境搭建》中简单介绍过如何安装)。...下面说下怎样.net core使用MySQL,这个问题网上随便一搜有很多,我的当然也是从网上搜索来的,只是用自己的语言再次整理下而已。...使用MySQL时,需要使用到MySQL的驱动,之前MySQL官方没有出驱动的时候,需要使用第三方的,不过现在有官方的驱动,还是尽量使用官方的吧,我这里也以官方的为准。...需要注意的是,MySQL.Data需要安装最新版的(现在是6.10.3-rc版),旧版本不支持.net core 2.0 先在appsettings.json文件中,添加数据库的配置: "ConnectionStrings

1.5K50
领券