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();