📌  相关文章
📜  Phalcon-资产管理

📅  最后修改于: 2020-10-21 05:30:51             🧑  作者: Mango

除了Phalcon的现有框架之外，资产都是与其他组件有关的。 Phalcon拥有资产管理器，可帮助管理所有资产组件，例如CSS或JS文件。

常用的方法是-

Method Importance
__construct(variable $options) Initializes the component Phalcon\Assets\Manager
addCss(string $path, variable $local, variable $filter, variable $attributes) Adds a CSS resource from the ‘css’ collection to a particular view
addJs(string $path, variable $local, variable $filter, variable $attributes) Adds a JavaScript resource to the ‘js’ collection

例

考虑Phalcon “ vokuro”的示例项目，这是添加css文件的最佳示例。它将包括用于调用所有css文件的资产/管理器。

项目的默认控制器将调用所有css文件。

assets->addCss("public/style.css"); 
      $this->view->setVar('logged_in', is_array($this->auth->getIdentity())); 
      $this->view->setTemplateBefore('public'); 
   } 
}

Style.css

div.remember { 
   margin-top: 7px; 
   color: #969696; 
}  
div.remember label { 
   padding-top: 15px; 
}  
div.forgot { 
   margin-top: 7px; 
   color: #dadada; 
}  
footer { 
   background: url("../img/feature-gradient.png") no-repeat scroll center 100% white; 
   color: #B7B7B7; 
   font-size: 12px; 
   padding: 30px 0; 
   text-align: center; 
}  
footer a { 
   margin-left: 10px; 
   margin-right: 10px; 
}  
table.signup td { 
   padding: 10px; 
}  
table.signup .alert { 
   margin-bottom: 0; 
   margin-top: 3px; 
}  
table.perms select { 
   margin-top: 5px; 
   margin-right: 10px; 
}  
table.perms label { 
   margin-right: 10px; 
}  
div.main-container { 
   min-height: 450px; 
}

将在视图内部管理资产，这些视图将显示css文件作为输出。

指数伏特

{{ content() }} 
{{ assets.outputCss() }} 


 
   
 
      
Welcome!
 
      
This is a website secured by Phalcon Framework
 
      
 
         {{ link_to('session/signup', '
             Create an Account', 'class': 'btn btn-primary btn-large') }}

输出

它将产生以下输出-

产生的产出