服务器端和胖客户端 Web 应用程序的文件夹结构

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

Using express我的文件夹结构如下

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

where 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文件夹感觉就像我将客户端和服务器代码混合在一个文件夹中，这会令人困惑......

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

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

主要思想是放置公用文件夹超出了服务器 JavaScript 的范围 files.

请参阅此处的示例：https://github.com/madhums/node-express-mongoose-demo/ https://github.com/madhums/node-express-mongoose-demo/