在 Laravel 中的多个步骤中持久保存表单数据

2022-08-30 23:43:34

当我过去制作多步骤表单时,我通常会在将表单数据存储在会话中,然后再将其返回到视图,这样,如果用户刷新页面或单击浏览器的本机后退按钮,数据就会保留。

将我过去的逻辑转移到Laravel,我构建了以下由三个阶段组成的表单:

[Input -> Confirm -> Success]

路线.php

Route::group(array('prefix' => 'account'), function(){
    Route::get('register', array(
        'before'  => 'guest',
        'as'      => 'account-create',
        'uses'    => 'AccountController@getCreate'
    ));

    Route::post('register', array(
        'before'  => 'guest|csrf',
        'as'      => 'account-create-post',
        'uses'    => 'AccountController@postCreate'
    ));

    Route::get('register/confirm', array(
        'before'  => 'guest',
        'as'      => 'account-create-confirm',
        'uses'    => 'AccountController@getCreateConfirm'
    ));

    Route::post('register/confirm', array(
        'before'  => 'guest|csrf',
        'as'      => 'account-create-confirm-post',
        'uses'    => 'AccountController@postCreateConfirm'
    ));

    Route::get('register/complete', array(
        'before'  => 'guest',
        'as'      => 'account-create-complete',
        'uses'    => 'AccountController@getCreateComplete'
    ));
});

帐户控制器.php

<?php
class AccountController extends BaseController {

  private $form_session = 'register_form';

  public function getCreate() 
  {
      if(Session::has($this->form_session)) 
      {
          // get forms session data
          $data = Session::get($this->form_session);

          // clear forms session data
          Session::forget($this->form_session);

          // load the form view /w the session data as input
          return View::make('account.create')->with('input',$data);
      }

      return View::make('account.create');
  }

  public function postCreate() 
  {
      // set the form input to the session
      Session::set($this->form_session, Input::all());

      $validation_rules = array(
          'email'         => 'required|max:50|email|unique:users',
          'password'      => 'required|max:60|min:6',
          'password_conf' => 'required|max:60|same:password'                    
      );

      $validator = Validator::make(Input::all(), $validation_rules);

      // get forms session data
      $data = Session::get($this->form_session);

      // Return back to form w/ validation errors & session data as input
      if($validator->fails()) {
        return  Redirect::back()->withErrors($validator);
      } 

      // redirect to the confirm step
      return Redirect::route('account-create-confirm');
  }

  public function getCreateConfirm() 
  {
      // prevent access without filling out step1
      if(!Session::has($this->form_session)) {
        return Redirect::route('account-create');
      }

      // get forms session data
      $data = Session::get($this->form_session);

      // retun the confirm view w/ session data as input
      return View::make('account.create-confirm')->with('input', $data);
  }

  public function postCreateConfirm() 
  {
      $data = Session::get($this->form_session);

      // insert into DB
      // send emails 
      // etc.

      // clear forms session data
      Session::forget($this->form_session);

      // redirect to the complete/success step
      return Redirect::route('account-create-complete');
  }

  public function getCreateComplete() {
      return View::make('account.create-complete');
  }
}

创建.blade.php

<form action="{{ URL::route('account-create-post') }}" method="post">

    Email: <input type="text" name="email" value="{{ (isset($input['email'])) ? e($input['email']) : '' }}">
    @if($errors->has('email'))
        {{ $errors->first('email') }} 
    @endif
    <br />

    Password: <input type="text" name="password" value="">
    @if($errors->has('password'))
        {{ $errors->first('password') }} 
    @endif
    <br />

    Password Confirm: <input type="text" name="password_conf" value="">
    @if($errors->has('password_conf'))
        {{ $errors->first('password_conf') }} 
    @endif     
    <br />

    {{ Form::token() }}

    <input type="submit" value="Confirm">

</form>

创建确认.blade.php

Email: {{ $input['email']; }}
Password: {{ $input['password']; }}

<form action="{{ URL::route('account-create-confirm-post') }}" method="post">
    {{ Form::token() }}
    <a href="{{ URL::previous() }}">return</a> 
    <input type="submit" name="submit_forward" value="Submit">
</form>

以上工作正常,但是我想知道这是否是在Laravel中处理多步骤形式的最佳方法?


答案 1

当我创建多部分表单时,我总是以某种方式完成它,以便用户可以随时返回并稍后完成表单,方法是使每个表单将其具有的内容保存到数据库中。

例如


步骤 1 - 创建帐户

我会让用户在此步骤中创建其身份验证详细信息,在此处创建用户帐户(带密码),然后将用户登录,重定向到仪表板。在那里,我可以检查用户是否有个人资料,如果他们没有,请将其重定向到个人资料创建表单。

步骤 2 - 创建配置文件

由于我们有经过身份验证的用户,因此配置文件创建表单可以将其数据保存到当前登录的用户。后续部分遵循相同的过程,但检查上一步是否存在。


您的问题似乎是关于确认用户是否希望创建帐户。在这种情况下,我会做的是,在您创建的用于确认用户帐户的表单上,我将用户的数据保存在隐藏的输入字段中。

Email: {{ $input['email'] }}
Password: {{ $input['password'] }}

<form action="{{ URL::route('account-create-confirm-post') }}" method="post">
    <input type="hidden" name="email" value="{{ $input['email'] }}">
    <input type="hidden" name="password" value="{{ $input['password'] }}">
    {{ Form::token() }}
    <a href="{{ URL::previous() }}">return</a> 
    <input type="submit" name="submit_forward" value="Submit">
</form>

尽管当您要求他们在上一页上确认密码时,在此页面上向他们显示用户选择的密码似乎有点多余,但是一些用户可能会质疑为什么他们的密码在屏幕上以明文形式显示,特别是如果他们从公共计算机访问该网站。


我建议的第三个选项是创建用户帐户并软删除它(Laravel 4.2 Docs / Laravel 5 Docs),将用户的帐号返回到新表单:

Email: {{ $input['email'] }}
Password: {{ $input['password'] }}

<form action="{{ URL::route('account-create-confirm-post') }}" method="post">
    <input type="hidden" name="id" value="{{ $user_id }}">
    {{ Form::token() }}
    <a href="{{ URL::previous() }}">return</a> 
    <input type="submit" name="submit_forward" value="Submit">
</form>

然后在用户确认其帐户时撤消软删除。这有一个额外的好处,你可以跟踪人们试图多次注册一个帐户而没有完成这个过程,看看你的UX是否有问题。


结论

当然,你仍然可以像你一直以来那样做一个会议,我在这里试图做的就是向你展示一些其他方法,你可以接近它,就像所有事情都与做某事的最佳方式有关一样,这是一个高度固执己见的主题,可能会得到许多相反的观点, 关于如何完成它。最好的方法是最适合您和您的用户的方式...主要是您的用户。


答案 2

有两种方法可以做到这一点(我能想到的)。我更喜欢第二个。

  1. 客户端 - 一切都可以通过javascript处理。基本验证(如果字段是电子邮件,如果字段有足够的字符等)将使用javascript进行检查。确认后,AJAX请求将经过服务器端验证,如果出现任何问题,您可以突出显示无效输入。“检查电子邮件是否可用”按钮(通过AJAX)也会很棒。
  2. 服务器端 - 几乎就像你所做的,但我会把它移到服务中 - 它会让它更干净。

 public function getCreate() {
      if ($this->formRememberService->hasData()) {
           return View::make('account.create')
                ->with('input', $this->formRememberService->getData());
      }
      return View::make('account.create');
 }

 public function postCreate() {
      $this->formRememberService->saveData(Input::all());
      // ...
 }

 public function postCreateConfirm() {
      // ...
      $this->formRememberService->clear();
      return Redirect::route('account-create-complete');
 }

添加“忘记我”操作会很好(特别是如果表单需要更多的私人数据)。

为什么有?如果有人回去更改某些内容并且不小心离开了您的网站,他的数据将丢失。getCreate()Session::forget()


推荐