基于TDesign风格的Blazor企业级UI组件库

欢迎加入 .Net编程学习小圈子 ,跟着学习路线,一起打卡交流学习。

作为一名Web开发人员,开发前端少不了使用JavaScript,而Blazor就是微软推出的基于.net平台交互式客户 Web UI 框架,可以使用C#替代JavaScript,减少我们的技术栈、降低学习前端的成本。

而采用Blazor开发,少不了需要封装UI控件,所以今天给大家推荐一套基于TDesign风格的Blazor企业级UI组件库。

项目简介

这是一套基于 TDesign 的 Blazor 企业级组件库,TDesign是腾讯内部经过多年提炼总结的,其UI漂亮、通用性较强,使用该框架,可以避免我们重复造轮子,帮助我们快速的完成项目的开发与交付。

项目特性

1、支持.Net 6、.Net 7;

2、使用C#开发,可以直接调用.Net丰富的类库;

3、基于TDesign风格,UI效果、交互体验都是非常好的;

4、可以与.Net MFC、Razor无缝的对接;

5、支持主流的浏览器,IE只支持11+的版本,而且只支持服务端模式。

项目结构

a8f9bd42b8ea2c38cba23e55a1350039.png

文档项目

e0e58a14f8f59971eed25c507a87345c.png

ServerSide服务端模式、WebAssembly客户端模式。

使用方法

引入必要的样式、Js文件

d9763f49b5b708c43cf424ac6969fbd8.png

App.razor:增加组件

2d198c32acbeb8b0077e91355292a40c.png

部分UI组件效果

按钮风格

8e6124dabccfdb8dae4be7f57ad7c018.png

表单风格

58e224594e1a617262717c7f9bd0ab9f.png

选项卡

19382d3450d213483094917fe41992a4.png

菜单导航

7c0b36be25a90c31eed09f11b8586076.png

分页

13b4ca36318c8ea53c09f1cabb193d1a.png

表格

08f76ed081056f25188bd6f0e77ff203.png

提示框

1b95f3d92d8e5f8a70af9ce7a7fc9dda.png

对话框

fc998eba706d6940ba57b55f44f69ebb.png

消息通知

690be428aa6412d989ae9142b95fabff.png

项目地址

https://github.com/AchievedOwner/TDesignBlazor

 End -

欢迎加入 .Net编程学习小圈子 ,获取海量的编程学习资源、学习路线,和大家一起打卡、分享编程知识、共同进步。

分享一套.NetCore从入门到精通视频教程

点击下方公众号卡片,关注我

回复“888”,免费领取

推荐阅读

基于.NET Core内置浏览器窗体应用程序界面框架

推荐一个Dapper扩展CRUD基本操作的开源库

一款统计摸鱼时长的开源项目

基于.Net Core开发的支付SDK,简化支付功能开发

一个.Net简单、易用的配置文件操作库

觉得好看 点个在看👇

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值