php - Laravel 灯箱显示 View /表单

Question

我已经充实了一个 Laravel 元素，但想做一些不同的事情，我使用的是 Bootstrap，因此弹出窗口的标准导航和模式。

我想显示带有注册或登录表单的模态，但正如您所理解的那样，它当前的构建方式是，一旦您点击登录或注册链接，它只会呈现页面 View 。

所以我有我的 views/layouts/navigation.blade.php

<div class="container navigation">
    <nav class="navbar navbar-default navbar-top">
            <li class="navbar-right"><a href="{{ URL::route('home') }}">Home</a></li>
      <div class="container">
            @if(Auth::check())
                <li><a href="{{ URL::route('account-sign-out') }}">Sign out</a></li>
                <li><a href="{{ URL::route('account-change-password') }}">Change password</a></li>
            @else
                <li><a href="{{  URL::route('account-sign-in') }}">Login</a></li>
                <li><a href="{{  URL::route('account-create') }}"><button type="button" class="btn btn-default navbar-btn data-toggle="modal" data-target="#myModal"">Sign Up</button></a></li>
            @endif
      </div>
    </nav>
</div>

除此之外，我还有我的 views/account/create.blade.php 和 views/account/signin.php

@extends('layout.main')

@section('content')

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

        <div class="field">
            Email: <input type="text" name="email"{{ (Input::old('email')) ? ' value="' . e(Input::old('email')) . '"' : '' }}>
            @if($errors->has('email'))
                {{ $errors->first('email') }}
            @endif
        </div>

        <div class="field">
            Username: <input type="text" name="username"{{ (Input::old('email')) ? ' value="' . e(Input::old('username')) . '"' : '' }}>
            @if($errors->has('username'))
                {{ $errors->first('username') }}
            @endif          
        </div>      

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

        <div class="field">
            Password Again: <input type="password" name="password_again">
            @if($errors->has('password_again'))
                {{ $errors->first('password_again') }}
            @endif          
        </div>          

        <input type="submit" value="Create Account">
        {{ Form::token() }}
    </form>

@stop 

我真的想要导航中的按钮启动模式并显示里面的表单吗？艾米关于如何处理这个问题的想法？

Answer 1

基本上，您将在客户端使用 Javascript 来显示表单并处理对服务器的请求和服务器的响应。我会:

1. 选择一个可以为您显示模态表单的 CSS/Javascript 框架
2. 将正常的表单生成放在它显示的对话框中
3. 在模态对话框的提交按钮上有一个 Javascript 处理程序，使 AJAX 发布到 Laravel 中的新 RESTful HTTP 端点，调用与您的标准注册表单使用的相同逻辑，但发回您的 AJAX 代码将理解的响应(例如，成功或失败，并带有错误消息)。