OctoberCMS-QuickStart9ImagesAndGalleries

在这部分，我们将为视频创建图片和图库。首先，我们将分页更改为每页10个视频。接下来我们设置图片，点击菜单【builder】选择【Movies】选择【Models】选择【Forms】中的fields.yaml添加上传表单，这个不需要创建数据库字段，十月会自动处理现在我们点击【视频】菜单，选择一个视频编辑器会出现如下错误注意海报没有定义。我们需要在代码编辑器中修改文件：pluginsraiseinfomoviesmodelsMovie.php为海报添加一个关系，关联到系统的图片表，将图片附加到视频表。/***关系，用于将图片附加到Movies表*/public$attachOne=['poster'=>'System\Models\File'];再次刷新页面，可以上传图片了。如何显示上传的图片：themesraiseinfopagesmovie-single.htm{{record.poster}}{%ifrecord%}

{{record.name}}

{{record.poster}}

{{record.year}}

简介

{{record.description|raw}}

{%else%}{{notFoundMessage}}{%endif%}查看视频页面：http://octobermovie.dev.raise...会出现上图所示的信息，但是图片不显示。如果我们使用{{record.poster.path}}来展示图片地址，这里大家可能理解为我们需要构建一个img标签，将这个地址作为img的tag属性。再次刷新：然而，我们发现图像太大了。好的，我们可以继续设置。另一个示例：将图像裁剪为200x200SetGallery我们会在Models—Movie—Forms—fields.yaml中添加新的字段接下来，如果我们保存，去编辑视频，那么还是会有报错，然后和之前一样，我们修改插件pluginsraiseinfomoviesmodelsMovie.php的Models文件public$attachMany=['movie_gallery'=>'System\Models\File'];再次刷新：现在可以上传多张图片了。图片可以拖动、调整顺序或删除。如果我们要显示这些图片，需要修改themesraiseinfopagesmovie-single.htm

Atlas

{%forimageinrecord.movi??e_gallery%}
{%endfor%}

当然我们可以使用jsPlugins来进行展示和展示。