symfony 2动态更新颜色方案

时间:2013-08-11 09:04:00

标签: css symfony dynamic less assetic

我在使用Symfony 2的项目中工作, 我正在使用Assetic重写和更少的过滤器,它工作正常, 现在我正在计划让管理员(连接用户)控制css中的一些功能,如字体和主色。 我面临的问题是:

- 如何将这些css变更从实体集成到css管理

  • 我不能让资产使用路由规则包含自定义css
  • Eaven如果我成功完成这项工作,每次我对自定义css进行更改时,我必须将资源安装到网络文件夹,并且使资产:转储从控制器清除缓存

2 个答案:

答案 0 :(得分:1)

如果您(或其他人)仍然需要此:

我通过将所有通用CSS放在Assetic处理的资产中来解决这个问题,并将动态CSS生成放在Controller操作中并使用Twig渲染CSS。

答案 1 :(得分:0)

根据Steffen的建议,您应该将动态CSS放在Twig模板中。

但是现在你可能会遇到css的那部分是对symfony应用程序的完整请求,而不是css(HTTP 302等)会增加服务器负载。

这就是为什么我会建议你做3件事(如果没有互动你的css没有改变,你可以跳过第2步,例如基于日期):

  • 实现一种服务,该服务将当前输出缓存到例如网/ additional.css。
  • 编写并注册RequestListener以定期更新css
  • 使用服务调用
  • 扩展可能对css引入更改的所有控制器操作

示例(假设您使用Doctrine并且具有包含某些颜色信息的实体):

<强>服务

<?php 
//Acme\DemoBundle\Service\CSSDeployer.php
namespace Acme\DemoBundle\Service;

use Doctrine\ORM\EntityManager;

class CSSDeployer
{
    /**
     * @var EntityManager
     */
    protected $em;

    /**
     * Twig Templating Service
     */
    protected $templating;

    public function __construct(EntityManager $em, $templating)
    {
        $this->em = $em;
        $this->templating = $templating;
    }

    public function deployStyle($filepath)
    {
        $entity = $this->em->getRepository('AcmeDemoBundle:Color')->findBy(/* your own logic here */);
        if(!$entity) {
            // your error handling
        }

        if(!file_exists($filepath)) {
            // your error handling, be aware of the case where this service is run the first time though
        }

        $content = $this->templating->render('AcmeDemoBundle:CSS:additional.css.twig', array(
            'data' => $entity
        ));

        //Maybe you need to wrap below in a try-catch block
        file_put_contents($filepath, $content);
    }
}

服务注册

#Acme\DemoBundle\Resources\config\services.yml
services:
    #...
    css_deployer:
        class: Acme\DemoBundle\Service\CSSDeployer
        arguments: [ @doctrine.orm.entity_manager, @templating ]

<强> RequestListener

<?php
//Acme\DemoBundle\EventListener\RequestListener.php
namespace Acme\DemoBundle\EventListener;

use Symfony\Component\HttpKernel\Event\GetResponseEvent;
use Symfony\Component\DependencyInjection\ContainerInterface;
use Symfony\Component\Debug\Exception\ContextErrorException;
use \DateTime;
use Doctrine\ORM\EntityManager;

class RequestListener
{
    /**
     * @var ContainerInterface
     */
    protected $container;

    /**
     * @var EntityManager
     */
    protected $em;

    public function __construct(ContainerInterface $container, $em)
    {
        $this->container = $container;
        $this->em        = $em;
    }

    /**
     * Checks filemtime (File modification time) of web/additional.css
     * If it is not from today it will be redeployed.
     */
    public function onKernelRequest(GetResponseEvent $event)
    {
        $kernel     = $event->getKernel();
        $container  = $this->container;

        $path = $container->get('kernel')->getRootDir().'/../web'.'/additional.css';

        $time = 1300000000;

        try {
            $time = @filemtime($path);
        } catch(ContextErrorException $ex) {
            //Ignore
        } catch(\Exception $ex) {
            //will never get here
            if(in_array($container->getParameter("kernel.environment"), array("dev","test"))) {
                throw $ex;
            }
        }

        if($time === FALSE || $time == 1300000000) {
            file_put_contents($path, "/*Leer*/");
            $time = 1300000000;
        }

        $modified   = new \DateTime();
        $modified->setTimestamp($time);
        $today      = new \DateTime();

        if($modified->format("Y-m-d")!= $today->format("Y-m-d")) {
            //UPDATE CSS
            try {                    
                $container->get('css_deployer')->deployStyle($path);
            } catch(\Exception $ex) {
                if(in_array($container->getParameter("kernel.environment"), array("dev","test"))){
                    throw $ex;
                }
            }
        } else {
            //DO NOTHING
        }
    }
}

RequestListener注册

#Acme\DemoBundle\Resources\config\services.yml
acme_style_update_listener.request:
    class: Acme\DemoBundle\EventListener\RequestListener
    arguments: [ @service_container, @doctrine.orm.entity_manager ]
    tags:
        - { name: kernel.event_listener, event: kernel.request, method: onKernelRequest }

控制器操作

public function updateAction()
{
    // Stuff
    $path = '....';
    $this->get('css_deployer')->deployStyle($path);
}

希望这有助于将来。