广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >node中的Express框架详解
  • 785
分享到

node中的Express框架详解

node 框架node Express框架 2023-05-17 08:05:19 785人浏览 安东尼
摘要

目录Express框架1.什么是框架2.express安装3.创建WEB服务4.路由5.模板引擎 什么是模板引擎原理在express中使用模板引擎设置模板引擎后缀ejs的标

今天带领大家初识一下 Express框架 ;让我们一起来看看吧

Express框架

Express文档

1.什么是框架

可以理解为是一条路,要遵守一定的规则,就会给咱们提供很多便利。为了规范开发流程,降低开发难度,提高开发效率而制定的一套共人们使用的功能模块或者是编程的约定。

2.express安装

  1. mkdir myapp 创建项目目录。
  2. cd myapp==>npm init。
  3. npm install express --save (可替换为[-S])。 

3.创建web服务

基本遵循之前的四个步骤:

  • 导入需要使用的express包
  • 创建web实例
  • 定义允许访问的地址 ( 路由 )
    • 原先的输出: res.end()
    • 使用express后的输出: res.send()
  • 启动服务 (监听端口)
//前提是安装好express,导包
let express=require('express');
//创建web服务
let app=express();

//配置路由
  //监听  get请求
  //req  请求对象
  //res  响应对象 
app.get("请求的URL",(req,res)=>{
    //逻辑
    //向客户端响应数据
    res.send({id:1,name:'张三'})
});
//监听post请求
app.post("请求的URL",(req,res)=>{
    //逻辑
});
......

//开启服务器
app.listen(8000,()=>{})

4.路由

接收发送请求,分析请求路径(pathname),分发到指定的位置。

由 :请求方式+请求路径

(1)get发送数据

查询字符串:?key=value&key=value

(2)get接收数据

Express中内置了一个api,可以直接通过request.query来获取。

request.query

// 在express中可以直接通过 request.query 来获取字符串参数
// Http://127.0.0.1:4000/about?name=zhangsan&message=hello
app.get('/about',function (request,response) {
  console.log(request.query);
  response.send('关于我');
})

(3)get动态路由

/path/:id

接受数据:req.params

(4)post接收数据

在Express中没有内置获取 post 请求体的API,我们需要使用第三方插件 body-parser

安装 npm install body-parser

配置 body-parser

进行下方代码的配置,就会在 request 请求对象上就会多出来一个属性:body 我们就可以直接通过 request.body 来获取表单 POST 请求体的数据了

app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.JSON())

使用

var express = require('express')
var bodyParser = require('body-parser')

var app = express()

app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())

app.post('/about',function (request,response) {
  console.log(request.body);
})

(5)post传递数据

const express = require('express');
const app = express();
app.post('/api/post', function(req, res) {
  // 直接返回对象
  res.send({ name: 'abc' });
});
app.listen('8088', () => {
  console.log('8088');
});

5.模板引擎 

什么是模板引擎

模板引擎是一个将页面模板和要显示的数据结合起来生成HTML页面的工具。

引入模板引擎设置模板目录设置模板引擎渲染模板

app.render(viewname,data,callback)

原理

function render(tpl,data){
    return tpl.replace(/\{\{(\w+)\}\}/g,function(input,Words){
        return data[words];
        })
}
var result = render('<h1>{{title}}</h1>',{title:'人生如此美好'})

在express中使用模板引擎

app.set('views','./views'); //设置模板存储位置
app.set('view engine','ejs'); //设置模板引擎

设置模板引擎后缀

app.set('views',path.join(__dirname,'views')); //设置模板存储位置
app.set('view engine','html');
app.engine('html',require('ejs').renderFile); //使用ejs模板引擎解析html

ejs的标签

  • <% ‘Scriptlet’ 标签, 用于控制流,没有输出
  • <%= 向模板输出值(带有转义)
  • <%- 向模板输出没有转义的值
  • <%# 注释标签,不执行,也没有输出
  • <%% 输出字面的 ‘<%’
  • %> 普通的结束标签

语法

<% code %> //javascript代码
<%= code %> //显示替换过html的特殊字符内容
<%- code %> //显示原始html内容(支持标签)

<%= code %><%- code %>的区别,code为普通字符串两者没有区别,为标签时<%- code %>会显示标签效果

包含include

<% include header %>
<% include tpl/footer %>

自定义分隔符

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
var ejs = require('ejs');
ejs.delimiter = '$';
app.engine('ejs',ejs.renderFile);

6.静态文件托管

设置静态托管:app.use( express.static ( ) )

本方法一定要写在具体的路由监听之前。

app.use(express.static('static'));
//让app实例去使用一些内容(常规的方法,也是一些中间件);
//express.static("public")中的参数是静态路由资源所在的目录的名字

//其还支持虚拟的前缀用于迷惑被人
app.use('/gjsgadjgajdgadgajdga',express.static('static'));

前缀的使用意义:

可以迷惑被人,一定程度上阻止被人猜测我的服务器的目录结构可以帮助我们更好的阻止和管理静态资源

到此这篇关于node中的Express框架详解的文章就介绍到这了,更多相关node的Express框架内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: node中的Express框架详解

本文链接: https://www.lsjlt.com/news/210842.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • node中的Express框架详解
    目录Express框架1.什么是框架2.express安装3.创建web服务4.路由5.模板引擎 什么是模板引擎原理在express中使用模板引擎设置模板引擎后缀ejs的标...
    99+
    2023-05-17
    node 框架 node Express框架
  • Express框架之connect-flash详解
    第一步:我们首先来看看这个插件的使用 var flash = require('connect-flash'); app.use(flash());//Express使用这个插件 第二步:我们看看...
    99+
    2022-06-04
    详解 框架 Express
  • Node.js中Express框架的使用教程详解
    目录Express简介Express生成器1. 什么是Express生成器2. 安装Express生成器创建Express项目安装项目依赖运行Express项目Express目录结构...
    99+
    2022-11-13
  • Node.js Express 框架 POST方法详解
    POST 方法 以下实例演示了在表单中通过 POST 方法提交两个参数,我们可以使用 server.js 文件内的 process_post 路由器来处理输入: index.htm 文件代码修改如下: ...
    99+
    2022-06-04
    详解 框架 方法
  • node Express框架中的res.send()和res.end()有什么区别
    本篇内容主要讲解“node Express框架中的res.send()和res.end()有什么区别”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“node Ex...
    99+
    2022-10-19
  • Node第三方框架Express如何使用
    这篇文章主要讲解了“Node第三方框架Express如何使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Node第三方框架Express如何使用”吧!1....
    99+
    2022-10-19
  • Node后端Express框架安装及应用
    目录Express 框架核心特性:Express安装方式一:安装express-generator创建项目项目目录如下方式二: 自己搭建环境express 初体验请求和响应返回数据E...
    99+
    2022-11-12
  • Express框架reqres对象使用详解
    目录IncomingMessageServerResponse请求对象 req响应对象设置状态码如何来快速测试这些属性和方法呢?下面给出一些示例代码目录结构安装依赖小结Express...
    99+
    2023-03-24
    Express框架req res对象 Express req res
  • node框架中Nest.js如何松耦合地整合Express
    这篇文章给大家分享的是有关node框架中Nest.js如何松耦合地整合Express的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Node.js 提供了 http 模块用于监听端...
    99+
    2022-10-19
  • 一文详解Node中express的身份认证
    基于前后端分离的新型Web开发模式前后端分离的概念:前后端分离的开发模式,依赖于Ajax技术的广泛应用。简而言之,前后端分离的Web开发模式,就是后端只负责提供API接口,前端使用Ajax调用接口的开发模式。前后端分离的优缺点优点:1)开发...
    99+
    2023-05-14
    node Express
  • Express框架两个内置中间件方法详解
    目录什么是中间件两个内置的中间件init 方法query 中间件被使用小结什么是中间件 中间件,就是具有串联执行能力的函数,Express中两种层面的中间件。app 层面的中间件,...
    99+
    2023-03-07
    Express框架内置中间件 Express框架
  • Express框架详解app函数使用实例
    目录express 函数来源express 的其他输出app 方法中混入原型app 中挂载请求/响应对象app 中的原型app 对象上挂载方法app 初始化小结express 函数来...
    99+
    2023-03-03
    Express框架app函数 Express app
  • node基于express框架操作Mysql数据库的步骤
    目录一.在express项目中操作数据库的步骤1.安装mysql模块2.配置mysql模块3.测试mysql模块能否正常工作 4.查询数据库数据5.向数据库插入数据6.更新...
    99+
    2022-11-13
  • 一文详解Node中的Express和路由模块
    本篇文章带大家一起学习Node,深入介绍一下Express和路由模块的使用方法,希望对大家有所帮助!ExpressExpress是基于Node.js平台,快速、开放、极简的Web开发框架。Express的作用和Node.js内置的http模...
    99+
    2023-05-14
    node nodejs Express 路由
  • 详解node+express+ejs+bootstrap构建项目
    node+express+ejs+bootstrap是前端常用的项目结构,分享给大家,具体如下: 您可以通过node-express_gimoo.rar 来克隆我创建好的项目结构,也可以通过下面的方式一步一...
    99+
    2022-06-04
    详解 项目 node
  • 详解nodejs的express如何自动生成项目框架
    本文主要介绍了nodejs的express如何自动生成项目框架,这里整理了详细的代码,有需要的小伙伴可以参考下。 nodejs版本为:4.X,express版本为4.X 1.全局安装2个模块 expres...
    99+
    2022-06-04
    自动生成 详解 框架
  • Express框架Router Route Layer对象使用示例详解
    目录引言LayerRouteRouter方法统计两个 stack取出 stack 中 layer从 Router 到 layer 的路径Router.route 方法中的 dispa...
    99+
    2023-03-24
    Express使用Router Route Layer Express 对象
  • Node.js中Express框架怎么用
    本篇内容主要讲解“Node.js中Express框架怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Node.js中Express框架怎么用”吧!很多语言都有一些框架,这些框架可以帮助我们更...
    99+
    2023-06-17
  • Node.js 中如何使用Express框架
    这期内容当中小编将会给大家带来有关Node.js 中如何使用Express框架,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。Node.js Express 框架Expre...
    99+
    2022-10-19
  • node中的Nest.js框架怎么用
    本文小编为大家详细介绍“node中的Nest.js框架怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“node中的Nest.js框架怎么用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作