经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » ASP.net » 查看文章
Blazor前后端框架Known-V1.2.10
来源:cnblogs  作者:known  时间:2023/8/4 9:16:38  对本文有异议

V1.2.10

Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。

概述

  • 基于C#和Blazor实现的快速开发框架,前后端分离,开箱即用。
  • 跨平台,单页应用,混合桌面应用,Web和桌面共享一处代码。
  • 包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。
  • 代码简洁、易扩展,让开发更简单、更快捷!

如果对您有帮助,点击?Star?关注 ,感谢支持开源!

更新日期

  • 2023-07-25

更新内容

  • ??修复菜单和常用功能打开重复页签问题
  • ??修复平台企业无法新增用户问题
  • ??主界面页签增加关闭当前操作
  • ??优化Form、Dialog组件布局
  • ??新增Toolbar组件
  • ??修复查询时条件被清空问题
  • ??优化页面布局,自适应移动端
  • ??Date组件增加Week和Time类型
  • ??Input组件增加类型Color, Email, Range, Search, Tel, Url
  • ??修复主题设置切换页签弹窗失效问题
  • ??优化列表页面点击按钮跳转页面和新增页签

详细内容

1. 页签增加关闭当前操作

关闭当前

2. Toolbar组件

  • 呈现一组按钮
  • 可外部操作按钮显示和禁用
  1. private Toolbar toolbar; //组件实例,通过Build赋值
  2. private void BuildButtons(RenderTreeBuilder builder)
  3. {
  4. //定义工具按钮,也可从配置文件加载
  5. var tools = new List<ButtonInfo>
  6. {
  7. new ButtonInfo("Load", "加载", "fa fa-refresh", StyleType.Default),
  8. new ButtonInfo("View", "只读", "fa fa-file-text-o", StyleType.Warning),
  9. new ButtonInfo("Edit", "编辑", "fa fa-file-o", StyleType.Success),
  10. new ButtonInfo("Check", "验证", "fa fa-check", StyleType.Info),
  11. new ButtonInfo("Save", "保存", "fa fa-save", StyleType.Primary),
  12. new ButtonInfo("Clear", "清空", "fa fa-trash-o", StyleType.Danger),
  13. new ButtonInfo("Clear", "禁用", "fa fa-trash-o", StyleType.Primary) { Enabled = false }
  14. };
  15. //构建工具条组件
  16. builder.Component<Toolbar>()
  17. .Set(c => c.Style, "demo") //工具条样式
  18. .Set(c => c.Tools, tools) //按钮列表
  19. .Set(c => c.OnAction, OnAction) //工具条操作
  20. .Build(value => toolbar = value); //赋值组件实例
  21. }
  22. //工具条按钮方法,方法名称与按钮Code一致,通过OnAction反射调用
  23. public virtual void Load() { }
  24. public void View() => SetReadOnly(true);
  25. public void Edit() => SetReadOnly(false);
  26. public void Check() => Validate();
  27. public virtual void Save() => Submit(data => formData = Utils.ToJson(data));
  28. //工具条操作方法
  29. private void OnAction(ButtonInfo info)
  30. {
  31. var method = GetType().GetMethod(info.Id);
  32. if (method == null)
  33. UI.Toast($"{info.Name}方法不存在!");
  34. else
  35. method.Invoke(this, null);
  36. StateChanged();
  37. }
  38. //操作按钮可见
  39. //方法原型,itemIds为按钮Code
  40. public void SetItemVisible(bool visible, params string[] itemIds)
  41. //操作示例
  42. toolbar.SetItemVisible(false, "Edit", "Check");
  43. //操作按钮禁用
  44. //方法原型,itemIds为按钮Code
  45. public void SetItemEnabled(bool enabled, params string[] itemIds)
  46. //操作示例
  47. toolbar.SetItemEnabled(false, "Edit", "Check");

3. 自适应移动端

  • 自适应页面有登录、主页、表单、弹窗、列表、左右布局

输入图片说明
输入图片说明
输入图片说明

4. Date组件

  • 支持日期、月份、日期和时间、周别、时间5种类型
  1. //H5日期组件
  2. table.Field<Date>("日期", "Date").Build();
  3. //H5月份组件
  4. table.Field<Date>("月份", "Month").Set(f => f.DateType, DateType.Month).Build();
  5. //H5日期和时间组件
  6. table.Field<Date>("日期时间", "DateTime").Set(f => f.DateType, DateType.DateTime).Build();
  7. //H5周别组件
  8. table.Field<Date>("星期", "Week").Set(f => f.DateType, DateType.Week).Build();
  9. //H5时间组件
  10. table.Field<Date>("时间", "Time").Set(f => f.DateType, DateType.Time).Build();

5. Input组件

  • 支持Color, Email, Range, Search, Tel, Url 6种类型
  1. //拾色器组件
  2. table.Field<Input>("颜色", "Color").Set(f => f.Type, InputType.Color).Build();
  3. //Email组件
  4. table.Field<Input>("邮箱", "Email").Set(f => f.Type, InputType.Email).Build();
  5. //slider组件
  6. table.Field<Input>("Range", "Range").Set(f => f.Type, InputType.Range).Build();
  7. //搜索文本组件
  8. table.Field<Input>("搜索", "Search").Set(f => f.Type, InputType.Search).Build();
  9. //电话号码组件
  10. table.Field<Input>("电话号码", "Tel").Set(f => f.Type, InputType.Tel).Build();
  11. //URL组件
  12. table.Field<Input>("URL", "Url").Set(f => f.Type, InputType.Url).Build();

6. 列表页面按钮导航功能

  • 点击按钮支持跳转页面和添加页签
  • 使用ShowFormView方法
  1. //新增
  2. public void New() => ShowForm(null, false);
  3. //编辑
  4. public void Edit(DmTest row) => ShowForm(row, false);
  5. //查看
  6. private void OnView(DmTest row)
  7. {
  8. builder.Link(row.Title, Callback(e => View(row, false)));
  9. }

原文链接:https://www.cnblogs.com/known/p/17605014.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号