首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    值得推荐的Blazor UI组件库

    前言   本文主要是推荐一些开源、免费、实用、美观的Blazor UI组件库,提供给广大C#/.NET开发者们学习和使用(注意:排名不分先后,都是十分优秀的开源框架和项目)。...项目介绍 Ant Design Blazor是一套基于Ant Design和 Blazor的企业级组件库(喜欢Ant Design风格的同学推荐使用)。...开箱即用的高质量 Blazor 组件,可在多种托管方式共享。 支持基于 WebAssembly 的前端和基于 SignalR 的服务端 UI 即时交互。...所有组件全部使用 C# 编写,不允许使用 JavaScript(除非绝对必要)。 用户可以创建漂亮的应用程序,而无需使用 CSS(当然也可以使用 CSS)。 不依赖其他组件库,完全控制组件和功能。.../microsoft/fluentui-blazor 项目介绍 Microsoft Fluent UI Blazor是一个基于Blazor的组件库,提供了一系列的UI组件以及Fluent UI的设计系统

    1K20

    微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

    前言 今天大姚给大家分享一个由微软官方开源(MIT License)、免费的Blazor UI组件库:Fluent UI Blazor。...全面的ASP.NET Core Blazor简介和快速入门 Fluent UI Blazor介绍 Fluent UI Blazor是一个基于Blazor的组件库,提供了一系列的UI组件以及Fluent...该库可以帮助开发人员快速构建现代化的 Web 应用程序,并且与 Blazor 技术相结合,可以实现高效而灵活的单页应用程序开发。 Blazor是什么?...项目源代码 部分UI组件截图 在线使用文档:https://www.fluentui-blazor.net Checkbox InputFile Number field Radio Date &...GitHub开源地址:https://github.com/microsoft/fluentui-blazor 在线文档地址:https://www.fluentui-blazor.net 优秀项目和框架精选

    32410

    使用AntBlazor组件库快速构建Blazor应用

    使用AntBlazor组件库快速构建应用:参考官网示例AntBlazor是一个基于Ant Design的Blazor组件库,提供了一系列优雅且功能强大的组件,适合用于构建现代化的Web应用。...为了帮助你快速上手,本文将参照AntBlazor官网的示例,展示如何在Blazor项目中使用AntBlazor组件库。1....1.2 创建Blazor项目打开Visual Studio,选择“创建新项目”。选择“Blazor WebAssembly 应用”或“Blazor Server 应用”,然后点击“下一步”。...输入项目名称和位置,点击“创建”。如果选择WebAssembly,确保勾选“ASP.NET Core托管”选项。1.3 安装AntBlazor在项目中安装AntBlazor组件库。...结论通过使用AntBlazor组件库,你可以快速构建出功能齐全且美观的Blazor应用。

    13900

    分层 Blazor 组件

    在 Blazor 中,事情变得容易多了,因为无需为了创建复杂元素(如 Bootstrap 模式对话框)的更易记标记语法,而无奈地使用标记帮助器。接下来将介绍如何在 Blazor 中创建模式组件。...模式对话框 目的是要创建包装 Bootstrap 模式对话框组件的 Blazor 可重用组件。...必须处理模板化组件和级联参数,才能创建模式对话框所需的嵌套组件。请注意,必须运行 Blazor 0.7.0 或更高版本,才能使用级联参数。 模式组件 接下来看看图 2 中的代码。...{ get; set; } public bool AutoClose { get; set; } } CascadingValue 元素捕获所提供的表达式,并自动将它与所有显式绑定到它的最靠中心组件共享...如果不使用级联参数功能,必须在任何需要的位置显式注入复杂的分层组件中的任何共享值。

    8.4K10

    Blazor学习之旅(8)MudBlazor组件库介绍

    为了实现一个Web应用系统,需要有个看起来不丑的UI,而对于.NET程序员来说要做全栈开发还是有点难,而本篇介绍的这个UI组件库正好可以帮助我们解决这个问题!...MudBlaozr是啥 MudBlazor是一个基于Blazor的前端UI组件库,它可以使.NET开发者使用C#语言快速地构建酷炫的Web应用。...: (1)基础组件:颜色、图标等; (2)布局组件:容器、网格、工具栏等; (3)按钮组件:按钮、图标按钮、按钮组等; (4)Input组件:表格、文本框、数字框、文件上传、高亮、打分等常见效果;...blazor.server.js"> 组件库的安装配置工作就完成了,下一篇我们使用MudBlazor UI来重构之前的Todo应用。 小结 本篇,我们了解了MudBlazor这个强大的UI组件库。

    58520

    Linux下Qt创建共享库与链接共享库详解

    本次和大家分享的是在Ubuntu下使用Qt生成共享库以及在Qt中链接共享库的方法。 共享库是在Linux下的称呼,在Windows下被称为动态库。...程序平台:Ubuntu14.04、 Qt5.5.1 一、Qt 创建共享库 1. 创建类型为库的Qt工程 ① 新建工程-> Library -> C++ 库: ?...工程文件 ①工程创建完成后,删掉了Qt生成的一些文件,文件目录如下 ?...创建工程添加文件 创建一个继承QWidget的应用程序后,在与.pro文件同级目录下添加一个如下目录组织的文件: main.cpp ***.pro Lib/ test/ linux_x32/...由于以前使用共享库遇到过上面的问题,但是在刚刚测试共享库的时候,为什么没有报错呢?是Qt将生成的共享库放到Linux默认的搜索路径下了么?

    5.8K20

    Blazor学习之旅(4)数据共享

    本篇,我们来了解下在Blazor中数据是如何共享的,组件之间又该如何传递参数。 关于Blazor组件 在 Blazor 中,从名为“组件”的自包含代码部分生成 UI。...编译应用时,HTML 和代码将编译为组件类。组件一般被编写为扩展名为 .razor 的文件。 关于数据共享 Blazor 包含多种在组件之间共享信息的方法。...最终效果: 使用AppState模式共享 在不同组件之间共享信息的另一种方法是使用 AppState 模式。 即创建一个定义要存储的属性的类,并将其注册为作用域服务。...最终效果: 小结 本篇,我们了解了数据如何在Blazor中共享。 下一篇,我们学习一下在Blazor中数据绑定的各种花样。...参考资料 Microsoft Docs,《在Blazor应用程序中共享数据》 65号腕,《Blazor中的参数和级联参数》

    42420

    使用rollup创建组件库

    794516454@qq.com>", "license": "ISC", "devDependencies": { "rollup": "^2.34.2" } } 在src目录下创建一个空文件...index.js用来测试打包效果 console.log('hi rollup') export default { } 在根目录下创建rollup配置文件rollup.config.dev.js...>", "license": "ISC", "devDependencies": { "rollup": "^2.34.2" } } 执行命令npm run dev 查看打包效果 创建测试文件...测试是否可以在项目中直接执行es语法 rollup-config-dev.js中的external属性的用法,当某些第三方包没必要打包的本项目中,就使用external属性,比如本项目是为vue的项目开发组件的...,那么本项目中需要使用vue包,但是不需要将vue包一起打包到这个库的项目中,就可以做如下设置: const path=require('path') const resolve =require('rollup-plugin-node-resolve

    1.4K21

    Linux下创建自己的共享库

    函数库的创建 静态函数库的创建 ar rcs libname.a a.o b.o ar:静态函数库创建的命令 -c :create的意思 -r :replace的意思,表示当前插入的模块名已经在库中存在...对一个库做ar s等同于对该库做ranlib 动态函数库的创建 gcc -shared -Wl,-soname,youLibSoname,-o youRealName a.o b.o **linux共享库名称分为三段...linkname:一般只包含共享库的名字,比如:libmycal.so** 产生.o文件的命令是: gcc -c -fPIC a.c -fPIC:产生位置无关的代码 -c:只编译不链接 创建共享库实例...我们先创建一个src和lib文件夹,src下存放源代码,,lib下存放共享库 我么在src下写个add.c和sub.c,代码很简单,就是对两个数实现加法和减法运算,代码略过。...(1)编译产生.o文件 gcc -c -fPIC add.c gcc -c -fPIC sub.c (2)创建共享库 gcc -shared -Wl,-soname,libmycal.so.1,-o libmycal.so

    2.5K10

    Blazor-父子组件传值

    父组件传值给子组件 在子组件中可以使用[Parameter]特性将组件中的属性暴露出来,让调用方可以控制特性所标记的属性的值,在调用方可以直接传具体的值,也可以传变量,这里我们传入变量就可以完成父组件给子组件传值的操作...按照我们的预期,应该首先显示的info为1,点击按钮后为2 初始显示: 点击按钮后: 结果和我们的预期一致,下来我们看看怎么子组件给父组件传值 子组件传值给父组件 子组件传值给父组件的思路类似于委托...在Blazor中做了一个规范的要求,让我没来进行传值。 需要用到@bind指令和EventCallback类型来实现,我们看看代码示例 子组件:我们在子组件中添加了按钮并执行回调方法。...按照 Blazor约定,EventCallback类型的参数属性(InfoChanged)必须以要传递的参数属性(Info)命名,并带有“Changed”后缀。...运行证明不使用@bind-Info,我在子组件的暴漏的属性中传入父组件的info变量,之后在子组件中直接进行修改,不会影响父组件的值。

    5000
    领券