Skip to content

Element的blazor版本,用 .Net 写前端的 UI 框架,无JS,无TS,非 Silverlight,非 WebForm,开箱即用

License

Notifications You must be signed in to change notification settings

BenLampson/Blazui

 
 

Repository files navigation

Blazui


介绍

Element的blazor版本

API 模仿 Element,CSS 直接使用 Element的样式,HTML 结构直接使用 Element 的 HTML 结构

Element 地址:https://element.eleme.cn/#/zh-CN/component/layout

Blazui 演示地址:http://blazui.com:9000

主要更新仓库:https://github.com/wzxinchen/Blazui

如果该地址不能访问了请发 Issue 告诉我, 目前版本不稳定

关注与讨论

使用遇到问题请加入QQ群:74522853

使用前提

参考Blazor使用的前提条件

  1. 安装 .Net Core 3.1
  2. 安装 VS2019,更新到最新版

源码说明

拉取代码,用 VS2019 打开,直接启动 Blazui.ServerRender 项目

使用文档

Blazor 组件库 Blazui 开发入门 https://www.cnblogs.com/wzxinchen/p/12096092.html

案例展示

地址:http://wandotnet.top/quartz 用户名密码:blazor,666666 作者:deathvicky

image.png-58.1kB


类似于LayAdmin的后台管理模板 https://github.com/wzxinchen/BlazAdmin


BlazorECharts 是 Blazor 版的 Echarts 组件,它本身没有依赖 Blazui,但它的 Demo 使用了 Blazui

地址:https://github.com/caopengfei/BlazorECharts

组件列表

组件名 调用Demo 功能支持 下一步计划
按钮 http://blazui.com:9000/button [√] 常规支持
输入框 http://blazui.com:9000/input [√] 常规支持
单选框 http://blazui.com:9000/radio [√] 常规支持
[√] 按钮单选框
[√] 单选框组
[√] 按钮单选框组
[√] 带边框的单选框
复选框 http://blazui.com:9000/checkbox [√] 常规支持
[√] 按钮复选框
[√] 复选框组
[√] 按钮复选框组
下拉框 http://blazui.com:9000/select [√] 常规支持
[√] 选项可禁用
切换组件 http://blazui.com:9000/switch [√] 常规支持
[√] 自定义状态文本
菜单 http://blazui.com:9000/menu [√] 常规支持
[√] 横向菜单
[√] 坚向菜单
[√] 二级菜单
[√] 自定义背景色
[×] 多级菜单
标签页 http://blazui.com:9000/tabs [√] 常规支持
[√] 自定义选项卡样式
[√] 自定义卡片位置
[√] 可移除新增
表格 http://blazui.com:9000/table [√] 常规支持
[√] 自动生成列
[√] 斑马条纹
[√] 分页
[√] 自定义列内容
[√] 表头锁定
[√] 复选框列
[√] 表格边框
[√] 自适应宽度高度
[√] 树形表格
消息 http://blazui.com:9000/message [√] 常规支持
[√] 四种消息类型
分页 http://blazui.com:9000/pagination [√] 常规支持
加载中 http://blazui.com:9000/loading [√] 常规支持
[√] 自定义背景颜色、图标、文字
[√] 全屏加载
[√] 部分加载
消息弹窗 http://blazui.com:9000/messagebox [√] 常规支持
[√] Alert弹窗
[√] Confirm 弹窗
[√] 无回调
对话框 http://blazui.com:9000/dialog [√] 常规支持
[√] 嵌套弹窗
[√] 指定宽度
[√] 无回调
日期选择器 http://blazui.com:9000/datepicker [√] 常规支持
[√] 指定日期格式
Form 表单 http://blazui.com:9000/form [√] 常规支持
[√] 三种对齐方式
[√] 单行表单
布局面板 http://blazui.com:9000/layout [√] 常规支持
[√] 嵌套布局
文件上传 [√] 常规支持
[√] 限制文件大小
[√] 限制文件类型
[√] 图片预览
[√] 多文件上传
Markdown 编辑器
下拉菜单 http://blazui.com:9000/dropdown [√] 常规支持

更新日志

版本 0.0.6.1,2020.01.03发布

  1. 新增 BDropDown 下拉菜单组件
  2. 修复 Table控件中 日期的格式化不起作用
  3. 修复 table 全选
  4. 增加 Input组件可否添加尺寸(Size)
  5. 修复 下拉弹出菜单频繁点击会出现多个
  6. 修复 按钮不支持圆形
  7. 修复 弹窗组件
  8. 修复 BButton组件中Cls属性改为追加感觉更合理
  9. 修复 [Bug Report] Checkbox 全选时选项没联动选中
  10. 添加 about loading
  11. 添加 是否可以让BMenuItem组件具有匹配路由然后选中的功能
  12. 修复 表单下拉列表
  13. 添加 组件可增加一个visible属性,用于隐藏或显示
  14. 添加 弹窗-表单赋值的时候radio组件-枚举值无法绑定
  15. 修复 tab标签页只能关闭当前的

感谢

About

Element的blazor版本,用 .Net 写前端的 UI 框架,无JS,无TS,非 Silverlight,非 WebForm,开箱即用

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • C# 73.9%
  • HTML 22.8%
  • JavaScript 1.9%
  • CSS 1.3%
  • Dockerfile 0.1%