Express是node框架吗? - 网站

Express是node框架吗?

分类:Node.js常见问题 · 发布时间:2019-09-05 16:25 · 阅读:1873

Express是一个简洁而灵活的Node.js Web应用程序开发框架,提供了一系列强大特性帮助你创建各种Web应用,和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。

Express 不对 node.js 已有的特性进行二次抽象,我们只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用,创建强健、友好的API变得快速又简单。

Express 框架核心特性:

  • 可以设置中间件来响应 HTTP 请求。

  • 定义了路由表用于执行不同的 HTTP 请求动作。

  • 可以通过向模板传递参数来动态渲染 HTML 页面

安装方式分为两种:

1、npm install 在node.js平台安装 安装后系统自动生成package.json文件

2、直接写package.json文件在进行npm install安装

基本用法:

//开启服务器
var express = require('express');
//当且仅当请求为get 方法 且路径符合时,才会触发相应的路由--也就是触发指定路径的指定方法
var express = require();
var app = express();
app.get('/',function(res,req){
  res.send('Hello world!');
});
app.get('/customer',function(res,req){
  res.send('customer pase');
})
app.get('/admin',function(){
  res.send('admin page');
});
//监听端口号3000
app.listen(3000);

中间件

1、挂载中间件的函数:app.use

var http = require('http');
var express = require('express');
var app = express();

//使用自定义中间件
app.use('/',function(req , res , next){
console.log(‘这是自定义中间件’)
next();  调用next表示执行后续的中间件代码
});

//使用static中间件加载静态资源
app.use('/', express.static(__dirname + "/statics"));
app.get('/index', function(req, res) {
    res.send("hello browser")
    res.end();
})
http.createServer(app).listen(3000,function(err) {
   if(err) throw err;
   console.log('服务器连接成功');
})

2、基础中间件介绍

1)、static静态资源处理中间件

2)、logger获取浏览器基本信息中间件

3)、bodyParser通过post方法提交的数据解析中间件

4)、query通过get方法提交的数据解析中间件

5)、cookieParser用户状态保存cookie解析中间件

6)、session启用session管理用户状态中间件

7)、favicon网站图标处理中间件

静态文件

Express 提供了内置的中间件 express.static 来设置静态文件如:图片, CSS, JavaScript 等。

你可以使用 express.static 中间件来设置静态文件路径。例如,如果你将图片, CSS, JavaScript 文件放在 public 目录下,你可以这么写:

var express = require('express');
var app = express();
 
app.use(express.static('public'));
 
app.get('/', function (req, res) {
   res.send('Hello World');
})
 
var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})

ejs模板引擎

简单高效的模板语言,通过数据和模板,可以生成HTML标记文本

ejs特点:

(1)快速编译和渲染

(2)简单的模板标签

(3)自定义标记分隔符

(4)文件的包含

(5)支持浏览器端和服务器端

(6)模板静态缓存

(7)支持express视图系统

1、ejs成员函数

1)、Render(str,data,[option]):直接渲染字符串生成HTML

  • str:需要解析的字符串模板

  • data:数据

  • [option]:配置选项

2)、Compile(str ,[option]):编译字符串得到模板函数

str:需要解析的字符串模板

[option]:配置选项

[option]中的相关参数可以查阅文档了解使用方法

2、ejs常用标签

  • <% %>流程控制标签(中间写语句)

  • <%= %>输出标签(原文输出HTML标签,中间写变量)

  • <%- %>输出标签(HTML会被浏览器解析)

  • <%# %>注释标签

  • %对标记转义

  • -%>去除没有意义的空格

想要了解更多前端知识,可访问 前端开发学习!!

标签:
Express node

相关文章

如何设置 nodejs 的环境变量

在前端开发过程中,我们需要对 application 运行的环境进行设置,一般会包括开发环境development,生产环境production,每个环境可以对应不同的一些配置,例如不同环境下请求的地址...

谈谈Node.js与JavaScript的差异

Javascript是一种web前端语言,主要用于web开发中,由浏览器解析执行。Node.js是一个可以快速构建网络服务及应用的平台,是用Javascript语言构建的服务平台。

npm install安装报错怎么解决?

解决方法:1、报“operation not permitted”错误,通过“npm i 包名 --no-optional”解决;2、报“Missing: chromedriver”错误,表示没有安装chromedriver,安装一下即可。

怎么使用npm下载vue.js?

使用npm下载vue.js的方法:1、安装node.js和npm;2、安装cnpm;3、使用命令cnpm install -g vue-cli来安装即可。

vue.js和node.js是什么关系?

vue.js和node.js并没有关系,vue.js是前端框架,算是js的三大框架之一吧,node.js是后端开发语言,同php、java、c#一样的。但是他们可以配合使用。

返回分类 返回首页