天天看點

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的

繼續閱讀