我应该将 Angularjs 文件保存在 Web 应用程序中的什么位置以及应该如何构建我的路由和资源? [关闭]

2024-05-06

我正在使用 Laravel 构建一个 RESTful Web 服务,并使用 Angluarjs 在前端构建一个单页面应用程序。现在我应该把 Angularjs 文件放在哪里?我应该将它们放在 Laravel 安装的公共文件夹中,还是应该将它们完全分开,因为我将对 Web 服务中的资源发出调用,并且它将返回 JSON 数据,因此不需要将它们放在同一个地方。标准或最佳实践是什么?

现在,第二部分。如果我正在构建一个简单的 Todo 应用程序,我应该如何管理 Laravel 中的路线和资源。这是我真正感到困惑的地方,有点难以解释,但请听我一分钟。例如,我在 /users 处有一个用户资源,我可以通过在 /users 处发出 GET 请求来获取所有用户,或者通过在 /users 处发出 POST 请求来创建新用户。同样,我可以在 /users/1 发出 GET 请求并使用其他请求动词获取第一个用户等。现在,我有另一个称为任务的资源。我应该如何实施这个资源?我应该像嵌套资源那样实现它吗 /users/{user_id}/tasks.当我在 /users/1/tasks 发出 GET 请求时,它将获取第一个用户的所有任务。但现在它变得复杂了,因为如果在 /users/10/tasks/1 发出 GET 请求,它是否应该获取第 10 个用户的第一个任务。但是这样的逻辑的实现变得非常困难,因为我必须寻找第 10 个用户的第一个任务。

我想出了解决这个问题的方法,只在 /users/{user_id}/tasks 设置 GET 路由,这显然会返回指定用户的所有任务。然后我将创建一个完全不同的资源/任务来处理所有其他请求动词。我这样做对吗?

另外,如果我使用像 MongoDB 这样的 NoSQL 数据库,在这种情况下,数据将以 /users/{user_id}/tasks/{task_id} 的方式存储,因为每个用户的任务都不会很难实现将在他们自己的 JSON 对象中。

我的思考方向正确吗?我是新手,我不完全知道解决此类数据库架构问题的标准方法是什么?最佳实践是什么?


这是我的建议。

基本上,您需要将应用程序划分为模块。比如说登录、功能 1、功能 2 等。现在您应该为每个模块创建一个文件夹,您可以在其中保存与其相关的所有文件(controllers.js、services.js、index.html、style.css、filters.js 和 [name模块].js)通过这种方式,您可以分离所有代码,从而可以移动代码。

您可以将模块定义为:

(function () {
    'use strict';
    angular
        .module('myapp.login', [
            'myapp.login.controllers',
            'myapp.login.services'
        ]);
}());

你需要将其包含在 app.js 中,如下所示

angular
    .module('myapp', [ 'ngRoute',
    'ngResource',
    'myapp.login'
])

这样您就可以添加所有模块。

您想要包含的另一重要文件夹是公用文件夹。您可以在其中包含应用程序中可能拥有的所有可重用组件的模块。

为了进行测试,您可以有一个单独的测试文件夹,其中包含(e2e 和单元文件夹)。我一直在使用黄瓜进行测试并且我已经创建了features文件夹,我在其中为定义功能的每个模块创建文件夹。您也可以创建一个名为的文件夹steps每个模块可以有单独的 js 文件。

在它之上,您可以拥有配置文件,您可以在其中为所有 api 创建变量,以便您可以从一个地方控制它。

希望这可以帮助 :)

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

我应该将 Angularjs 文件保存在 Web 应用程序中的什么位置以及应该如何构建我的路由和资源? [关闭] 的相关文章

  • 在 C# 控制台应用程序中使用 HttpClient 使用 WEB API

    我使用 MySQL 数据库在 Visual Studio 2015 中创建了一个 Web API API 运行完美 所以我决定做一个控制台client http www c sharpcorner com article web api w
  • 使用 Laravel 在 Bootstrap 模式中动态加载表单

    我正在开发应用程序 它需要引导模式中的表单 并且还动态加载表单 我面临的问题是所有页面都再次以模式加载 这里有人为此提供任何例子吗 控制器 public function loadJsModalForm return View make f
  • 如何创建自定义输入类型?

    例如 我想创建一个类似于 AngularJS 实现 电子邮件 的方式的自定义输入类型
  • 在模态中打开模态

    我有一个有角度的 ui 模态 其中有一个按钮 单击此按钮时 我想在 Angular ui 中打开另一个模式 我该怎么做 scope open function var modalInstance modal open templateUrl
  • 函数调用后的两组括号

    我正在寻找如何filters http docs angularjs org api ng 24filter在 Angularjs 中工作 我发现我们需要发送 2 组括号 filter number number fractionSize
  • 如何在没有 baseUrl 的情况下设置 Retrofit

    我的 apiPath 是完全动态的 我有包含 ipAddress 和 SSLprotocol 等字段的项目 基于它们我可以构建我的网址 private String urlBuilder Server server String proto
  • 在 AngularJs 中动态更改按钮文本

    我正在使用 AngularJS CSS 和 HTML 这就是我想做的 根据某个函数的输出禁用按钮isPublished 我需要将鼠标悬停在按钮上 就像禁用按钮时 将鼠标悬停在文本上可能是 I m disabled 当它没有被禁用时 悬停在文
  • RESTful API:仅用于验证的方法/标头组合

    我希望我的 API 有一个仅验证请求 例如 如果我有一个 URL 例如 http api somesite com users 12345 用户正在客户端上填写一份信息表单 我最终会将其修补 放置 发布到该资源 当用户填写表单时 我可能希望
  • 外部依赖错误的 HTTP 状态代码

    当服务器与外部 API 通信出现问题时 返回的正确 HTTP 状态代码是什么 假设客户端向我的服务器 A 发送有效请求 然后 A 查询服务器 B 的 API 以便执行某些操作 然而 B 的 API 当前抛出 500 错误或因某种原因无法访问
  • Angularjs 模式的复选框表现得很奇怪

    我有一个有角度的应用程序plunker http plnkr co edit rac8w9g8L0eX8mlXKuVn p preview 当我们单击该按钮时 它会打开一个包含项目列表的模式对话框 其中 2 项是根据复选框表输入中的条件进行
  • 用于 RESTful 轨道应用程序的简单面包屑

    是否有任何辅助方法 除了默认 Rails 面包屑导航 http wiki rubyonrails org rails pages Breadcrumbs 为特定页面动态生成面包屑导航 而无需在 RESTful 应用程序中传递琐碎的参数 也就
  • 如何以最少的查询次数获取帖子列表和关联标签

    我的表格结构如下 标签 更多的是一个类别 id 标签名称 描述 slug POSTS ID 标题 网址 邮戳 id idPost idTag USERS ID 用户名 userSlug VOTES id idPost idUser 每个帖子
  • Angular.js:未捕获的错误,没有模块:myapp

    我也在尝试引导 angular js 项目 这是我的index html div p Loading p div
  • Access-Control-Allow-Headers 不允许请求标头字段 Access-Control-Allow-Headers

    我试图通过发布请求将文件发送到我的服务器 但是当它发送时会导致错误 Access Control Allow Headers 不允许请求标头字段 Content Type 所以我用谷歌搜索了错误并添加了标题 http post rootSc
  • 如何销毁角度工厂实例

    一方面 我有几个工厂 每个工厂都控制一个 websocket 另一方面 其中一个工厂应该在客户端登录时启动 因此 if user isLogged injector get NotificationsWebsocket 这就是我动态初始化工
  • Angular UI 模式的范围问题

    我无法理解 使用角度 UI 模式的范围 虽然这里不是很明显 但我已经正确设置了模块和所有内容 据我所知 但这些代码示例尤其是我发现错误的地方 index html 其中重要部分 div class btn group div
  • iPhone 应用程序中的异步、同步、线程

    我正处于一个应用程序的设计阶段 该应用程序将利用 REST Web 服务 并且在使用异步 同步和线程方面遇到了困境 这是场景 假设您有三个选项可供深入研究 每个选项都有自己的基于 REST 的资源 我可以使用同步请求延迟加载每个请求 但这会
  • 当会话令牌无效时,我应该使用什么状态代码?

    创建 Web 服务 RESTful 时 当会话令牌无效时我应该使用什么状态代码 目前我公司的人给我发了一个404 未找到 但我认为这是不正确的 因为资源存在 也许我应该使用 401 Unauthorized 你怎么认为 您建议我在这种情况下
  • 传递给 $resource 的 @id 是什么?

    resource entries id id id update method PUT id是什么 在 资源上doc page http docs angularjs org api ngResource 24resource下面有人这么说
  • 在 RESTful Web 服务中实现注销

    我正在开发一个需要注销服务的移动应用程序 登录服务是通过数据库验证来完成的 现在我陷入了注销状态 退一步 您没有提供有关如何在应用程序中执行身份验证的详细信息 并且很难猜测您在做什么 但是 需要注意的是 在 REST 应用程序中 不能有会话

随机推荐