首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何为后退按钮调用此路由,Laravel

在Laravel中,可以使用route()函数来为后退按钮调用指定的路由。route()函数接受两个参数,第一个参数是路由的名称,第二个参数是传递给路由的参数。

首先,需要在routes/web.php文件中定义一个路由,并为其指定一个名称,例如:

代码语言:php
复制
Route::get('/example/{id}', 'ExampleController@show')->name('example.show');

上述代码定义了一个GET请求的路由,当访问/example/{id}时,会调用ExampleControllershow方法,并将id作为参数传递给该方法。路由的名称为example.show

接下来,在视图文件中可以使用route()函数来生成后退按钮的链接,例如:

代码语言:php
复制
<a href="{{ route('example.show', ['id' => $id]) }}">后退</a>

上述代码中,route()函数的第一个参数为路由的名称,即example.show,第二个参数为传递给路由的参数,这里使用了$id变量作为参数。

这样,当用户点击后退按钮时,会跳转到指定路由,并将参数传递给该路由。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Laravel7使用Auth进行用户认证

laravel7 版本移除了 auth,大家都知道以前版本是直接使用 php artisan make:auth就可以使用,但是这版本不行了,那么要怎么弄呢?今天和大家说一下具体步骤。...Laravel7 的 laravel/ui 包提供了一种快速方法,可以使用一些简单的命令来支持你进行身份验证所需的所有路由和视图: 安装依赖包laravel/ui 直接使用命令进行安装 composer...require laravel/ui 创建auth脚手架 直接使用命令进行创建 #注意这里的vue为可选项,可以换成bootstrap react vue php artisan ui vue --...数据迁移 先配置数据库,这里我用的是homestead环境,所以连接配置如下 然后执行迁移命令 php artisan migrate 页面使用查看效果 这时候打开首页,我们会发现,右上角多了注册登录按钮...我们会发现直接登录完的页面进入了,然后退出登录。 然后再试一下登录,使用刚才的邮箱和密码。 至此用户认证就实现了。有几个点再说一下。 模版文件在resources文件夹内,可以随意修改。

5.8K10

通过 Laravel 创建一个 Vue 单页面应用(五)

得益于 Laravel路由模型绑定,我们只需要在 UsersController 中添加寥寥几行的代码就可以实现删除单个用户的功能: public function destroy(User $user...api.delete(this.user.id) .then((response) => { console.log(response); }); } 我们在 API 客户端调用... 因为在后端的Laravel程序中存在一个万能路由, 这意味着前端也需要这么一个万能路由,当访问路径与已经定义的路由不匹配时以一个404页面作为响应。...此时,您应该拥有自己完成创建新用户所需的所有工具,因此可以在本系列的下一篇文章发布之前尝试构建功能。...准备好后,请查看第6部分-创建新用户 原文地址:https://laravel-news.com/building-a-vue-spa-with-laravel-part-5 译文地址:https://

4.4K20
  • Flutter中如何使用WillPopScope

    老孟导读:在Flutter中如何实现点击2次Back按钮退出App,如何实现App中多个Route(路由),如何实现Back按钮只退出指定页面,篇文章将告诉你。...点击将会回到前一个页面,在Android手机上点击实体(虚拟)返回按钮,也将会回到前一个页面,功能对于iOS程序员来说可能特别容易忽略。...询问用户是否退出 在Android App中最开始的页面点击后退按钮,默认会关闭当前activity并回到桌面,我们希望此时弹出对话框或者给出提示“再次点击退出”,避免用户的误操作。...在Android App中最开始的页面点击后退按钮,默认会关闭当前activity并回到桌面,我们希望此时弹出对话框或者给出提示“再次点击退出”,避免用户的误操作。...true; } }, child: Container( alignment: Alignment.center, child: Text('点击后退按钮

    1.5K20

    vue-router路由配置方法

    vue-router的配置使用 # 前端路由特点 优点 体验好,快速呈现 缺点 不利SEO 使用浏览器的前进后退时回重新发送请求,没有合理利用缓存 单页面无法记住之前滚动的位置,无法在前进、后退的时候记住滚动的位置...Home按钮 => home内容, 这是一条route;about按钮 => about 内容, 这是另一条route routes:是一组路由,把上面的每一条路由组合起来,形成一个数组。...[{home 按钮 =>home内容 }, { about按钮 => about 内容}] router:router是一个机制,相当于一个管理者,它来管理路由。...当我们进入到home页面的时候,它下面还有分类,手机系列,平板系列,电脑系列。...当我们点击各个分类的时候,它还是需要路由到各个部分,点击手机,它肯定到对应到手机的部分 vue 提供了childrens 属性,相当于我们所写的routes const routes = [

    86620

    实现一个前端路由,如何实现浏览器的前进与后退

    3.1 在数组最后进行 增加与删除 通过监听路由的变化事件 hashchange,与路由的第一次加载事件 load ,判断如下情况: •url 存在于浏览记录中即为后退后退时,把当前路由后面的浏览记录删除...我们使用两个栈,X 和 Y,我们把首次浏览的页面依次压入栈 X,当点击后退按钮时,再依次从栈 X 中出栈,并将出栈的数据依次放入栈 Y。...当我们点击前进按钮时,我们依次从栈 Y 中取出数据,放入栈 X 中。当栈 X 中没有数据时,那就说明没有页面可以继续后退浏览了。当栈 Y 中没有数据,那就说明没有页面可以点击前进按钮浏览了。...当你通过浏览器的后退按钮,从页面 c 后退到页面 a 之后,我们就依次把 c 和 b 从栈 X 中弹出,并且依次放入到栈 Y。这个时候,两个栈的数据就是这个样子: ?...这个时候,你通过页面 b 又跳转到新的页面 d 了,页面 c 就无法再通过前进、后退按钮重复查看了,所以需要清空栈 Y。此时两个栈的数据这个样子: ? 如果用代码来实现,会是怎样的呢 ?

    1.6K30

    Flutter中如何使用WillPopScope的示例代码

    在Flutter中如何实现点击2次Back按钮退出App,如何实现App中多个Route(路由),如何实现Back按钮只退出指定页面,篇文章将告诉你。...,在Android手机上点击实体(虚拟)返回按钮,也将会回到前一个页面,功能对于iOS程序员来说可能特别容易忽略。...询问用户是否退出 在Android App中最开始的页面点击后退按钮,默认会关闭当前activity并回到桌面,我们希望此时弹出对话框或者给出提示“再次点击退出”,避免用户的误操作。...context).pop(false)), ])), child: Container( alignment: Alignment.center, child: Text('点击后退按钮...); return true; } }, child: Container( alignment: Alignment.center, child: Text('点击后退按钮

    2.9K40

    10个技巧优化PHP程序Laravel 5框架

    文件,需要注意的是,路由缓存不支持路由匿名函数编写逻辑。...可以使用下面命令清除路由缓存: php artisan route:clear 命令做的事情就是把 bootstrap/cache/routes.php 文件删除。...注意:命令要运行在 php artisan config:cache 后,因为 optimize 命令是根据配置信息(:config/app.php 文件的 providers 数组)来生成文件的。...自动加载优化 命令不止针对于 Laravel 程序,适用于所有使用 composer 来构建的程序。命令会把 PSR-0 和 PSR-4 转换为一个类映射表,来提高类的加载速度。...使用专业缓存驱动器 「缓存」是提高应用程序运行效率的法宝之一,默认缓存驱动是 file 文件缓存,建议切换到专业的缓存系统, Redis 或者 Memcached,不建议使用数据库缓存。

    5.4K20

    通过 Laravel 创建一个 Vue 单页面应用(三)

    我们将通过演示在 vue-router 进入一个路由之前,如何异步加载数据来继续使用 Laravel 构建我们的 Vue SPA。...: callback(null, response.data); beforeRouteUpdate 当组件已经处于渲染状态,并且路由更改时,将调用 beforeRouteUpdate,并且Vue会在新路由中复用组件...因此,我们可以先调用 this.setData()(我还没有向您展示),然后不需要回调就调用 next()。...下一个和上一个按钮使用计算出的属性来确定是否应禁用它们,而 goTo 方法使用这些计算出的属性将 page 查询字符串参数推入下一页或上一页。...当下一页或上一页在第一页和最后一页的边界处为空时,将禁用这些按钮。 代码中可能有一些冗余,但是组件说明 vue-router了在进入路由之前用于获取数据的方法!

    5.2K10

    HTML 面试要点:History 和 Hash 路由方式

    # 为什么要使用路由 越来越多的应用使用 Ajax 请求数据,浏览器 URL 不会发生任何变化。同时,浏览的页面内容在用户下次使用 URL 访问时将无法重新呈现,使用路由可以很好地解决这个问题。...# 前端路由实现方法 路由需要实现以下功能: 当浏览器地址变化时,切换页面; 点击浏览器【后退】、【前进】按钮时,网页内容跟随变化; 刷新浏览器,网页加载当前路由对应的内容。...在单页面 web 网页中,单纯的浏览器地址改变,网页不会重载,单纯的 hash 网址改变网页不会变化,因此路由主要通过监听事件,并利用 JavaScript 实现动态改变网页内容,有以下实现方法: hash...History.replaceState() 用来修改 History 对象的当前记录,用法与 pushState 相同 popstate() 每当 History 对象出现变化时,就会触发 popstate 事件 仅仅调用...pushState() 方法或 replaceState() 方法,并不会触发该事件 只有用户点击浏览器倒退按钮或前进按钮,或者使用 JavaScript 调用 history.back() 、 history.forward

    81920

    通过 Laravel 创建一个 Vue 单页面应用(二)

    在这个教程中,我们通过学习怎样从 Vue 组件中的 Laravel API 加载异步数据,来继续在 Laravel 中创建一个 Vue 单页应用(SPA)。...API 路由 Vue 单页应用是无状态的,这就要求我们发起 API 请求到 Laravel 路由的时候,需要通过定义在 routes/api.php 中的路由。...Axios 是一个 promise-based HTTP 客户端,通过链式调用  then() 回调来记录返回并且最终赋值给 users 数据属性。...为了好的用户体验,在这个条件下,我们在 UsersIndex.vue 模版中设置一个 “再来一次” 的按钮,这个按钮会简单的调用 fetchData 方法来刷新 users 属性: <div v-if=...我们也会转换 API 为从已经初始化的数据库表获取数据,因此我们可以通过设置路由参数来导航到一个具体的用户。 现在,来看看通过 Laravel 创建一个 Vue 单页面应用的 第三部分 !

    3.4K30

    导航守卫beforeEach的运用

    前端常常需要实现的一个功能,比如一个商城,跳转到某些页面,个人中心等就需要登录过才能进去,不然就先跳转到登录页面之后才能跳转到需要登录之后才能查看的页面,功能就需要导航守卫来完成比较好。...catch(err => { console.log(err, "err"); next("/notFindPage"); }); } }); 当一个导航触发时,全局前置守卫按照创建顺序调用...每个守卫方法接收三个参数: to: Route: 即将要进入的目标 路由对象 from: Route: 当前导航正要离开的路由 next: Function: 一定要调用该方法来 resolve 这个钩子...执行效果依赖 next 方法的调用参数。 next(): 进行下一个钩子。如果全部钩子执行完了,则导航的状态就是 confirmed (确认的),继续跳转。 next(false): 中断当前的导航。...如果浏览器的 URL 改变了(可能是用户手动或者浏览器后退按钮),那么 URL 地址会重置到 from 路由对应的地址。

    42620

    Laravel源码解析之控制器

    控制器能够将相关的请求处理逻辑组成一个单独的类, 通过前面的路由和中间件两个章节我们多次强调Laravel应用的请求在进入应用后首现会通过Http Kernel里定义的基本中间件 protected $...,接下来就看看当请求最终找到了路由对应的控制器方法后Laravel是如何为控制器方法注入正确的参数并调用控制器方法的。...在拿到控制器和方法的名称字符串后,路由对象将自身、控制器和方法名传递给了 Illuminate\Routing\ControllerDispatcher类,由 ControllerDispatcher来完成最终的控制器方法的调用...下面我们详细看看 ControllerDispatcher是怎么来调用控制器方法的。...解决完method的参数依赖后就该调用方法了,这个很简单, 如果控制器有callAction方法就会调用callAction方法,否则的话就直接调用方法。

    91620

    【技巧】ionic3的页面导航后退事件拦截

    写一篇简单的,有这样一种业务场景:当使用push后,页面导航栏会自动添加后退按钮,当点击后退按钮后,拦截事件(付费进来了,没有完成后续操作就后退退出,良好的用户体验是必须给出提示,防止误操作)。...基于此,起码有两种方式: 1、重写导航栏的后退按钮点击方法,具体操作为: 头顶添加引用: import { IonicPage, NavController, NavParams, Navbar } from...ionViewDidLoad() { this.navbar.backButtonClick = (e)=>{ console.log(e); }; } 执行上述方法后,事件被拦截,页面不会后退...方法的弊端是:只能拦截点击事件,如果是一些非法后退操作呢?ios端的左滑后退,android的物理键后退,或者某个操作手动调用navCtrl.pop()的方法,这样就会失效。

    99150

    Laravel 请求生命周期

    一个服务提供者的 register() 方法被调用时,这个服务提供者即被注册到应用实例。完成所有服务提供者注册到应用实例后,应用实例执行启动方法(boot method)引导项目启动。...路由器将请求转发至注册的路由和对应的控制器(译注:在 routes/web.php 或 routes/api.php 文件中定义的路由),并且执行当前路由相关的中间件。...路由器把 HTTP 请求发送到匹配的控制器或视图。我们可以在 routes/web.php 中(译注:原文定义在 app/routes.php 中,仅适用于 Laravel 5.3 之前)定义路由。...一个 HTTP 请求实例 1 用户在浏览器输入 http://xyz.com 并点击回车按钮。 2 当用户点击回车按钮,浏览器将页面的请求通过网络发送到 Web 服务器。...7 HTTP 或 Console 内核接收到 HTTP 请求,加载 Laravel 服务提供者,同时,将请求分发给路由器执行。 8 路由器将渲染视图文件,并生成响应数据给 Web 服务器。

    2.9K10

    $router和$route的区别

    、from: Route: 当前导航正要离开的路由、next: Function: 调用该方法来resolve这个钩子,执行效果依赖next方法的调用参数,例如next()、next(false)、next...$router.afterEach(to, from): 全局后置钩子,进入路由之后调用,接收to、from两个参数。...$router.push(location[, onComplete[, onAbort]]): 编程式导航,使用$router.push方法导航到不同的URL,方法会向history栈添加一个新的记录...,当点击浏览器后退按钮时,则回到之前的URL。...$router.onError(callback): 注册一个回调,该回调会在路由导航过程中出错时被调用,被调用的错误必须是下列情形中的一种,错误在一个路由守卫函数中被同步抛出、错误在一个路由守卫函数中通过调用

    1.1K30

    大前端开发中的路由管理之二:web篇

    然而调用history.pushState()/history.replaceState()不会触发popstate事件,只有在做出浏览器动作时,才会触发该事件,比如用户点击浏览器的回退/前进按钮,或者在...点击浏览器的前进或后退按钮;         2. 点击 a 标签;         3. 在JS代码中触发history.pushState函数;         4....content : function(){}; } // 监听popstate事件,点击浏览器的前进后退按钮触发 listenPopState(){ window.addEventListener...memeory模式的路由信息保存在内存中,浏览器的前进后退操作无效,更适合运用在单机应用中。         ...以上便是web路由管理的几种常见实现方式,实现过程比较粗糙,希望能有助于大家在使用现代优秀的路由组件,vue-router、react-router时能更好的运用在项目中。

    1.6K20

    如何制作自己的原生 JavaScript 路由

    太糟糕了,因为单击浏览器的“后退”和“前进”按钮与浏览历史记录中的 URL 导航有关。如果没有 History API,就无法谈论路由。...结果:现在,每次我们单击按钮时,URL 实际上都会在浏览器的地址栏中更改。内容框也会更新。 ? 我们的原生 JS 路由开始运行了。请注意,每次单击按钮时,history.pushState 被触发。...使“后退”和“前进”按钮起作用 通过使用 history.pushState,你将自动使 Back 和 Forward 按钮导航到上一个或下一个状态。这样做会产生 popstate事件。...区域可能填充了你的 API 加载的某些内容。由于这只是“前端”示例,因此我无法向你展示太多内容。但这就是它在客户端上的工作方式。 初始化服务器端的路由负载 将它们放在一起还需要再执行一个步骤。...假定每次你导航到出现在路由按钮上的 URL 时,实际上都会从服务器单独加载该 URL。 因此你有责任确保/page/about 将路由器和页面的加载到应用程序的根视图中。

    3.9K20

    全局梳理、分析、总结 laravel 的核心概念

    下面 我分享一张 图片,图是goole提供,laravel 在过去七年成长速度,在 php 框架自 有史以来也是最快的。 ?...03 — 路由 laravel路由也是自身框架的一个特征点,它的路由样式用法丰富且又简洁明了。让开发者甚是喜欢。...路由缓存/清理 (注:基于闭包的路由无法被缓存。要使用路由缓存,你需要将代码从闭包转移到控制器类中) 如果您的应用程序只使用了基于控制器的路由,那么您应该利用 Laravel路由缓存。...要生成路由缓存,只需执行 artisan 命令 php artisan route:cache 运行命令后,将在每个请求上加载缓存的路由文件。...一旦单例绑定被解析,相同的对象实例会在随后的调用中返回到容器中: $this->app->singleton('HelpSpot\API', function ($app) { return new

    6K41
    领券