编程

Tablar Kit: Tablar 后台面板的 UI 组件

200 2024-04-03 00:49:00

Laravel 的 Tablar Kit 包为你的 Tablar 管理面板添加了一个 UI 工具包。此 UI 套件添加了许多易于使用的组件,使仪表板更具视觉吸引力和用户友好。这一切都是为了简单医用并通过 Laravel Tablar 增强您的体验:

  • 标准的表单组件: 内含文本字段、单选选项、复选框和安全密码输入,以及日期选择器和自定义按钮。为高效的数据输入和用户交互量身定制。
  • 高级下拉菜单: 包括标准下拉菜单和依赖下拉列表,适用于下拉关联数据。
  • 文件编辑附带 On-the-Fly 图片编辑: 此功能不仅简化了文件上传过程,而且独特地提供了实时图像编辑功能,为你的工作流程增加了一层便利和效率。
  • 使用导出选项优化数据表格: 数据表组件不仅可以组织和显示信息,还可以以 CSV、XLS、PDF 和 HTML 等格式导出数据,以满足不同的数据分析和报告需求。
  • 富文本编辑器附带文件上传和预览特性: 使用支持无缝文件上传的编辑器增强内容创建。它包括一个文件浏览器功能,确保内容创建过程全面而不间断。
  • 响应式及自定义设计: Tablar Kit 套件中的每个组件都具有完全响应能力,确保与各种屏幕尺寸兼容。此外,自定义选项比比皆是,允许将每个组件与应用的主题对齐,包括对暗黑模式的支持。

Tablar UI Kit 套件提供了 Laravel Blade 组件和组件运行所需的 JavaScript 代码。例如,你可以使用预制组件轻松地将日期选择器、文件上传、所见即所得编辑器等添加到 Tablar 面板中:

{{-- Datepickers --}}
<x-flat-picker name="admission_date"></x-flat-picker>
<x-lite-picker name="admission_date"></x-lite-picker>
 
{{-- File uploader --}}
<x-filepond name="profile_image"/>
 
 
{{-- Jodit editor (https://xdsoft.net/jodit/) --}}
<x-jodit name="editor"></x-jodit>
 
{{-- More at https://tablar.ebuz.xyz/docs/11.0/components --}}

更多该包的信息请查看 Github 源码。亦可查看 Tablar Kit 文档了解更多 UI 组件详情。该包需要 Tablar Laravel Admin Template。