README

Mozaic 组件，用于 symfony 项目中的 Vue 拼图。

此组件可用于 glynn-admin-symfony4。它具有基本的 symfony 配置，并添加了使用 webpack encore 的前端。在这个前端中，我使用 Vue.js 管理客户端配置。此组件也使用 Vue.js。它可以独立使用，但如果需要灵感来设置前端，可以查看那里。

索引

此组件使用了一个食谱。要为此组件启用食谱，您可能需要在您的 symfony 3.4 / 4 应用程序中启用它，使用以下命令：

composer config extra.symfony.allow-contrib true

接下来，安装组件

composer req disjfa/mozaic-bundle

在您的 .env 文件中设置 UNSPLASH_APPLICATION_ID 和 UNSPLASH_APPLICATION_SECRET。有关如何获取这些信息，请参阅 unsplash api 的详细信息。

如前所述，此组件使用 Vue 来渲染拼图。您可以在 glynn-admin-symfony4 中查看如何使用 webpack encore 和 Vue 设置示例。或者，您也可以将其组件添加到您自己的构建中。有关 Vue 的详细信息，请参阅文档和组件。

import Mozaic from './../../../vendor/disjfa/mozaic-bundle/Resources/public/mozaic';

new Vue({
  el: '#base',

  components: {
    Mozaic,
  }
});

接下来，构建并检查拼图。

sf server:start

然后转到您的 URL https://:8000/mozaic/daily

我提到过您是一个可爱的人吗？现在请享受吧！享受乐趣，玩耍并完成拼图！同时，别忘了告诉我您是否喜欢拼图。

如果您有遗留的 symfony 项目（< 3.4），您仍然可以添加组件。您可以使用以下配置设置组件。

将以下内容添加到您的 config.yml

parameters:
  disjfa_mozaic.unsplash.application_id: ''
  disjfa_mozaic.unsplash.secret: ''

并将路由添加到 routes.yml

disjfa_mozaic:
    resource: '@DisjfaMozaicBundle/Controller/'
    type:     annotation