基于Express的一个电影网站--Express介绍

听说

什么都比不上厄运更能磨练人的德性。

——莎士比亚

Express是一个基于Node.js平台的极简、灵活的Web应用开发框架，它通过了一系列强大的特性，帮助开发人员创建各种Web和移动设备应用。

1、Express框架的核心特性

• 可以设置中间件来响应http请求
• 定义了路由表用于执行不同的http请求动作
• 可以通过向模板传递参数来动态渲染HTML页面

2、安装Express

Express.js是作为Node.js中一个网站服务构建框架而存在，所以其本身是基于Node.js的，Node.js的安装在这里就不做说明。我们这里假设已经安装了Node.js和Npm工具，并能正确运行。

我们在本节开发一个Express HelloWorld。

2.1、首先使用一下命令创建npm项目，或者直接使用右键快捷菜单中的“新建文件”,建立一个package.json文件

npm init

如果使用命令行创建，则该命令会要求输入几个参数：项目名称，版本号，作者等信息。其中entry point选项需要注意，这里使用了默认的index.js作为main，可以将其改为开发者所期待的入口文件（比如app.js，这里为了方便，便于学习，采用默认的index.js文件名），初始化过程如下：

2.2、这样就创建了package.json文件。如果选择手动建立文件，则要输入余下代码：

{
  "name": "express_helloworld",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

2.3、使用一下命令，安装Express.js并将其存入package.json文件中。

npm install express --save

注意：如果只是临时安装Express，不想将它添加到依赖列表中，只需省略--save参数即可，如果是全局安装，需要使用-g参数。

安装成功，效果如下：

2.4、编写简单的Hello World来测试Express是否安装成功。创建“index.js”文件。index.js的代码如下：

//定义Express实例
var express = require('express');

var app = express();

//定义路由

app.get('/',function(req,res){
   res.send('Hello World!');
});

//设置启动的地址端口信息

var server = app.listen(3000,function(){
   var host = server.address().address;
   var port = server.address().port;
   //打印相关的内容提示
   console.log('Example app listening at http://%s:%s',host,port);
});

这里，首先需要引入Express，设置默认路由“/”，在访问“/”路径之后，会返回helloworld。然后调用一个测试服务器，监控本机地址，接口为3000，并且在控制台中打印启动服务器。

2.5、保存上述代码，在命令行窗口中输入以下命令：

node index.js

启动成功后显示的控制台效果如下：

2.6、在浏览器中访问http://127.0.0.1:3000,可以打开测试页面，如下所示：

Express框架的安装与简单介绍到这来就结束了，接下来我们会用Express框架结合vue来实践一个简单的应用。