[Laravel 扩展包] Tablar Kit: Tablar 后台面板的 UI 组件
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。