jhonoryza/laravel-vien

laravel vue inertia 组件

0.2.0 2024-07-27 04:29 UTC

This package is auto-updated.

Last update: 2024-09-27 05:01:56 UTC


README

Total Downloads Latest Stable Version License

此包是laravel breeze与inertia vue stack的入门套件,因此需要laravel breeze和inertia vue stack

Laravel vien提供了laravel inertia vue组件,安装此包后,它将在resources/js/Components/Vien目录下生成所有组件。

无任何魔法,您可以按需自定义

特性

  • 带有搜索、排序、筛选、分页、切换、选择和批量操作的表格组件
  • 快速生成CRUD的资源生成器
  • 切换暗黑模式与亮模式的组件
  • 响应式侧边栏组件
  • 使用toast组件显示闪存消息
  • 加载旋转器组件
  • SelectSimple组件
  • 使用flatpickr的InputDateTime组件
  • TextArea组件
  • 切换开关组件

您可以在安装vien后检查stubs/inertia-vue/Vien目录或resources/js/Components/Vien目录中的可用组件。

以下是一些截图

要求

入门

包安装

composer require --dev jhonoryza/laravel-vien

Vien安装

php artisan vien:install

这将复制所有vien组件脚手架

安装成功后,您可以将其从您的开发需求中移除

可选:更新vien组件

php artisan vien:update

可选:使用资源生成器

在开始使用此生成器之前,请确保您已经有了新的迁移和模型,例如:让我们创建一个posts表,然后运行artisan migrate

然后您可以使用以下命令生成资源

php artisan vien:generate posts

成功生成上述资源后,然后进行调整

resources/js/Components/Vien/Utils/menu-items.js文件以添加您的新导航菜单

例如

import { IconHome } from "@tabler/icons-vue";

//`id value must be unique`
export const menuItems = [
  {
    id: 4,
    title: "Post",
    routeName: "posts",
    component: "Post",
    icon: IconHome
  }
]

然后运行npm run dev以重建

可选:发布配置

php artisan vendor:publish --tag='vien-config'

可选:发布生成器占位符

php artisan vendor:publish --tag='vien-stubs'

安全

如果您发现有关安全性的错误,请通过邮件发送至jardik.oryza@gmail.com,而不是使用问题跟踪器。

许可

MIT许可证(MIT)。请参阅许可文件以获取更多信息。