Angular 和 Laravel

2023-11-29

如何在 XAMPP 上设置 Laravel 和 Angular.js 文件夹结构。我了解创建一个 RESTFULL Laravel API。

我一直在开发一个应用程序,但是当我在浏览器中输入类似“contacts/john”的地址时,我会得到一个 Laravel 视图。

当我转到“/”然后单击一些联系人(例如 John)时,我会得到正确的表格和浏览器地址栏推“contacts/john”,我刷新页面并再次获得 Laravel 视图。


我了解 Angular 通过 AJAX 从服务器请求路由,然后通过 HTML5 历史记录/pushstate 方法将浏览器的 URL 栏设置到新位置?

如果是这样,当您通过页面重新加载请求 URL 时,Laravel 会对其进行路由。然后,Laravel 仅提供您通过路由(有时是纯 JSON)配置的视图。这就是你想要的,但仅限于 Angular 的 AJAX 调用。

我建议你添加一个isAJAX过滤您的路线。在你的filter.php声明这个过滤器:

Route::filter('isAJAX', function()
{
    if (!Request::AJAX()) return Redirect::to('/')->with(array('route' => Request::path()));
});

然后将您只想通过 AJAX 访问的所有路由放入一个组中。在你的routes.php:

Route::group(array('before' => 'isAJAX'), function()
{
    Route::get('contacts/{name}', ContactController@index); // Or however you declared your route

    ... // More routes
});

这样,只有 Angular 的 AJAX 调用才会从数据库返回结果。每个手册页重新加载都会使用变量路由回“/”route设置为请求的路线。然后,您必须选择该路由并用它启动 Angular 的路由器。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 和 Laravel 的相关文章

随机推荐

  • 将列中的多种日期格式转换为单一形式

    我在数据框中有一列 其中包含以多种形式存储的日期信息 例如 dob lt c 18 02 1983 36782 01 11 1999 11 55 Dead 12 12 2001 Alive 03 07 1985 我想将所有这些转换为POSI
  • 如何按日期返回 MySQL GROUP BY 中的第一条记录?

    我在表中有 30 条记录 它们的标题相同 但每条记录的 ID 和日期不同 如何在查询中返回最新的日期 该表如下所示 Id Title Date 1 africa 2012 11 27 2 africa 2012 11 26 3 africa
  • 公共、私人、应用程序、服务器和/或测试文件的推荐 Dart 项目布局?

    推荐的是什么Dart 项目布局如果我同时拥有应用程序 客户端 和服务器代码以及私有库资源和测试文件 Dan Rubel 和 Eric Clayberg 分享的项目布局 在2013 12 18 Googleplex 日食日 是这样的 my a
  • 在后台 Swift 发送用户位置

    我正在构建一个应用程序 用户单击按钮 我们通过将他们的位置上传到服务器来跟踪他们 60 分钟 或任意时间 目前我们正在使用 更新位置 功能将用户位置实时发送到 firebase func locationManager manager CL
  • Primefaces 以编程方式打开可关闭对话框

    我想从支持 bean 动态创建一个 primefaces 对话框 我已经写了上面的代码 public void showDialog UIComponent panelGroup facesContext getViewRoot findC
  • FB.getLoginStatus 突然停止在 Android 浏览器上工作

    我曾经使用过这段代码 FB getLoginStatus function response 但突然间它不起作用 回调不会触发 但奇怪的是 仅适用于 android 本机浏览器 测试过 4 0 4 1 它适用于 iPhone iPad Ch
  • 反转颜色 OpenCV Java Api

    如何反转存储在中的图像的颜色Mat image在OpenCV的Java API中 使用image inv 给我一个错误 inv 用于计算逆矩阵 use 按位非反而 Core bitwise not image image
  • 如何在android中的自定义列表视图中实现搜索?

    我的应用程序中有一个编辑文本和一个列表视图 我的列表视图显示联系人列表 我想要带有编辑文本的列表视图过滤器 我在谷歌上搜索了很多 找到了一些例子 但没有一个对我有用 这是我的代码我的自定义适配器 public class ContactLi
  • 如何使用 jQuery 隐藏 ASP.Net CheckBoxList 控件中复选框周围的边框?

    我需要去掉由 CheckBox 控件呈现的各个复选框周围的边框 现在看起来是这样的 ASP Net 标记很简单
  • 从 Flask 视图发送 WebSocket 消息

    我正在尝试制作一个使用 WebSockets 的 Flask 应用程序 这来自 Flask socket 的示例可行 但我如何从常规视图发送消息 与 Flask SocketIO 的使用方式类似 emit and send 方法 在下面的示
  • Google::protobuf + boost::asio 失败

    我研究了现有的例子 使用 boost asio 发送 Protobuf 消息 使用 boost asio read async 读取 Protobuf 对象 Google Protocol Buffers C 的 parseDelimite
  • 移动刻度标签JavaFx 2

    是否可以将刻度标签移动 移动到图表中 目前我看到隐藏 显示刻度标签的 API 是否有可以在图表内移动刻度标签的 API 如果没有 API 那么我可以使用 应用某种技术来完成此任务吗 当前代码 public class Graph exten
  • 将强度点数组转换为标记

    所以我有这个代码 热图已经添加 但现在我需要为每个具有强度点的地方添加标记 我有纬度和经度以及强度 我还想使用该标记显示数据 我有这段代码 但无法为每个强度点添加标记并显示数据 div style width 100 height 600p
  • 在播放 m3u8 文件期间,ACodec 对 OMX_GetExtensionIndex 的调用失败

    这在某种程度上是问题的后续 m3u8 文件无法在 Android 模拟器中播放 我遇到了与那里提出的问题非常相似的问题 但是使用了 JB 已移植到的真实设备 项目详细信息位于 http groups google com group ren
  • 双感叹号? [复制]

    这个问题在这里已经有答案了 可能的重复 是什么 JavaScript 中的 不是 not 运算符 是什么意思啊 JavaScript 中的运算符 双感叹号 是什么意思 所以我正在调试一些代码并遇到了这个 var foo bar 0 this
  • 对列表的一部分进行适当排序

    假设我们有一个列表 a 4 8 1 7 3 0 5 2 6 9 现在 a sort 将就地对列表进行排序 如果我们只想排序怎么办a part列表中的内容 还在吗 在 C 中我们可以这样写 int array 4 8 1 7 3 0 5 2
  • Google Sheets SUM() 不返回零,而是返回一个极小的数字? [复制]

    这个问题在这里已经有答案了 我有一个包含以下值的 Google 表格 12 4840 8 1870 0 9630 3 3210 3 4550 0 3140 3 3470 7 1290 If I SUM 这些 预期结果是0 零 但事实并非如此
  • 如何从android中另一个项目的活动调用一个项目的活动?反之亦然?

    我正在做一个集成项目 其中涉及将两个项目集成为一个 我想要做到这一点的是 我有一个公共项目 这个公共项目的活动应该能够调用其他两个项目的活动 根据不同像按下特定按钮等事件 我该怎么做 可以通过意图吗 另外 其他两个项目的活动应该能够相互调用
  • 为什么公开 List 被认为是不好的? [复制]

    这个问题在这里已经有答案了 根据 FXCop 的说法 List 不应在 API 对象模型中公开 为什么这被认为是不好的做法 我同意丛林中的驼鹿 List
  • Angular 和 Laravel

    如何在 XAMPP 上设置 Laravel 和 Angular js 文件夹结构 我了解创建一个 RESTFULL Laravel API 我一直在开发一个应用程序 但是当我在浏览器中输入类似 contacts john 的地址时 我会得到