Heim >Backend-Entwicklung >PHP-Tutorial >一个关于Laravel和ReactJS的设计问题

一个关于Laravel和ReactJS的设计问题

WBOY
WBOYOriginal
2016-06-06 20:20:451974Durchsuche

<br>我打算用ReactJS来完成V层的工作,Laravel来完成C和M的工作。这种方法是否可行?有没有这个必要?<br>另外例如登录,blade应该怎么翻译成ReactJS的组件代码,或者说我该如何用ReactJS替换Laravel的前端模板:

<code><!-- resources/views/auth/login.blade.php -->

<form method="POST" action="/auth/login">
    {!! csrf_field() !!} <!-- 特别是这一行代码该怎么写 -->

    <div>
        Email
        <input type="email" name="email" value="{{ old('email') }}">
    </div>

    <div>
        Password
        <input type="password" name="password" id="password">
    </div>

    <div>
        <input type="checkbox" name="remember"> Remember Me
    </div>

    <div>
        <button type="submit">Login</button>
    </div>
</form></code>

有木有相关项目代码可以做参考的?感谢分享

回复内容:

<br>我打算用ReactJS来完成V层的工作,Laravel来完成C和M的工作。这种方法是否可行?有没有这个必要?<br>另外例如登录,blade应该怎么翻译成ReactJS的组件代码,或者说我该如何用ReactJS替换Laravel的前端模板:

<code><!-- resources/views/auth/login.blade.php -->

<form method="POST" action="/auth/login">
    {!! csrf_field() !!} <!-- 特别是这一行代码该怎么写 -->

    <div>
        Email
        <input type="email" name="email" value="{{ old('email') }}">
    </div>

    <div>
        Password
        <input type="password" name="password" id="password">
    </div>

    <div>
        <input type="checkbox" name="remember"> Remember Me
    </div>

    <div>
        <button type="submit">Login</button>
    </div>
</form></code>

有木有相关项目代码可以做参考的?感谢分享

首先一般叫 react.js 而不是 ReactJS

要想充分发挥 react.js 的作用,我建议是前段与后端彻底的分离,仅通过 JSON 通信。而不是用 Laravel 来输出前端代码

前端搭配 react-router 做成 isomorphic 的 Web-App,具体的代码和教程可以参考我在 SF 上的第一个回答

后端仅用 Laravel 的 RESTful API 相关的部分,主要逻辑都写在 M 层,Controller 里几乎不用写代码

手机码字不便,有空再来完善

可以参考下这个 react-laravel

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn