12

目前，我使用 Node.js 作为后端，使用 extjs 或主干作为客户端，现在我对文件夹结构完全感到困惑。

使用express我的文件夹结构如下

appname
  |--controllers
  |--models
  |  |--appmodel.js
  |--public
  |  |--css
  |  |--js // any client-side javascripts
  |--routes
  |  |--router.js
  |--views
  |  |--appview.ejs
  |--app.js

app.js入口点在哪里，它用于router.js处理视图的路由和呈现。如果它只是服务器端开发，这很好用。现在如果我想为客户端使用 ExtJS 或 Backbone，我应该如何组织我的代码？我应该将它添加到public文件夹还是views？

appname
  |--controllers
  |  |--extbasedcontroller.js // correct location?
  |--models
  |  |--appmodel.js
  |  |--extbasedmodels.js // correct location?
  |--public
  |  |--css
  |  |--js
  |  |  |--extjs // extjs files
  |--routes
  |  |--router.js
  |--views
  |  |--appview.ejs
  |  |--extbasedview.ejs // correct location?
  |--app.js

如果是这种情况，我应该将我的 extjs 文件的模型放在哪里？如果我把它放在models文件夹中，感觉就像我将客户端和服务器代码混合在一个文件夹中，这会让人感到困惑......

4

3 回答 3

9

在你的位置，我会这样做：

appname
  |--ServerCode
  |  |--controllers
  |  |--models
  |  |  |--appmodel.js
  |  |--routes
  |  |  |--router.js
  |  |--views
  |  |  |--appview.ejs
  |  |--app.js
  |--public
  |  |--css
  |  |--js // any client-side javascripts
  |  |--models
  |  |--controllers
  |  |--...

主要思想是将公用文件夹放在服务器 javascript文件范围之外。

在此处查看示例：https ://github.com/madhums/node-express-mongoose-demo/

于 2014-04-02T08:08:23.700 回答
3

只需将整个放在/webapp下面，/public这样您就可以结束创建，例如，前端的模型/public/webapp/models

appname
  |--models
  |  |--appmodel.js
  |--public
  |  |  |--webapp // extjs/backbone files
  |  |  |  |--models
  |  |  |  |--controllers
  |  |  |  |--css
  |  |  |  |--js
  |  |  |  |--img
  |  |  |  |--views
  |  |  |  |  |--appview.ejs
  |  |  |  |  |--extbasedview.ejs
  |--routes
  |  |--router.js
  |--app.js
于 2013-05-25T12:39:26.237 回答
0

这是我建议的文件夹结构：

appname
  |--webapp
  |  |--img
  |  |--js
  |  |  |--controllers
  |  |  |  |--controller.js
  |  |  |--something.js
  |  |--css
  |  |--views
  |  |  |-- appview.ejs
  |  |--index
  |  |--404 etc.
  |--app.js
  |--package.json
  |--README
  |-- etc.

我认为它非常整洁且易于导航，因为所有服务器和 node_modules 的东西都在外面，我需要的应用程序文件在“webapp”文件夹中。如果您真的需要一个名为“public”的文件夹（我不记得 express 是否需要），我认为您可以将“webapp”文件夹重命名为“public”，或者将“webapp”文件夹放入“public”中。我还建议使用 AngularJS 而不是 .ejs，但做你想做的事。:)

于 2014-04-06T19:42:53.827 回答