天天看点

Blazor做Web页面,前端代码相当的清爽。我见过用原生html的前端界面代码,那一个难看啊真叫人头痛。也见过Vue的

作者:六月六的牛人

Blazor 做 Web 页面,前端代码相当的清爽。我见过用原生 html 的前端界面代码,那一个难看啊真叫人头痛。也见过 Vue 的前端页面代码,也是一个乱字。目前,我对 Blazor 的前端页面代码是非常中意的。

类似于 “<Button Text="Set option 5" @onclick=@(()=>{option1 = 5;}) /> 这样简洁的代码,其他框架没一个能做到。要实现以上的按钮的界面与交互,少说要多出几倍的代码字符。

#BlazorUI# 今天完成了 OptionsBar “选项条”组件。提供在多个选项中选择一个选项的交互操作。这个组件在其他组件库中很少见有。类似实现一般用 Select 下拉选择来实现。但我更喜欢用条状的选择来实现,不仅直观,而且少了两次点击操作,使用体验比 Select 更佳。当然也有用 RadioGroup 的方式来实现类似选项。但 OptionsBar 提供了更美观和不一样的选择。而且加上选中后的块滑动的动画效果,一下就让这个组件生动了起来。OptionsBar提供了多种数据绑定的方式,在实际使用中非常爽。尤其我添加了对枚举类型的支持,用来做选项选择,OptionsBar 的实现是最佳的表现。

Blazor做Web页面,前端代码相当的清爽。我见过用原生html的前端界面代码,那一个难看啊真叫人头痛。也见过Vue的
Blazor做Web页面,前端代码相当的清爽。我见过用原生html的前端界面代码,那一个难看啊真叫人头痛。也见过Vue的
Blazor做Web页面,前端代码相当的清爽。我见过用原生html的前端界面代码,那一个难看啊真叫人头痛。也见过Vue的

继续阅读