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

news/2024/5/19 21:48:51 标签: tdesign, .netcore, github, ui

作为一名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+的版本,而且只支持服务端模式。

项目结构

图片

文档项目

图片

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

使用方法

引入必要的样式、Js文件

图片

App.razor:增加组件

图片

部分UI组件效果

**按钮风格
**

图片

表单风格

图片

选项卡

图片

菜单导航

图片

分页

图片

表格

图片

提示框

图片

对话框

图片

消息通知

图片

项目地址

https://github.com/AchievedOwner/TDesignBlazor

更多开源项目请查看:一个专注推荐.Net开源项目的榜单

- End -

推荐阅读

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

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

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

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

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


http://www.niftyadmin.cn/n/175399.html

相关文章

多美商城实战-01-引入REST Framework

1. 引入Django REST framework 在本章中,我们要大家介绍为什么学习Django REST framework,它能帮助我们做哪些事情。 课程思路: 我们从分析现在流行的前后端分离Web应用模式说起,然后介绍如何设计REST API,通过使用Django来实 现一个REST API为例,明确后端开发REST API要做…

药品批准文号查询|药融云-中国批准文号系统在线查询

药品批文是国家食品药品监督管理局(NMPA)对药品的审评和批准的证明文件,是药品合法上市的必要条件。药品批文包括国产药品批准文号和进口药品注册证号,每个批文都有唯一的编号和有效期限。那么,怎样查询中国药品批文呢…

NPDP|来聊聊To B产品经理都应该具备的9个边界能力

面对市场的时候,给予To B产品经理的反馈却是繁杂且滞后的,很多无效的反馈,将直接干扰、甚至破坏产品的发展决策。 这时,To B产品经理的“边界能力”就会显得非常重要。"边界能力”简单说,就是什么该做&#xff1f…

无矛盾的最佳球队

题目描述 假设你是球队的经理。对于即将到来的锦标赛,你想组合一支总体得分最高的球队。球队的得分是球队中所有球员的分数 总和 。 然而,球队中的矛盾会限制球员的发挥,所以必须选出一支 没有矛盾 的球队。如果一名年龄较小球员的分数 严格…

STM32的中断

目录 一、STM32中断概述 二、外部中断控制器EXTI 三、按键中断 四、串口中断 一、STM32中断概述 处理器中的中断在处理器中,中断是一个过程,即CPU在正常执行程序的过程中,遇到外部/内部的紧急事件需要处理,暂时中止当前程序的…

路径 Floyd 蓝桥杯 JAVA

题目描述: 小蓝学习了最短路径之后特别高兴,他定义了一个特别的图,希望找到图中的最短路径。 小蓝的图由2021 个结点组成,依次编号1 至2021。 对于两个不同的结点a, b,如果a 和b 的差的绝对值大于21,则两个…

TryHackMe-CMesS (boot2root)

CMesS 你能扎根这个吉拉CMS盒子吗? 端口扫描 循例 nmap Web枚举 进80端口http 没什么信息 目录扫描 gobuster开扫 虽然有很多,但是并没有获得许多有用的信息,admin登录需要使用邮箱,这无疑是增加了枚举难度 子域枚举 这里th…

cppcheck代码检查工具安装与使用技巧

cppcheck代码检查工具安装与使用技巧 Cppcheck 是一种 C/C 代码缺陷静态检查工具。不同于 C/C 编译器及很多其它分析工具,它不检查代码中的语法错误。 Cppcheck 可以检查非标准代码,包括不同的编译器扩展、内联汇编代码等。 Cppcheck 可以检测到在测试和…