MEAN 堆栈的文件夹结构

2024-04-16

我正在学习有关 MEAN 堆栈的教程,并且希望有一个干净的文件夹结构可供使用。我读过很多文章,说应用程序的每个(我们称之为)模块都有一个文件夹,并将视图/模型/控制器/等组合在一起。

我喜欢这种方法,并且我已经开始这样做了,但是我需要一些帮助。

现在,我的目录结构看起来像这样:

  • root
    • views
    • models
    • routes
    • public

到目前为止,我有一个主要的index使用其角度控制器查看,所以我所做的是,在下面创建一个新文件夹public并命名它index

任何带星号的都是文件夹 (*)

  • root*
    • public*
      • index*
        • 索引.ejs
        • angular*
          • 索引控制器.js
          • 一些Service.js
        • styles*
          • 一些CSS.CSS
        • javascript*
          • 一些 jQuery 或 js 文件
      • hypothetical other view folder*
        • 其他索引.ejs
        • angular*
          • otherController.js
          • 一些Service.js
        • styles*
          • 一些CSS.CSS
        • javascript*
          • 一些 jQuery 或 js 文件

第一个问题是,到目前为止效果好吗?所有这些都属于公共文件夹吗?

我的第二个与后端有关。我开始构建一些模型,教程说将它们放入models文件夹。但是,我宁愿将模型保留在各自的“模块”中,因此我宁愿将索引模型放在索引视图所在的文件夹中。可能在索引下创建一个新文件夹,名为models并将其添加到其中:

  • root*
    • public*
      • index*
        • 索引.ejs
        • angular*
          • 索引控制器.js
          • 一些Service.js
        • styles*
          • 一些CSS.CSS
        • javascript*
          • 一些 jQuery 或 js 文件
        • model(s)*
          • 一些Model.js

但这似乎不是放置模型文件的正确位置,因为这是公共文件夹,而模型是后端代码。对于我正在做的事情有更好的方法吗?或者我应该将模型放在主模型文件夹中吗?只需让前端按“模块”分组,而所有模型都放在模型文件夹中?


新的 MEAN js 堆栈遵循不同的方法,它们不再具有单独的服务器端文件夹和客户端文件夹。现在分离是在模块级别

可以看到每个模块都有客户端、服务器和测试文件夹。欲了解更多信息,您可以查看他们的最新信息存储库 https://github.com/meanjs/mean.

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

MEAN 堆栈的文件夹结构 的相关文章

  • ng-clip 复制到剪贴板不起作用

    我正在使用一些教程来实现 ng clip 我正在按照教程中的方式进行操作 但它不起作用 我包括 Zeroclipboard min js angular js ngClip js html 看起来像 div div
  • Angular ui-grid 线选择不起作用

    我正在尝试使用 Angular ui grid 选择第一条渲染线 但它不起作用 这里有一个plunker http plnkr co edit jfKdhKZRc6lpUtTvewik p preview举个例子 我可以在从服务器渲染数据后
  • 在生产 PostgreSQL 连接中将rejectUnauthorized 设置为 false 可以吗?

    我们最近转移到 Heroku 并在尝试将我们的应用程序连接到数据库时 它不断拒绝我们的查询 并显示消息 自签名证书 传入rejectUnauthorized解决了这个问题 但现在我想知道 我们应该在生产中这样做吗 如果没有 我们连接到 He
  • 访问 Bookshelf.js 中的嵌套关​​系

    我想你可能会说我正在构建一个 reddit 风格的应用程序 所以我有一个主题 该主题有评论 这些评论有父评论等 这是我的评论模型 var Comment bookshelf Model extend tableName comments t
  • Angularjs 和 api 之间的内部服务器错误 500

    我正在尝试从 angularjs 保存数据并将其发送到 api 但出现错误 500 内部服务器错误 控制器是一个数组 包含来自 html 页面的范围 任何帮助 控制器 scope save function scope setup push
  • Typescript 中的顶级等待和导入

    我正在研究 Typescript 并遇到问题 我想使用import和顶级await但目前 我一次只能使用一个 这是我的配置tsconfig json这允许我使用导入 target ESNext module ESNext 这个允许我使用顶级
  • AngularJS Datatable:响应式不起作用

    我在用着角度数据表 http l lin github io angular datatables archives with 响应表 http l lin github io angular datatables archives wit
  • 如何在nodejs中获取同步readline,或者使用异步“模拟”它?

    我想知道是否有一种简单的方法来获取 同步 readline 或至少在 node js 中获取同步 I O 的外观 我用这样的东西 但它很尴尬 var readline require readline var rl readline cre
  • AngularJS:使用 $http.post 传递复杂的 json 数据

    我在使用 http post 在 angularjs 中传递复杂的 json 对象时遇到问题 我不断收到从服务器发回的 400 bad request 错误 表示该请求在语法上不正确 我相信它与数组有关 因为当我不包含它时它会很好地传递 我
  • 信号器 CORS 问题

    在我的服务器端 我使用带有信号器的 Web api 2 在我的客户端 我使用的是 angularjs 这是我启动信号连接时的 http 请求 gt GET gt http example com signalr negotiate clie
  • 如何检查nodejs中的服务器和端口是否可用?

    我有一个项目是用 Nodejs 编写的 我需要知道如何检查带有端口的 IP 是否可以连接 前任 检查 example1 com 443 gt true 检查 example1 com 8080 gt false Thanks 了解服务器 端
  • EPERM:不允许操作,mkdir 'C:\Program Files\nodejs\node_modules\.staging

    我正在尝试在我的项目上运行 npm install 但它显示 EPERM 不允许操作 mkdir C Program Files nodejs node modules staging 我没有 root 管理访问权限 我在我的系统中以本地用
  • Mongoose 更新或插入许多文档

    我正在尝试使用最新版本的 mongoose 插入对象数组 或者更新相应的产品 ID 是否已存在 我一生都无法找出正确的使用方法 bulkWrite updateMany 等 而且我似乎无法在不出现错误的情况下找出语法 例如 我正在尝试 Pr
  • AngularJS - 加载时触发表单验证

    我在表单中添加了 required 和 pattern 等字段验证属性 并且该表单位于 ng controller 内 验证有效 但似乎验证是在页面加载时触发的 并且我看到页面加载时所有字段都被标记为无效并带有错误消息 我尝试将 novav
  • 使用 Mongodb 和 Node.js 在一个页面中处理多个表单

    我的登录和注册表单都在同一页面上 我已经指定了两种不同的路由来发布数据 但是当我点击注册表单末尾的注册按钮时 它会保存登录表单输入 没有 我看了这个问题 多种表单 一张处理页面 https stackoverflow com questio
  • 如何将 Chosen 合并到我的 React 项目中?

    我想使用 jquery 插件Chosen https harvesthq github io chosen 在我的项目中 我安装了 jQuery 并通过 npm 选择 npm i jquery chosen js S 这两个库现在都位于我的
  • AngularJS 服务 http 成功函数使用错误的“this”范围

    a 的成功函数 http put无权访问this内部调用的服务的范围 我需要在 PUT 请求的回调中更新服务的属性 这是我在服务中尝试做的事情的简化示例 var myApp angular module myApp function rou
  • 在 Angular 中强制进行摘要

    在用户操作后的某个时刻 我希望发生摘要 因此 UI 反映了支持它的数据模型的更改 我有一个服务在回调中执行一些更改 异步 我明白那个 scope仅在控制器的上下文中才有意义 我可以通过执行来达到相同的效果吗 apply on the roo
  • 当使用客户端函数填充 DOM 时,如何等待从 puppeteer 中的 page.evaluate 函数加载所有图像

    我试图让代码执行等待所有图像加载之前木偶师截屏 当调用 initData 函数时 我的 DOM 会被填充 该函数是在客户端 js 文件中定义的 延迟或超时是一种选择 但我确信必须有一种更有效的方法来做到这一点 async dataObj g
  • 类型“CombinedVueInstance>>”上不存在属性“XXX”

    我使用 TypeScript 创建了一个 vue 组件 并且在以下位置收到此错误data and in methods Property xxx does not exist on type CombinedVueInstance

随机推荐