justf2a/element-blazor

A Web UI Library based on Element and Blazor WebAssembly.

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 告诉我， 目前版本不稳定

社区讨论，相关文档

http://www.blazor.group:8000

关注与讨论

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

直播

请进群获取直播信息

使用前提

参考Blazor使用的前提条件

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

源码说明

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

案例展示

地址：http://www.blazor.group:8000

---

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

---

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

---

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

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

---

基于 Blazui 的 Markdown 编辑器 Element.Markdown

地址：https://github.com/wzxinchen/Element.Markdown

组件列表

组件名	调用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	[√] 常规支持 [√] 嵌套布局
文件上传	http://blazui.com:9000/upload	[√] 常规支持 [√] 限制文件大小 [√] 限制文件类型 [√] 图片预览 [√] 图片上传 [√] 粘贴上传
Markdown 编辑器	http://blazui.com:9000/markdowneditor	[√] 常规支持 [√] 文件上传 [√] 图片上传 [√] 粘贴上传
下拉菜单	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标签页只能关闭当前的

版本 0.0.6.2 2020.01.06发布

1. 新增 文件上传组件
2. 新增 Markdown 编辑器 及 Markdown 渲染器
3. 修复 BDatePicker控件DateChanged有问题

感谢

• 测试组件库功能的稳定性和完整度 @deathvicky
• 宣传组件库 https://github.com/zaranetCore @zaranetCore