面向对象的模板

PHP类:<跨度类="playfair ps-2">树枝组件

创建可重用的、面向对象的模板。PHP类+模板=树枝组件。


      
     

src /理解/ AlertComponent.php

使用<跨度类="hljs-title">应用程序\<跨度类="hljs-title">服务\<跨度类="hljs-title">PackageRepository;<跨度类="hljs-keyword">使用<跨度类="hljs-title">ob娱乐下载\<跨度类="hljs-title">用户体验\<跨度类="hljs-title">TwigComponent\<跨度类="hljs-title">属性\<跨度类="hljs-title">AsTwigComponent;<跨度类="hljs-comment"># (AsTwigComponent(警报)]<跨度类="hljs-class"><跨度类="hljs-title">AlertComponent{<跨度类="hljs-keyword">公共字符串$type =<跨度类="hljs-string">“成功”;<跨度类="hljs-keyword">公共字符串消息美元;<跨度类="hljs-keyword">公共<跨度类="hljs-function">函数<跨度类="hljs-title">__construct<跨度类="hljs-params">(private PackageRepository $ PackageRepository){}<跨度类="hljs-keyword">公共<跨度类="hljs-function">函数<跨度类="hljs-title">getIconClass<跨度类="hljs-params">():<跨度类="hljs-title">字符串{<跨度类="hljs-keyword">返回匹配(<跨度类="hljs-keyword">这个美元- >类型){<跨度类="hljs-string">“成功”=><跨度类="hljs-string">“fa fa-circle-check”,<跨度类="hljs-string">“危险”=><跨度类="hljs-string">“fa fa-circle-exclamation”};}<跨度类="hljs-keyword">公共<跨度类="hljs-function">函数<跨度类="hljs-title">getPackageCount<跨度类="hljs-params">():<跨度类="hljs-title">int{<跨度类="hljs-keyword">返回<跨度类="hljs-keyword">这个美元- > packageRepository - >数();}}

模板/组件/ alert.html.twig

<<跨度类="hljs-name">div<跨度类="hljs-attr">类=<跨度类="hljs-string">“警报警报,<跨度类="hljs-template-variable">{{type}}<跨度类="xml">alert-dismissible”<跨度类="hljs-attr">角色=<跨度类="hljs-string">“警告”><跨度类="hljs-tag"><<跨度类="hljs-name">跨度<跨度类="hljs-attr">类=<跨度类="hljs-string">“我2<跨度类="hljs-template-variable">{{。iconClass}}<跨度类="xml">><跨度类="hljs-tag">跨度><跨度类="hljs-template-variable">{{message}}<跨度类="xml">{%<跨度类="hljs-name">如果Type == 'success' %}<跨度类="xml"><<跨度类="hljs-name">一个<跨度类="hljs-attr">href=<跨度类="hljs-string">"<跨度类="hljs-template-variable">{{path('app_all_components')}}<跨度类="xml"><跨度类="hljs-attr">类=<跨度类="hljs-string">“alert-right-message”>(浏览所有<跨度类="hljs-template-variable">{{。packageCount}}<跨度类="xml">包)<跨度类="hljs-tag">一个><跨度类="hljs-template-tag">{%<跨度类="hljs-name">endif%}<跨度类="xml">div>
ob娱乐下载Symfony的标志"><p class=UX树枝组件

{{component('alert',{消息:'我是一个成功警报!',})}}<跨度类="xml">
{{component('alert', {type: 'danger', message: 'Oh no!恐龙逃跑了!',})}}<跨度类="xml">

安装它

作曲家需要ux symfony/ux-树ob娱乐下载枝组件<跨度类="hljs-prompt">$NPM install——force<跨度类="hljs-prompt">$NPM运行监视