Php 用于显示视图/窗体的Laravel灯箱

Php 用于显示视图/窗体的Laravel灯箱,php,html,css,twitter-bootstrap,laravel,Php,Html,Css,Twitter Bootstrap,Laravel,我已经充实了一个Laravel项目,但想做一些不同的事情,我使用了Bootstrap,因此popout的标准导航和模态 我想在里面显示注册或登录表单的模式,但是您可以欣赏它当前的构建方式,一旦您点击登录或注册链接,它就会呈现页面视图 所以我有了我的视图/布局/navigation.blade.php <div class="container navigation"> <nav class="navbar navbar-default navbar-top">

我已经充实了一个Laravel项目,但想做一些不同的事情,我使用了Bootstrap,因此popout的标准导航和模态

我想在里面显示注册或登录表单的模式,但是您可以欣赏它当前的构建方式,一旦您点击登录或注册链接,它就会呈现页面视图

所以我有了我的视图/布局/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>

  • @if(Auth::check())
  • @否则
  • @恩迪夫
    除此之外,我还有我的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 
    
    @extends('layout.main'))
    @节(“内容”)
    电邮:
    @如果($errors->has('email'))
    {{$errors->first('email')}
    @恩迪夫
    用户名:
    @如果($errors->has('username'))
    {{$errors->first('username')}
    @恩迪夫
    密码:
    @如果($errors->has('password'))
    {{$errors->first('password')}
    @恩迪夫
    再次输入密码:
    @如果($errors->has('password\u再次出现'))
    {{$errors->first('password\u')}
    @恩迪夫
    {{Form::token()}}
    @停止
    

    我真的想要导航中的按钮启动模态并显示里面的表单吗?艾米想知道如何处理这个问题吗?

    我希望我的问题是对的。实现所需功能的关键应该是一个名为嵌套视图的概念,该概念在上有很好的解释。此外,请查看(将子视图传递到视图)一节


    您必须为您的登录表单创建一个视图,并将其嵌套在登录模式以及标准登录视图(如果您有)中。希望这能有所帮助。

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

  • 选择一个CSS/Javascript框架,它将为您显示一个模式表单
  • 将普通表单生成放在它显示的对话框中
  • 在模式对话框的submit按钮上有一个Javascript处理程序,该处理程序向Laravel中的新RESTful HTTP端点发送AJAX帖子,该端点调用标准注册表单使用的相同逻辑,但会返回AJAX代码能够理解的响应(例如,成功或失败,以及错误消息)