jhonoryza / laravel-vien
laravel vue inertia 组件
0.2.0
2024-07-27 04:29 UTC
Requires
- php: ^8.2
- illuminate/console: ^10.0|^11.0
- illuminate/support: ^10.0|^11.0
- laravel/pint: ^1.17
Requires (Dev)
- orchestra/testbench: ^8.0|^9.0
README
此包是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
目录中的可用组件。
以下是一些截图
要求
- PHP >= 8.2
- Laravel >= 10
- Laravel Breeze Stack Inertia Vue
入门
包安装
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)。请参阅许可文件以获取更多信息。