安装Symfony Uob娱乐下载X

在安装任何特定的UX库之前，请确保已经安装Webpack安可．

如果您已经安装了它，请确保您有一个资产/ bootstrap.js文件(初始化刺激和UX包)，一个资产/ controllers.json文件(这控制了你已经安装的第三方UX包)和.enableStimulusBridge(“。/资产/ controllers.json”)在你的webpack.config.js文件。如果缺少这些，请尝试升级ob娱乐下载symfony / webpack-encore-bundleFlex配方。看到升级伸缩食谱．

所有Syob娱乐下载mfony UX包

• ux-autocomplete:转换EntityType，ChoiceType或任何<选择>元素转换为ajax支持的自动补全字段(看到演示）
• ux-chartjs:简单的图表Chart.js（看到演示）
• ux-cropperjs:用于裁剪图像的表单类型和工具(看到演示）
• ux-dropzone:用于文件上传的风格化“放置区”的表单类型(看到演示）
• ux-lazy-image:优化图像加载与BlurHash (看到演示）
• ux-live-component:用零JavaScript构建动态接口(看到演示）
• ux-notify:使用Mercure发送服务器发送的本机通知(看到演示）
• ux-react:渲染反应来自Twig (看到演示）
• ux-swup:与Swup（看到演示）
• ux-turbo:与涡轮驱动对于单页应用程序体验(看到演示）
• ux-twig-component:用PHP类来构建分支组件(看到演示）
• ux-typed:与输入（看到演示）
• ux-vue:渲染Vue来自Twig (看到演示）

世界各地的刺激工具

因为Stimulus是由Symfony之外的开发人员使用的，很多工具都存在于UX包之外:ob娱乐下载

• stimulus-use:为你的刺激控制器添加可组合的行为，如反弹，检测外部点击和许多其他事情。
• stimulus-components大量预先制作的刺激控制器，如复制到剪贴板，排序，弹出窗口(类似于工具提示)和更多。

Symfony用户ob娱乐下载体验是如何工作的?

当您安装UX PHP包时，Symfony Flex将自动更新您的ob娱乐下载package.json文件指向PHP包中的“虚拟包”。例如:

1 2 3 4 5 6

｛“devDependencies”: {“…”：＂＂，“@ob娱乐下载symfony / ux-chartjs”：“文件:供应商/ symfob娱乐下载ony / ux-chartjs /资源/资产”}}

这给了你一个真正的节点包(例如:@ob娱乐下载symfony / ux-chartjs)，而不是下载，直接指向已经存在于您的文件供应商/目录中。

Flex配方通常也会更新您的资产/ controllers.json文件添加一个新的刺激控制器到你的应用程序。例如:

1 2 3 4 5 6 7 8 9 10 11

｛“控制器”: {“@ob娱乐下载symfony / ux-chartjs”: {“图”: {“启用”：真正的，“获取”：“渴望”}}}，“entrypoints”: []}

最后,你的资产/ bootstrap.js文件-使用@ob娱乐下载symfony / stimulus-bridge-包会自动注册:

• 所有文件资产/控制器/作为刺激计划控制者;
• 中描述的所有控制器资产/ controllers.json作为刺激计划的控制者。

最终的结果是:您安装了一个包，立即就有了一个可用的刺激控制器!在这个例子中，它被称为@ob娱乐下载symfony / ux-chartjs /图表．从技术上讲，它会被称为ob娱乐下载symfony——ux-chartjs图表．但是，可以将原始名称传递到{{stimulus us_controller()}}函数从WebpackEncoreBundle，它将规范化它:

1 2 3 4

<div{{stimulus_controller('@sob娱乐下载ymfony/ux-chartjs/chart')}}><！——将呈现为:——><div数据控制器＝“ob娱乐下载symfony——ux-chartjs图”>

懒惰的控制器

默认情况下，您的所有控制器(即文件资产/控制器/+控制器资产/ controllers.json)将下载并载入每一页。

有时您可能有一个只在某些页面上使用的控制器，或者可能只在您的管理区域中使用。在这种情况下，您可以使控制器“懒惰”。当控制器是lazy时，它就是lazy不在初始页面加载时下载。相反，只要页面上出现一个与控制器匹配的元素(例如。< div数据控制器= "你好" >)，控制器——以及它导入的任何东西——将通过Ajax惰性加载。

为了让你的一个自定义控制器变得懒惰，在上面添加一个特殊的注释:

1 2 3 4 5 6

进口{控制器}从“@hotwired /刺激”；/*刺激性取回:'lazy' */出口默认的类扩展控制器｛/ /……｝

要使第三方控制器懒惰，在资产/ controllers.json,设置获取来懒惰的．

更高级设置

要了解更高级的选项，请阅读@ob娱乐下载symfony / stimulus-bridge， Node包负责了很多神奇的功能。