在前端，该应用程序会使用 AngularJS 和 Bootstrap 支持用户界面，并使用 Web Sockets 来支持投票，以便实时更新客户端。
最近，在向大学生们介绍 HTML5 的时候，我想要对他们进行问卷调查，并向他们显示实时更新的投票结果。鉴于此目的，我决定快速构建一个用于此目的的问卷调查应用程序。我想要一个简单的架构，不需要太多不同的语言和框架。因此，我决定对所有一切都使用 JavaScript — 对服务器端使用 Node.js 和 Express，对数据库使用 MongoDB，对前端用户界面使用 AngularJS。
这个 MEAN 堆栈（Mongo、Express、Angular 和 Node）只需要一天即可完成，远比 Web 应用程序开发和部署所用的 LAMP 堆栈（Linux、Apache、MySQL 和 PHP）简单得多。
我选择使用 JazzHub 来管理我的项目的源代码。它不仅为我的代码提供了一个完整的版本控制系统，还为在云中编辑代码提供了一个在线 IDE，以及用于项目管理的敏捷特性。JazzHub 很容易与 Eclipse 相集成，Eclipse 还提供了一些插件，支持对平台（ 比如 BlueMix 或 Cloud Foundry）的一键式部署。
构建该应用程序的先决条件
基本了解 Node.js 和 Node.js 开发环境 具有以下这些 Node.js 模块：Express framework、Jade、Mongoose 和 socket.io AngularJS JavaScript 框架 MongoDB NoSQL 数据库 Eclipse IDE，已安装了 Nodeclipse 插件
第 1 步. 构建一个基础 Express 后台
在 Eclipse 中，切换到 Node 透视图，并创建一个新的 Node Express 项目。如果您创建了一个 JazzHub 项目，请像我所做的那样，使用相同的名称为您的 Node Express 项目命名。选择使用 Jade 作为模板引擎。Eclipse 会自动下载所需的 npm 模块，以便创建一个简单 Express 应用程序。
运行这个 Express 应用程序
在 Project Explorer 中，找到位于您项目的根目录中的 app.js，右键单击并选择 Run As > Node Application。这将启动一个 Web 服务器并将应用程序部署到该服务器。接下来，打开浏览器并导航到 http://localhost:3000。
图 1. Starter Express 应用程序
配置基础前端
这个问卷调查应用程序对常见用户界面和布局使用了 Bootstrap 框架。现在，让我们对 Express 应用程序做一些改动来反映这一点。首先，打开 routes/index.js，将标题属性更改为 Polls：
清单 1. routes/index.js
exports.index =
function(req, res){ res.render('index', { title: 'Polls' }); };
接着，更改 views/index.jade 模板以包含 Bootstrap。Jade 是一种速记模板语言，可编译成 HTML。它使用缩进消除了对结束标签的需求，极大地缩小了模板的大小。您只需要使用 Jade 作为主页面布局即可。在下一步中，还可以使用 Angular 局部模板向这个页面添加功能。
清单 2. views/index.jade
doctype 5 html(lang='en') head meta(charset='utf-8') meta(name='viewport', content='w
idth=device-width, initial-scale=1, user-scalable=no') title= title link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.0.1/ css/bootstrap.min.css') link(rel='stylesheet', href='/stylesheets/style.css') body nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation') div.navbar-header a.navbar-brand(href='#/polls')= title div.container div
想要查看对您的应用程序所做的更改，请结束 Eclipse 中的 Web 服务器进程，再次运行 app.js 文件：
图 2. 问卷调查应用程序样板文件
注意：在使用 Jade 模板时，注意适当缩进您的代码，否则您会遇到麻烦。另外，还要避免使用混合缩进样式，如果您尝试这样做，Jade 将会报错。