Lauiuiログインページでジャンプを設定する方法

layui ログイン ページでジャンプを設定する方法

layui フレームワークは、ログイン ページ ジャンプを設定する便利な方法を提供します。具体的な手順は次のとおりです:

1. ジャンプ コードを追加します

login.html ページで、ログイン フォーム送信のクリック イベントに次のコードを追加します。 button:

form.on('submit(login)', function(data){
  if(data.field.username === 'admin' && data.field.password === '123456'){
    // 成功登录，跳转到指定页面
    window.location.href = 'index.html';
  }else{
    // 登录失败，提示错误信息
    layer.msg('用户名或密码错误');
  }
  return false;
});

2. フォーム構成の変更

lay-filter="login" の form 要素に、次の構成項目を追加します:

<form class="layui-form" lay-filter="login">
  <input type="hidden" name="redirect" value="index.html">
</form>

原理の説明:

• ユーザーがログイン ボタンをクリックすると、form.on('submit(login)' 関数がトリガーされます。
• ユーザー名とパスワードが正しければ、window.location.hrefで指定されたページにジャンプします。
• 名前の隠し入力フィールド="redirect" は、ジャンプ先のページを指定するために使用されます。ターゲット ページ。フォームが送信されると、この値がサーバーに渡されます。
• サーバー側では、ジャンプ ベースでジャンプできます。 redirectパラメータの値に応じて、ログイン後のジャンプ先を実現します。ページの機能を指定します。

以上がLauiuiログインページでジャンプを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。