当前位置: 首页 > 编程笔记 >

laravel添加前台跳转成功页面示例

滑弘扬
2023-03-14
本文向大家介绍laravel添加前台跳转成功页面示例,包括了laravel添加前台跳转成功页面示例的使用技巧和注意事项,需要的朋友参考一下

创建视图

创建视图success.blade.php

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="{{ asset('/citymedia/js/jquery-1.9.1.min.js') }}"></script>
  </head>
  <body>
  <!-- 代码 begin -->
  <div id="applyFor" style="text-align: center; width: 500px; margin: 100px auto;">

    {{$message}},将在
    <span class="loginTime" style="color: red">{{$jumpTime}}</span>
    秒后跳转至
    <a href="{{$url}}" rel="external nofollow" style="color: red">{{$urlname}}</a>
    页面
  </div>
  </body>
</html>
  <script type="text/javascript">
    $(function(){
      var url = "{{$url}}"
      var loginTime = parseInt($('.loginTime').text());
      var time = setInterval(function(){
        loginTime = loginTime-1;
        $('.loginTime').text(loginTime);
        if(loginTime==0){
          clearInterval(time);
          window.location.href=url;
        }
      },1000);
    })
</script>

在controller里面返回视图

  return view('citymedia.success')->with([
    //跳转信息
        'message'=>'你已经提交信息,请您耐心等待!',
        //自己的跳转路径
        'url' =>'/citymedia/interact',
        //跳转路径名称
        'urlname' =>'互动专区',
        //跳转等待时间(s)
        'jumpTime'=>2,
      ]);

以上这篇laravel添加前台跳转成功页面示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 页面跳转可以是打开新的一页,也可以是当前页重定向,还可以是跳转到当前页的某个状态,下面会从打开w文件,打开其它后缀文件,使用路由等几个方面分别介绍一下在X5中的页面跳转。 目录 1、打开w文件 1.1、使用Shell提供的方法 1.2、使用弹出窗口打开 1.3、模拟门户的做法 2、打开html等其它类型的文件 2.1、使用打开w文件的方法 2.2、使用a链接跳转 2.3、页面重定向 2.4、使用w

  • 页面跳转可以是打开新的一页,也可以是当前页重定向,还可以是跳转到当前页的某个状态,下面会从打开w文件,打开其它后缀文件,使用路由等几个方面分别介绍一下在X5中的页面跳转。 目录 1、打开w文件 1.1、使用Shell提供的方法 1.2、使用弹出窗口打开 1.3、模拟门户的做法 2、打开html等其它类型的文件 2.1、使用打开w文件的方法 2.2、使用a链接跳转 2.3、页面重定向 2.4、使用w

  • 打开UserModule类,添加一个方法 @GET @At("/login") @Filters @Ok("jsp:jsp.user.login") // 降内部重定向到登录jsp public void loginPage() {} 含义是, 访问这个路径的GET请求,将会转发到 /WEB-INF/jsp/user/login.jsp

  • 在 umi 里,页面之间跳转有两种方式:声明式和命令式。 声明式 基于 umi/link,通常作为 React 组件使用。 import Link from 'umi/link'; export default () => ( <Link to="/list">Go to list page</Link> ); 命令式 基于 umi/router,通常在事件处理中被调用。 import r

  • 本文向大家介绍vue单页面实现当前页面刷新或跳转时提示保存,包括了vue单页面实现当前页面刷新或跳转时提示保存的使用技巧和注意事项,需要的朋友参考一下 前言 最近公司vue项目中有一个需求,需要在当前页面刷新或跳转时提示保存并可取消刷新,以防止填写的表单内容丢失。刚开始思考觉得很简单,直接在Router的钩子中判断就好了,但是会发现还有新的问题存在,浏览器刷新和当前页面关闭的时候无法监听,最终用w