2、Voyager基本操作

1、利用Tools里面database进行表的创建与删除

 2、关联表前，先建立BREAD，然后才能关联

 

3、slect dropdown 下拉菜单型（单选按钮）

{
    "default" : "radio1",
    "options" : {
        "radio1": "Radio Button 1 Text",
        "radio2": "Radio Button 2 Text"
    }
}

 

若是选项少也可以radio button

 

4、添加bread时记得选择输入方式，不然在bread进行输入数据

 

5、图片输入函数改为

{
    "resize": {
        "width": "1000",
        "height": null
    },
    "quality" : "70%",
    "upsize" : true,
    "thumbnails": [
        {
            "name": "medium",
            "scale": "50%"
        },
        {
            "name": "small",
            "scale": "25%"
        },
        {
            "name": "cropped",
            "crop": {
                "width": "300",
                "height": "250"
            }
        }
    ]
}

 

即上传时会出现4种不同尺寸的图片，原始、中等、缩小、裁剪

 

项目中使用略缩图等，在图片的模型（官方文档：助手模型）

use TCG\Voyager\Traits\Resizable;

class Post extends Model
{
    use Resizable;
}

 

 

在视图使用。可以指定可选的图像字段名（属性），默认为image

@foreach($posts as $post)
    <img src="{{Voyager::image($post->thumbnail('small'))}}" />
@endforeach

 

 

6、多图像选择器使用

bread输入方式改为multiple images

 

7、文件选择

bread输入方式改为multiple images

若选择的文件比较多，字段必须改为text型

 

media picker就是选择媒体库的文件

若expanded为true，则编辑时会自动打开媒体库选择

 

8、过滤显示

model写对应函数

    public function scopeDraft($query){
        return $query->where('status',1);
    }

 

bread  ->  scope  选择完对应函数后，就会过滤显示

 

9、关于安全问题，修改后台路由admin为其他。

 

10、添加统计控件，voyager配置文件添加user控件

        'widgets' => [
            \TCG\Voyager\Widgets\UserDimmer::class
        ],

 

 

11、复写users视图文件（解决users表新增字段不能修改问题）

先在resources -> views   建立文件夹   vendor/voyager/users

建立edit-add.blade.php视图文件

 

12、bread慢的原因是引用了google的东西

全局搜索

https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css

或

https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js

将这两个链接

改为https://www.bootcdn.cn/jqueryui/1.12.0/里面的链接