在 Laravel 中使用 Javascript 框架 [关闭]

Question

我正在使用 Laravel（PHP 框架）按照其最佳实践构建一个系统，并且到目前为止几乎没有 Javascript。

Laravel 没有提供删除项目的简单方法（我在这个应用程序中有很多 CRUD），我必须使用 AJAX 删除一个项目并用这些项目刷新表格。除了这个动作之外，我还想显示一个警报（如页面顶部的引导警报），说明一切运行正常，或者发生了错误。

我正在考虑使用像 Angular、Ember、Backbone、Knockout（和其他）这样的 JS 框架，而不是使用 jQuery 的所有 hide/show。但我不想使用所有功能，例如路由、视图以及由发送 JSON 响应的后端 API 完成的通信客户端-服务器，因为我已经编写了所有应用程序PHP（Laravel 视图）。

有没有办法将 JS 框架用于我正在寻找的数据绑定？目前，我只考虑 delete 操作，但我肯定会有更多 Javascript/AJAX 操作。

编辑

这里的要点是，我想在模型（仅此而已）上进行更改时触发 UI 上的一些操作，而不使用 jQuery 的所有 hide/show。 Angular、Backbone 和所有这些框架都提供了它，但它们的示例显示了一个后端 API，我不想使用它。乍一看，Knockout JS 符合我的要求。

Answer 1

当然可以，检查像laroute这样的包

您可以像这样为任何操作 javascript 端生成路由：

/** 
 * laroute.action(action, [parameters = {}])
 *
 * action     : The action to route to.
 * parameters : Optional. key:value object literal of route parameters.
 */

laroute.action('HomeController@getIndex');

编辑：添加示例

我有一个设计复杂的“母版”页面模板（此处简化）

<div class="panel">
    <div class="panel-heading"></div>
</div>
<div class="panel-body">
    <div id="items-table">
        @include('_items_list', compact(['items']) )
    </div>         
</div>

我有一个部分刀片模板中的项目列表（也简化了）

//_items_list.blade.php
<table class="table" >
    <thead>
    <tr>
        <th>#</th>
        <th>Name</th>
        <th>Delete</th>
    </tr>
    </thead>
    <tbody>
    @foreach($items as $item)
        <tr>
            <td >
                {{ $item->id }}
            </td>
            <td>
                {{ $item->name }}
            </td>
            <td>
                <a href="javascript:void(0)" class="btn btn-danger items" data-item_id="{{ $item->id }}">Delete</a>
            </td>
        </tr>
    @endforeach
    </tbody>
</table>

在我的路由中，我使用 POST 方法，但更好的方法是使用实​​现 REST 方法的resourceful controller，您可以只使用您想要的方法。

//routes.php
Route::post("items/delete.", "ItemsController@delete");

在我的控制器中，我有一个删除方法（也简化了）

//app/controllers/ItemsController.php
class ItemsController extends BaseController {

    public function delete(){

        $item = Item::find(Input::get('item_id'));

        if($item) {
            $item->delete();

            //return the new items list                
            $items = Tramite::orderBy('created_at','desc')->paginate(10);
           return View::make('_items_list', compact($items));
        }
    }
}

在我的 js 文件中，我有一个像这样的 jquery 事件监听器

//public/js/items.js 
$(function () {

    $('.items').click(function(ev){

        var item_id = $(this).data('item_id');

        //Here comes the laroute library!
        //@see http://api.jquery.com/load/
        $( "#items-table" ).load( laroute.action('ItemsController@delete', {'item_id': item_id}, function() {
                console.log('New table loaded!');
        });

    });

});