Minjie.Zhou

ASP.NET Core Blazor WebAssembly 之 .NET JavaScript 互调

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

技术分享

ASP.NET Core Blazor 之 事件

我们的UI总是免不了需要交互，对用户的操作做出响应，对数据的变化做出响应，这些都离不开事件。这次看看blazor里的事件该怎么玩。 绑定UI事件 UI事件是指那些跟UI相关的事件，比如button点击事件，input的change事件等等，这些都是我们开发系统的时候常常需要打交道的。blazor通过@on{event}来绑定一个方法，使得ui跟业务方法建立联系。下面演示下button的点击事...

技术分享

ASP.NET Core Blazor WebAssembly 之 路由

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

技术分享

ASP.NET Core Blazor WebAssembly - 数据绑定

上一次我们学习了Blazor组件相关的知识（Asp.net Core Blazor Webassembly - 组件）。这次继续学习Blazor的数据绑定相关的知识。当代前端框架都离不开数据绑定技术。数据绑定技术以数据为主导来驱动UI界面，用户对数据的修改会实时提现在UI上，极大的提高了开发效率，让开发者从繁琐的dom操作中解脱出来。对于数据绑定.NET开发者并不会陌生，WPF里大量应用数据...

技术分享

ASP.NET CORE Blazor WebAssembly 之 组件

关于组件 现在前端几大轮子全面组件化。组件让我们可以对常用的功能进行封装，以便复用。组件这东西对于搞.NET的同学其实并不陌生，以前ASP.NET WebForm的用户控件其实也是一种组件。它封装html代码，封装业务逻辑，对外提供属性事件等信息，它完完全全就是个组件，只是用户控件跑在服务端，而现在的组件大多数直接跑在前端。现在Blazor Webassembly微软正式把组件带到前端，让我...

技术分享

ASP.NET Core 对 Controller 进行单元测试

单元测试对我们的代码质量非常重要。很多同学都会对业务逻辑或者工具方法写测试用例，但是往往忽略了对Controller层写单元测试。我所在的公司没见过一个对Controller写过测试的。今天来演示下如果对Controller进行单元测试。以下内容默认您对单元测试有所了解，比如如何mock一个接口。在这里多叨叨一句，面向接口的好处，除了能够快速的替换实现类（其实大部分接口不会有多个实现），最大...

技术分享

ASP.NET Core - 如何获取请求参数？

一次HTTP请求，就是一次标准IO操作。请求是I，是输入；响应式O，是输出。任何web开发框架，其实都是在干这两件事： 接受请求并进行解析获取参数 根据参数进行渲染并输出响应内容 ## 所以我们学习一个框架，我认为最首要的是知道如何从请求中获取参数。http请求携带参数的地方主要有下面几个地方： URL Header Body 下面看看ASP.NET Core是如何...

技术分享