光滑的页面转换

Ajax页面转换与Swup

替换整个页面刷新邮件服务商,程式化的页面转换(涡轮的替代品)。

src /控制器/ SwupController.php

#(路线(' / swup /{页< \ d + >}’,名字:“app_swup”))公共函数swup(PackageRepository PackageRepository美元,int $页面=1):响应{/ /分页链接仅仅是一个例子:swup与任何“a”的标签!$ pagerfanta = pagerfanta:: createForCurrentPageWithMaxPerPage (新ArrayAdapter ($ packageRepository - > findAll()),美元的页面,4);返回这个美元- >渲染(“ux_packages / swup.html.twig”,(“寻呼机”= > pagerfanta美元]);}

模板/ swup.html.twig

{#初始化swup控制器,然后呈现正常的链接!#}<div{{stimulus_controller (sob娱乐下载ymfony / ux-swup / swup)}}id=“swup”>{%为包在寻呼机%}<一个href=”{{路径(package.route)}}”类=“col-12”><imgsrc=”{{资产(“构建/图片/”~ package.imageFilename)}}”><h4>{{包。humanName}}< /h4>< /一个>{%endfor%}{{pagerfanta(寻呼机,twitter_bootstrap5)}}< /div>
ob娱乐下载Symfony的标志”><p class=用户体验Swup