【翻译】Node.js 教程 —— 实战：todo app（1）

这节课开始使用 Node.js todo app 来实战，whoooooooooooooooooo

我们将会从基础结构开始搭建我们的 todo app，一个包含了 html css js 和所需的图片的 public 文件夹，所以我们先下载这个项目到本地，然后开始编写我们的应用。

项目结构

public 文件夹里的是静态资源

• logo.png
• style.css 基础样式
• todo-list.js 通过 ajax 请求服务器端 Node.js 程序进行指定操作，如新增与删除

创建 package.json 与安装依赖

通过命令行方式创建 package.json 并安装所需依赖

• -y 直接跳过所有提问

npm init [-y]

• 需要 express ejs body-parser

npm i -S express ejs body-parser

开始编写 express 应用

创建 app.js 里面放 express 程序，之前的课程已经讲了大部分该应用里需要使用到的技术内容，所以这里我们会讲的比较快，如果有不熟悉的可以跳回以前的内容去

'app.js'
var express = require('express');

app = express();
// 设置模板引擎
app.set('view engine', 'ejs');

// 使用中间件，访问如 localhost:3000/style.css 则会映射到 public 文件夹里的 style.css
app.use(express.static('./public'));

app.listen(3000);
console.log('监听3000端口');

到目前这一步，我们可以继续添加路由处理，但如果所有的代码都放在一个文件里面，之后很快就会变得难以处理，我们应该将代码拆分成逻辑模块或拆分成多个文件，因此我们准备用一种简单的 MVC 模式来分开我们的项目，下一部分准备讲解 MVC 模式