平滑页面转换

使用Ajax页面转换Swup

用ajax支持的、程式化的页面转换(Turbo的替代方案)替换整个页面刷新。

src /控制器/ SwupController.php

#[路由('/swup/{page<\d+>}'， name: 'app_swup')]公共函数swup(PackageRepository $ PackageRepository, int $page = .1）：响应｛//分页链接只是一个例子:swup工作与任何“a”标签!$pagerfanta = pagerfanta::createForCurrentPageWithMaxPerPage(新ArrayAdapter (packageRepository美元- > findAll()),美元的页面,4）;返回这个美元- >呈现(“ux_packages / swup.html.twig”, (“寻呼机”=> $pagerfanta，]);｝

模板/ swup.html.twig

{#初始化swup控制器，然后呈现正常链接!#}<div{{stimulus us_controllerob娱乐下载('symfony/ux-swup/swup')}}id＝“swup”>{%为页导航%}中的包<一个href＝＂{{path(package.route)}}＂类＝“col-12”><imgsrc＝＂{{asset('build/images/'~package.imageFilename)}}＂><h4>{{包。humanName}}h4>一个>{%endfor%}{{pagerfanta(pager， 'twitter_bootstrap5')}}div>
ob娱乐下载Symfony的标志＂><p class=用户体验Swup