MangoDB+Express+AngularJS+NodeJS搭建待办任务管理系统（一）

NodeJS：搭建Web服务器

Express4：搭建Restfull服务

MongoDB：作为数据库

mongoose组件：连接MongoDB

AngularJS+Bootstrap+Foundation：UI界面

IntelliJ：开发工具

1、准备工作

安装好Nodejs，NPM，MongoDB，Express

2、项目搭建

Step 1：选择一个可以在里面创建项目的文件夹，在文件夹上利用Git Bash打开命令窗口，输入：

express MyTodo

此时，项目文件夹以及其中的基本文件已经创建，再输入：

cd MyTodo && npm install

此时，项目相关的依赖包已经安装。

利用Git Bash，输入：npm start，即会出现：

在浏览器中输入：http://localhost:3000/

就会出现：Welcome to Express

--------------------------------------------------------------------------------------------------------------

step 2：如果不习惯使用ejs，可以将ejs换为html，方法如下：

找到app.js，将其中的

app.set('view engine', 'jade');

换为

app.engine('.html', require('ejs').renderFile);
app.set('view engine', 'html');

然后，将views文件夹下的ejs文件改为html文件。

再次输入：npm start，在浏览器查看。

因为每次修改文件都要重新启动web 服务，可以采用 nodemon 让它帮我们自动更新，输入：

npm install nodemon -g

然后，输入：nodemon，即可不再需要每次改动都npm start了。

--------------------------------------------------------------------------------------------------------------

step 3：安装MongoDB驱动mongoose，输入：

npm install mongoose --save

然后将mongoose加入到MyTodo/app.js中：

然后你会发现：

[nodemon] 1.11.0
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node ./bin/www`
connection succesful

--------------------------------------------------------------------------------------------------------------

step 4：创建models文件夹，在其中新建Todo.js

 mkdir models

 touch models/Todo.js

在Todo.js中写入：

--------------------------------------------------------------------------------------------------------------

step 5：利用AngularJS的$http或者$resource与RESTful APIs进行交互

在routes文件夹下新建todos.js，

在app.js中加入todos路由：

var todos = require('./routes/todos');

app.use('/todos', todos);

在todos.js中写入：

var express = require('express');
var router = express.Router();