5

我是 node.js 的新手，提出了使用 Node.js 开发基于丰富 Web 的应用程序的要求。

现在我正在编写关于 node.js 的入门指南。我有机会在这里查看页面，但对数百个框架感到困惑。我不知道选择一个合适的框架，需要帮助才能做出完美的决定。让我解释一下我的要求。

  1. 想要为所有功能开发 RESTfull API。（OAuth 上有任何库吗？）
  2. 想要在 API 之上开发一个 Web 应用程序。应用程序的设计方式必须使主要功能应在客户端开发。意味着，所有的业务逻辑都必须在客户端开发。我听说 Backbone.js、Underscore.js 等一些库已经在做这项工作，但并没有明确的想法。

请向我建议可以更好地满足我的要求的框架。

谢谢，

4

2 回答 2

16

这是我用于我的应用程序的一个很好的技术堆栈：

服务器端：

  • Express.js
  • 车把
  • Passport.js
  • 猫鼬
  • MongoDB
  • Caolan 表单（但我目前正在实现自己的表单处理程序）
  • 咖啡脚本

客户端：

  • 车把
  • jQuery
  • 需要.js
  • 骨干网.js
  • text.js（require.js 的插件）
  • Coffeescript（require.js 的插件。我的 .coffee 使用 r.js 在 dev 中编译客户端，在 prod 中编译服务器端）

如果你愿意，我稍后可能会制作一个小示例应用程序。

[编辑]

好的，这是一个示例应用程序。

项目结构：

forms
  |___ sampleForm.coffee
models
  |___ sampleModel.coffee
public
  |___ images
  |___ stylesheets
  | |___ style.less
  |___ sampleapp
    |___ main.js
    |___ cs.js
    |___ text.js
    |___ require.js
    |___ collections
    | |___ sampleCollection.coffee
    |___ models
    | |___ sampleModel.coffee
    |___ templates
    | |___ sampleTemplate.hbs
    |___ lib
    | |___ handlesbars.js
    | |___ backbone.js
    | 
    | |___ ...
    |___ views
      |___ sampleView.coffee
routes
  |___ index.coffee
views
  |___ index.hbs
app.js
application.coffee
package.json

服务器端：

应用程序.js

require('coffee-script');
module.exports = require('./application.coffee');

应用程序.coffee

... standard express.js initialization
require("./routes")(app)
... start server

index.coffee

SampleModel = require "../models/sampleModel"
module.exports = (app) =>
  app.get "/index", (req,res) =>
    return res.render "index"

  app.get "/samplemodels", (req,res) =>
    SampleModel.find {}, (err, models) =>
      return res.send 404 if err or !models
      return res.send models
    return

索引.hbs

<!DOCTYPE HTML>
<html>
<head>
  <title>Sample app</title>
  <link type="text/css" href="/stylesheets/style.css" rel="stylesheet" >
  <script src="/mainapp/require.js" data-main="/mainapp/main"></script>
</head>
<body>
  <div id="main-content"></div>
</body>
</html>

main.js

require.config({...}) // Configure requires.js...

require(["jquery", "cs!models/samplemodel", "cs!views/sampleview","cs!collections/samplecollection"], function ($, Model, View, Collection) {
  var collection = new Collection();
  collection.fetch();
  var view = new View({collection: collection});
  $("body").html(view.render().$el);
})

样品视图.coffee

define ["backbone", "jquery", "handlebars","text!templates/sampleTemplate.hbs"], (Backbone, $, Hbs, template) =>
  class MainView extends Backbone.View
    initialize: =>
      @collection.on "change", @render
      @template = Hbs.compile template
    render: =>
      html = @template {models: @collection.models}
      @$el.html(html)
      return @

样本模板.hbs

{{#models}}
  <p>{{name}}</p>
{{/models}}

好的，这是必不可少的。现在你必须学习如何使用Backbone.Collection、Backbone.Model、如何配置Require.js、如何配置Passport.js以及如何制作Mongoose 模型。你可以使用Less 中间件来编译你的 style.less

不要忘记您可以使用r.js预编译所有客户端应用程序。

现在我希望这个页面不会被遗忘，它会帮助将来遇到它的任何人。

于 2013-02-19T13:34:02.047 回答
2

这是一篇很棒的文章，有助于解释最流行的 javascript 框架：

http://coding.smashingmagazine.com/2012/07/27/journey-through-the-javascript-mvc-jungle/

最终，最好的方法是列出一个你认为对你有帮助的框架的短名单，然后对每一个框架进行一些研究，看看哪个最适合你的应用程序和编程风格。

于 2013-02-19T13:20:27.493 回答