Express入门

什么是Express？

官网介绍：Express是基于Node.js平台，快速、开放、极简的Web开发框架。
个人理解：我们都知道node.js是后端版本的js语言实现，自然Express更加注重的是后端的处理，它的页面是通过数据与模版渲染而成，注重的是逻辑的交互。与其它常见的前端框架不同，像Vue、React等基本思想都是数据驱动视图，我们不必去关注后台是怎么实现的，只注重数据的操作。而Express恰恰相反。

写一个hello word

安装

安装node.js后，在工作目录下运行一下命令

//通过 npm init 命令为你的应用创建一个 package.json 文件。
npm init
//安装Express
npm install express --save

hello word

创建一个app.js文件，内容如下

const express = require('express')
const app = express()

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(3000, () => console.log('Example app listening on port 3000!'))

然后在在浏览器中打开http://localhost:3000/，就可以看到网页了，就这么简单。

Express application generator

Express提供给我们一个可以快速创建一个应用的骨架的应用生成器：express-generator。它可以帮助我们快速建立一个网站基本需要的所有文件。

本地安装

npm install express-generator

创建应用

通过命令express -h 可以查看可用的命令参数，其中-f强制在非空目录下创建应用，-v表示view的模版引擎。

npx express . -f -e

//安装依赖
npm install

表示在强制（-f）在当前目录（.）下创建 view=ejs（ -e 模版引擎） 的应用。根目录下会生成下述文件：

目录结构

基本运行

运行命令

DEBUG=sticky-note:* npm start
//或者直接
npm start

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。

我们在package.json文件中可以看到 npm start 是命令 node ./bin/www 的缩写，实际运行了 bin/www 文件，打开 www 文件我们会发现会去运行根目录下的 app.js 文件。

package.json

在 app.js 文件中，重要的如下几行代码：

app.js

设置模版引擎与路由跳转，当页面跳转至不同的路由时，运行 router 下对应的文件，获取数据与 view 下的模版结合渲染页面。看看router目录下的index.js文件，响应的同时，通过render函数对数据与模版的结合渲染页面。

index.js

Express的MVC

我们仔细观察目录会发现，express具有MVC的思想：

• routes控制路由的跳转，逻辑行为操作：C
• view是页面的模版，视图：V
• 应该还有一个获取数据的model

这样看来，结构与思想上都具备 MVC 的思想。