天天看点

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

作者:编程乐趣
我是编程乐趣,一个10年.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+的版本,而且只支持服务端模式。

项目结构

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

文档项目

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

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

使用方法

引入必要的样式、Js文件

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

App.razor:增加组件

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

部分UI组件效果

按钮风格

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

表单风格

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

选项卡

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

菜单导航

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

分页

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

表格

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

提示框

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

对话框

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

消息通知

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

项目地址

https://github.com/AchievedOwner/TDesignBlazor

更多.Net开源项目合集

https://github.com/bianchenglequ/NetCodeTop

我是编程乐趣,一个10年.Net开发经验老程序员,专注开源项目和编程知识分享。

私信回复:【888】,领取.Net视频教程。

- End -

推荐阅读

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

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

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

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

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

继续阅读