Question

我一直在搜索这个主题，但我找不到任何明确的答案。我开始学习Backbone应用程序。我想在我的Express.js应用程序中集成Backbone。组织文件夹结构的最佳方法是什么？

Answer 1

Backbone.js更像是前端。因此，它可能属于一个单独的目录。

至于您的快递应用程序，我建议将其转换为后端API，它可以帮助您从mongoDB或其他后端相关事务中获取所有数据。现在，它看起来像

yourExpressApi＆lt; = backend
backboneapp＆lt; = frontend

现在骨干应用程序应该包含目录

js with subdirectories＆＃34; lib＆＃34;，＆＃34; views＆＃34;和＆＃34; models＆＃34;，文件index.js，它们将作为backbone.js的入口点。 lib目录应该包含，下划线，主干，木偶，bootstrap，jQuery等等。

模板，用于放置视图模板。由于underscore.js是backbone.js的依赖项，因此是模板驱动的。

index.html，您可以放置所需的所有脚本。它必须是单页APP。

您可以随意添加其他目录。

Answer 2

没有限制或最好的方法。但我大部分时间都在使用功能架构而且效果很好：

我通常为客户端应用程序使用单独的静态文件夹，如下所示

app.use("/", express.static(__dirname + "/public"));

此文件夹的架构如下所示：


|- public/
|----- index.html (include the scripts from vendors and app dir, could be as main layout)
|----- vendors/ (here you place the libs like jquery, underscore, backbone ...)
|----- css/ (you css files)
|----- imgs/ (here the images that you use)
|----- nls/ (if you have multi lingual application)
|----- app/
|------- app.js (configure your backbone application)
|------- routes.js 
|------- models/ (here you place your backbone models)
|------- modules/ (functional folders for each feature in you app)
|---------- index/ (each module contain its backbone views and template files)
|---------- signup/
|---------- profile/

你可以访问像这样的文件＆＃34; localhost：3000 / index.html＆＃34;是你的索引文件，＆＃34; localhost：3000 / css / whatever.css＆＃34;
如果你有大模块和很多路由，你可以为每个功能（注册，配置文件......）设置一个路由器文件。
如果您有常见的UI小部件，您也可以将它们放在单独的文件夹中，例如＆＃34; app / widgets / SpecialButton＆＃34;

使用Backbone.js和Express.js构建应用程序

2 个答案: