web最精妙的设计就是通过url把多个页面串联起来,并且可以互相跳转.我们开发系统的时候总是需要使用路由来实现页面间的跳转.传统的web开发主要是使用a标签或者是服务端redirect来跳转.那今天来看看Blazor是如何进行路由的. 使用@page指定组件的路由path 我们可以在Blazor里给每个组件指定一个path,当路由匹配的时候会显示这个组件. @page "/page/a" <h2> PAGE A </h2> @code { } 访问/page/a…

上一次我们学习了Blazor组件相关的知识(Asp.net Core Blazor Webassembly - 组件).这次继续学习Blazor的数据绑定相关的知识.当代前端框架都离不开数据绑定技术.数据绑定技术以数据为主导来驱动UI界面,用户对数据的修改会实时提现在UI上,极大的提高了开发效率,让开发者从繁琐的dom操作中解脱出来.对于数据绑定.NET开发者并不会陌生,WPF里大量应用数据绑定技术,有过WPF开发经验的同学其实很容易理解前端的数据绑定.总之数据绑定技术及其概念.思维极其重要.下…

关于组件 现在前端几大轮子全面组件化.组件让我们可以对常用的功能进行封装,以便复用.组件这东西对于搞.NET的同学其实并不陌生,以前ASP.NET WebForm的用户控件其实也是一种组件.它封装html代码,封装业务逻辑,对外提供属性事件等信息,它完完全全就是个组件,只是用户控件跑在服务端,而现在的组件大多数直接跑在前端.现在Blazor Webassembly微软正式把组件带到前端,让我们看看它是怎么玩的. 第一个组件 废话不多说下面开始构建第一个组件.这个组件很简单就是绿色的面板加一个标题…

前言, Blazor Assembly 需要最少 1.9M 的下载量.  ( Blazor WebAssembly 船新项目下载量测试 , 仅供参考. ) 随着程序越来越复杂, 引用的东西越来越多, 需要更多的下载量 , 有一些网站的网络可能较差, 加载这些文件需要一定的时间. 对于一些网站而言, 它不是一开始就把wasm页面暴露给游客的. wasm更加适合做的,  是一些需要与服务器进行大量交互的App类程序. 例如网站后台管理界面,  聊天后台界面, 等等. 所以, 大部分场合, 游客是先进…

Blazor WebAssembly可以在浏览器上跑C#代码,但是很多时候显然还是需要跟JavaScript打交道.比如操作dom,当然跟angular.vue一样不提倡直接操作dom:比如浏览器的后退导航.反之JavaScript也有可能需要调用C#代码来实现一些功能,毕竟客户的需求是千变万化的,有的时候只能通过一些hack的手段来实现. .NET调用JavaScript函数 使用JSRuntime.InvokeVoidAsync调用无返回值的JavaScript函数 显然我们的.NET类库里…

Blazor支持渐进式应用开发也就是PWA.使用PWA模式可以使得web应用有原生应用般的体验. 什么是PWA PWA应用是指那些使用指定技术和标准模式来开发的web应用,这将同时赋予它们web应用和原生应用的特性. 例如,web应用更加易于发现--相比于安装应用,访问一个网站显然更加容易和迅速,并且你可以通过一个链接来分享web应用. 在另一方面,原生应用与操作系统可以更加完美的整合,也因此为用户提供了无缝的用户体验.你可以通过安装应用使得它在离线的状态下也可以运行,并且相较于使用浏览器访问,…

基于blazor实现的一个简单的TODO List 最近看到一些大佬都开始关注blazor,我也想学习一下.做了一个小的demo,todolist,仅是一个小示例,参考此vue项目的实现http://www.jq22.com/code1339 先看实现的效果图 不BB,直接可以去看 源码与预览地址 示例地址 http://baimocore.cn:8081/ 源码地址 https://github.com/luoyunchong/dotnetcore-examples/tree/master/b…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NET Core Blazor编程系列四--迁移 学习ASP.NET Core Blazor编程系列五--列表页面 学习ASP.NET Core Blazor编程系列七--新增图书 学…

Blazor 是一个用于使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器. 使用 .NET 进行客户端 Web 开发可提供以下优势: 使用 C# 代替 JavaScript 来编写代码. 利用现有的 .NET 库生态系统. 在服务器和客户端之间共享应用逻辑. 受益于 .NET 的性能.可靠性…

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

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 四.创建一个Blazor应用程序 1. 第一种创建Blazor应用程序的方式.在Visual Studio 2022启动界面中选择"创建新项目",如下图. 图2-5 2. 第二种创建Blazor应用程序的方式是.在Visual Studio 2022启动界面中选择"继续但无需代码",然后在Visual Studio…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下)   六 计数器页面 14. 在浏览器中,通过鼠标左键单击左边菜单栏中的"Counter"菜单,页面进入到计数器页面.如下图.        图2-17 15.…

asp.net core mvc 中间件之路由 路由中间件 首先看路由中间件的源码 先用httpContext实例化一个路由上下文,然后把中间件接收到的路由添加到路由上下文的路由集合 然后把路由上下文作为参数,调用IRouter.RouteAsync方法,该方法主要是进行路由匹配,匹配成功后给context.Handler赋值 如果路由匹配成功,且handler不为空,说明已经有了后续处理消息的通道,就不用走下一个中间件了,否则消息处理交给下一个中间件 MVC流程就是从这里开始,路由匹配成功后,…

前言 大概3个星期之前立项, 要做一个 CEF+Blazor+WinForms 三合一到同一个进程的客户端模板. 这个东西在五一的时候做出了原型, 然后慢慢修正, 在5天之前就上传到github了. 地址 : https://github.com/BlazorPlus/BlazorCefApp 但是一直在忙各种东西, 没有时间写博客. 情况 情况是这么一个情况 , 这个东西能运行, 够用. 也写了7个例子.  离当初的目标还有一些距离. 需要更多的时间去填坑. CEF方面, 是按需包装, 没有用…

学习ASP.NET Core Blazor编程系列一--综述 一.概述 Blazor 是一个生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器. 与新式托管平台(如 Docker)集成. 使用 .NET 和 Blazor 生成混合桌面和移动应用. 使用 .NET 进行客户端 Web 开发可提供以下优势:…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中)     五.启动第一个Blazor应用程序 8.按F5在调拨模式下运行这个应用程序或者按Ctrl+F5在不调试模式下运行这个应用程序. 第一次在Visual Studio 2022 中运行Web应用程序时,它将为HTTPS托管该应用程序设置开发证书,会弹出两…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完)     从本篇文章开始我们从头开始学习如何创建一个图书租赁系统. 在本篇文章中…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 在具体的实际项目…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE…

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE…

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

前言 在两年多以前就听闻 Blazor 框架,是 .Net 之父的业余实验性项目,其目的是探索 .Net 与 WebAssembly 的兼容性和应用前景.现在这个项目已经正式成为 Asp.Net Core 框架的一部分,公开了预览版,官方教程也基本写好上线了.就着这个机会,顺便体验一下这个框架用起来如何. 之前在网上搜索 Blazor 的相关信息的时候发现吵得很厉害.前端开发者大多觉得有 Vue 之类的前端 MVVM 框架已经够用,没有 C# 插足的余地.甚至很多 C# 开发者也不知道这个框架的…

一.NET 6概述 .NET 6 是微软统一.Net Core与.Net Framework 两大框架的第二个版本,微软在 .NET 5 中开始进行这两大框架的统一之路. .NET 6 将作为长期支持 (LTS) 版本得到三年的支持.只有Visual Studio 2022(以及更高版本)支持 .NET 6.Visual Studio 2017/2019等版本都不支持.NET 6. .NET 6可以生成运行在Linux. Windows 和 macOS 上的单个文件的应用程序,这个应用程序是一个…

前言 大家好,今天给大家介绍一个 ASP.NET Core MVC 的一个新特性,给全局路由添加统一前缀.严格说其实不算是新特性,不过是Core MVC特有的. 应用背景 不知道大家在做 Web Api 应用程序的时候,有没有遇到过这种场景,就是所有的接口都是以 /api 开头的,也就是我们的api 接口请求地址是像这样的: http://www.example.com/api/order/333 或者是这样的需求 http://www.example.com/api/v2/order/333…

本文地址:http://www.cnblogs.com/savorboard/p/dontnet-IApplicationModelConvention.html作者博客:Savorboard 前言 大家好,今天给大家介绍一个 ASP.NET Core MVC 的一个新特性,给全局路由添加统一前缀.严格说其实不算是新特性,不过是Core MVC特有的. 应用背景 不知道大家在做 Web Api 应用程序的时候,有没有遇到过这种场景,就是所有的接口都是以 /api 开头的,也就是我们的api 接口…

上一篇文章<ASP.NET Core中使用默认MVC路由>提到了如何使用默认的MVC路由配置,通过这个配置,我们就可以把请求路由到Controller和Action,通常情况下我们使用默认的路由器就可以了. 但是有些情况下,我们需要创建自己的路由规则,不是简单的修改MVC路由模板这么简单,比如我们需要针对一些特定的URL做特殊处理,这种情况通常是我们需要兼容一些旧的URL,但是升级之后总不能不管吧,要们做跳转或者给用户一个友好提示等等.如果旧的URL是MVC的那种格式Controller/Ac…