|
面向对象的模板
创建可重用的、面向对象的模板。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-name">跨度跨度>>跨度>跨度><跨度类="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-name">一个跨度>>跨度>跨度><跨度类="hljs-template-tag">{%<跨度类="hljs-name">endif跨度>跨度>%}跨度><跨度类="xml"><跨度类="hljs-name">div跨度>>跨度>跨度>
{{component('alert',{消息:'我是一个成功警报!',})}}跨度><跨度类="xml">
{{component('alert', {type: 'danger', message: 'Oh no!恐龙逃跑了!',})}}跨度><跨度类="xml">
$跨度>作曲家需要ux symfony/ux-树ob娱乐下载枝组件<跨度类="hljs-prompt">$跨度>NPM install——force<跨度类="hljs-prompt">$跨度>NPM运行监视
ob娱乐下载Symfony UX树枝组件文档
开始准备官方文件。欧宝官网下载app