Laravel Blade Sortable 项目教程

Laravel Blade Sortable 项目教程

laravel-blade-sortableCustom Blade components to add sortable/drag-and-drop HTML elements in your apps.项目地址:https://gitcode.com/gh_mirrors/la/laravel-blade-sortable

1. 项目的目录结构及介绍

Laravel Blade Sortable 项目的目录结构如下：

laravel-blade-sortable/
├── config/
│   └── laravel-blade-sortable.php
├── examples/
│   └── ...
├── resources/
│   └── views/
│       └── ...
├── src/
│   └── ...
├── tests/
│   └── ...
├── .editorconfig
├── .gitattributes
├── .gitignore
├── .scrutinizer.yml
├── .styleci.yml
├── .travis.yml
├── CHANGELOG.md
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
├── composer.json
├── demo.gif
└── phpunit.xml.dist

目录介绍：

• config/: 包含项目的配置文件。
• examples/: 包含示例代码。
• resources/views/: 包含视图文件。
• src/: 包含项目的源代码。
• tests/: 包含测试文件。
• .editorconfig, .gitattributes, .gitignore: 配置文件。
• .scrutinizer.yml, .styleci.yml, .travis.yml: CI 配置文件。
• CHANGELOG.md, CONTRIBUTING.md, LICENSE.md, README.md: 文档文件。
• composer.json: Composer 配置文件。
• demo.gif: 演示 GIF 文件。
• phpunit.xml.dist: PHPUnit 配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是 composer.json 文件，它定义了项目的依赖和其他配置。以下是 composer.json 文件的部分内容：

{
    "name": "asantibanez/laravel-blade-sortable",
    "description": "A Laravel package to enable sorting of DOM elements using Blade components and SortableJs",
    "require": {
        "php": "^7.2|^8.0",
        "laravel/framework": "^6.0|^7.0|^8.0"
    },
    "autoload": {
        "psr-4": {
            "Asantibanez\\LaravelBladeSortable\\": "src/"
        }
    }
}

启动文件介绍：

• name: 项目名称。
• description: 项目描述。
• require: 项目依赖。
• autoload: 自动加载配置。

3. 项目的配置文件介绍

项目的配置文件位于 config/laravel-blade-sortable.php。以下是配置文件的部分内容：

return [
    'sortable' => [
        'animation' => 150,
        'ghost_class' => null,
        'drag_handle' => null,
    ],
];

配置文件介绍：

• sortable: 排序相关的配置。
  • animation: 排序动画的持续时间。
  • ghost_class: 拖动元素时的样式类。
  • drag_handle: 拖动手柄的类名。

以上是 Laravel Blade Sortable 项目的目录结构、启动文件和配置文件的介绍。希望这份文档能帮助你更好地理解和使用该项目。

laravel-blade-sortableCustom Blade components to add sortable/drag-and-drop HTML elements in your apps.项目地址:https://gitcode.com/gh_mirrors/la/laravel-blade-sortable