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

2019-10-14 17:45:10 浏览数 (1)

听说

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

——莎士比亚

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文件

代码语言:javascript复制
npm init

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

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

代码语言:javascript复制
{
  "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文件中。

代码语言:javascript复制
npm install express --save

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

安装成功,效果如下:

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

代码语言:javascript复制
//定义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、保存上述代码,在命令行窗口中输入以下命令:

代码语言:javascript复制
node index.js

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

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

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

0 人点赞