Node.JS--WEB开发框架express

已于 2023-08-17 17:23:01 修改
阅读量63 收藏
点赞数
文章标签： node.js express
于 2023-08-15 20:15:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ploy123iu/article/details/132306087
版权

express

基于NodeJS平台，快速、开放、极简的web开发框架

req:request请求对象

res:response响应对象

const express = require('express')
let app = express()
app.listen(3000,()=>{
    console.log('Server is running')
})
//res 响应的对象
app.get('/login',function(req,res){
    console.log(req)
    res.send('<h2>这是登录的页面</h2>'); // 如果res.send(数字)；则数字代表http响应状态码
});

app.get('/index',function(req,res){
    res.sendFile(__dirname+'/index.html'); // res.sendFile(文件路径);
});

app.get('/baidu',function(req,res){
    res.redirect('http://www.baidu.com');
});

app.get('/',function(req,res){
    res.redirect('/index'); // res.redirect(重定向路径);
});

获取参数

const express = require('express');

let app = express();
app.listen(3000);

// url = http://localhost:3000/login?a=1&b=2
app.get('/login',function(req,res){
    //req请求的对象
    //console.log(req.method,req.url);
    //获取查询字符串的数据并解析为对象
    console.log(req.query); //{a:'1',b:'2'}
    res.send('用户名:'+req.query.uname+'密码:'+req.query.upwd);
});

// url = http://localhost:3000/package/aa/2
app.get('/package/:pname/:pid',function(req,res){
    //获取路由传参的数据
    console.log(req.params);//对象 {pname:'aa',pid:'2'}
    res.send('包名称:'+req.params.pname+'版本号:'+req.params.pid);
});

获取post请求数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>登录页面</h2>
    <form action="/login" method="post">
        帐号: <input type="text" name="uname"><br>
        密码: <input type="password" name="upwd"><br>
        <input type="submit">
    </form>
</body>
</html>

const express=require('express');
//引入查询字符串模块
const querystring=require('querystring');
let app=express();
app.listen(8088);

//获取登录网页路由: get  /login
app.get('/login',function(req,res){
    //响应文件
    res.sendFile(__dirname+'/login.html');
});
//根据表单的请求,来创建对应的路由
//创建路由，post  /mylogin，响应'登录成功'
app.post('/login',function(req,res){
    //获取数据,监听是否有数据传递,通过回调函数获取,此回调函数是异步!
    req.on('data',function(chunk){
        //chunk 就是分段传递的数据 , 格式为buffer , 转为字符串后为查询字符串
        console.log(chunk.toString());
        //查询字符串解析为对象
        let obj=querystring.parse(chunk.toString());
        console.log(obj);
    });
    res.send('欢迎登陆');
    console.log('send');
});

中间件

分为应用级中间件、路由级中间件、内置中间件、第三方中间件、错误处理中间件

应用级中间件

也称为自定义中间件

const express = require('express');

let router = express.Router();

//中间件:拦截对URL为/admin的请求
router.use('/index',function(req,res,next){
    //获取查询字符串传递的数据
    console.log(req.query);
    //如果用户名不是root，
    if(req.query.uname!=='root'){
        res.send('请使用管理员登录');
    }else{
        //执行下一步，可能是下一个中间件，也可能是路由
        next();
    }  
});

router.get('/index',function(req,res){
    res.send('ok');
});

module.exports=router;

内置中间件

托管静态资源：把所有的静态资源托管到指定的目录，如果浏览器请求文件，自动到该目录下查找，不需要创建路由响应文件

const express=require('express');
let app=express();
app.listen(8080);

//托管静态资源(html,css,js,img...):一旦浏览器请求文件，自动到public目录下寻找;不需要创建路由
app.use( express.static('public') );
app.use( express.static('files') );

路由器

路由级中间件

创建路由器

//index.js
const express = require('express');

let router = express.Router();

router.get('/index',function(req,res){
    res.send('ok');
});

module.exports=router;

//user.js
//引入express
const express=require('express');

//创建路由器对象
let router=express.Router();

//往路由器中添加路由
//get 127.0.0.1:8080/user/reg
router.get('/reg',function(req,res){
  res.send('这是注册');
});

//get 127.0.0.1:8080/user/list
router.get('/list',function(req,res){
  res.send('这是用户列表');
});

//导出路由器对象
//exports/module.exports
module.exports=router;

在服务器下引入并使用路由器

//app.js
const express=require('express');

//引入用户路由器自定义模块
const indexRouter=require('./index.js');
const userRouter=require('./user.js');

let app=express();
app.listen(8080);

//服务器使用路由器
app.use('/',indexRouter);
//给路由中的URL添加前缀  /user/reg
app.use('/user',userRouter);

访问形式

http://127.0.0.1:8080/路由器访问名/请求名

解析post参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>登录页面</h2>
    <form action="/mylogin" method="post">
        帐号: <input type="text" name="uname"><br>
        密码: <input type="password" name="upwd"><br>
        <input type="submit">
    </form>
</body>
</html>

const express=require('express');
let app=express();
app.listen(8088);

//获取登录网页路由: get  /login
app.get('/login',function(req,res){
    //响应文件
    res.sendFile(__dirname+'/login.html');
});

//解析post请求参数
app.use(express.urlencoded({
    extended:false //不使用qs模块
}));
app.use(express.json())

//根据表单的请求创建对应路由
//post  /mylogin
app.post('/mylogin',function(req,res){
    console.log(req.body);
    res.send('登录成功');
});

cors跨域

处理跨域

安装

npm install cors

var express = require('express');
const cors = require("cors");
var app = express();

app.use(cors({
    //[允许跨域访问服务器地址,多个地址用逗号隔开]
    origin: ['http://localhost:8081', 'http://127.0.0.1:8081', 'http://127.0.0.1:5500'],
    credentials: true
}))

var app = express();

// 所有服务器都可以跨域访问,方便调试
// app.use(cors());

express脚手架

安装

npm install -g express-generator

创建项目

express -e 项目名

安装所有依赖包

cd 项目名
npm install

启动项目

npm

第三方模块

mysql模块

基于NodeJS平台，快速、开放、极简的操作mysql数据库的模块

安装

npm install mysql

引入

const mysql=require('mysql');

操作

// mysql.createConnection()  创建普通连接对象
var connection=mysql.createConnection({
  host:'127.0.0.1', //数据地址
  port:'3306', //数据库端口
  user:'root', //用户名
  password:'', //密码
  database:'DBNAME' //进入的数据库
});
connection.connect(); // 执行连接
// connection.query() 执行SQL命令，会建立连接
var sqlstr = 要执行的sql语句
connection.query( sqlstr ,function( err,result ){
    if(err) throw err;   //err 报错
    console.log(result); //result 返回值
});

?占位符

在sql语句中数据部分通过?代替，在执行时以参数的形式传入，可以防止sql注入

connection.query( ' ...?,?,? ' , [ 1,2,3 ] , function( err,result ){
    if(err) throw err;   //err 报错
    console.log(result); //result 返回值
});
set
var emp = { ename : 'tom', sex : 1, salary : 1000 }
// ? 传入对象会被解析成 属性名=属性值,
// insert into emp set ename = 'tom', sex = 1, salary = 1000
connection.query('insert into emp set ?',[emp],(err,result)=>{
    if(err) throw err; 
    console.log(result);
});

连接池

// mysql.createPool()  创建连接池对象
var pool=mysql.createPool({
    host:'127.0.0.1',
    port:'3306',
    user:'root',
    password:'' ,
    database:'DBNAME',
    connectionLimit:20 //设置连接池大小，默认15
});
pool.query(); // 执行SQL命令，会建立连接
如果那样的话就好了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Node.js-基于express的web框架整合sequelizeredismail等工具集合
08-10
**Node.js与Express Web框架** Node.js是一款基于Chrome V8引擎的JavaScript运行环境，它让JavaScript可以在服务器端执行，极大地拓宽了JavaScript的应用领域。Express是Node.js中最流行的Web应用程序框架，它提供...
Node.js后端开发 - 进阶篇 #11 express框架之res.sendFile和res.render，传递模块数据，模板引擎（持续更新中）
鲁迷那的专栏—坚持实践后再写出来！
10-19 3579
目录 一、前言 二、res.sendFile和res.render 函数的区别？ 1、handler.js 业务模块返回 html 页面 （1）加载的 html 页面，没有css文件和image图片文件 （2）加载的 html 页面，有css文件和image图片文件 （3）最终效果 一、前言 上几篇文章我们对exprss的 router.js 路由模块、handler.js 业务模...
express中res.sendFile、res.render、express.static()三者的使用
柒君的博客
02-10 5295
一、res.sendFile 必须使用绝对路径，它的作用是响应出去一个文件，可以直接返回html文件做渲染。 app.get("/kkk", (req, res) => { res.sendFile(path.resolve(__dirname,"./views/insertArticle.html")); }); 浏览器访问http://localhost:8000/kkk，其实就是在访问insertArticle.html文件。 二、res.render 使用这个方法就代表需要用到“模板引擎
Node.js后端开发 - 进阶篇 #7 express框架之res对象的常见方法
鲁迷那的专栏—坚持实践后再写出来！
10-14 1796
目录 一、前言 二、浏览中文官网API 三、res（response）对象的一些常见方法 1、res.json([body]) ---完整测试代码 ---最终效果 2、res.redirect([status,] path) ---完整测试代码 ---最终效果 3、res.sendFile(path [, options] [, fn]) ---完整测试代码 ---最终效果......
【Node.js】 nodejs搭建静态资源服务器；Express框架；express基本使用；express响应客户端数据；express托管静态资源；expres
wusandaofwy的博客
09-07 5186
nodejs搭建静态资源服务器;Express框架;express基本使用;express响应客户端数据;express托管静态资源;expres
使用 sendFile() 在 Express 中发送静态文件
lio-zero 的博客
02-19 1127
Express sendFile() 方法允许您发送原始文件作为对 HTTP 请求的响应。您可以将其res.sendFile() 视为单个端点的 Express static中间件。 使用 sendFile() 假设您有一个如下所示的 HTML 文件index.html： <h1>Hello World</h1> 通过将路径传递到 index.html，可以使用 res....
Node.js-基于NodeExpress的SSO单点登录实践
08-09
在Node.js中，我们可以通过`express-session`这个中间件来管理和操作session。它会自动处理session的创建、更新和销毁，同时我们可以配置它使用Redis作为session store。安装相应的依赖库如`connect-redis`，然后...
Node.js-Express是一个简洁而快速的node.jsWeb开发框架
08-10
Express 是一个简洁而快速的 node.js Web开发框架, 提供一系列强大特性帮助你创建各种Web应用。Express 不对 node.js 已有的特性进行二次抽象，我们只是在它之上扩展了Web应用所需的功能。
Node.js-Doodoo.js--中文最佳实践Node.jsWeb快速开发框架支持Koa.js中间件
08-10
Koa.js 是由 Express.js 的创建者开发的下一代 web 开发框架，它摒弃了传统的回调函数，而是采用 ES6 的异步函数（async/await）来处理请求。Koa.js 的核心是中间件机制，这种机制允许开发者以洋葱模型的方式串联多...
Node.js-Tiny-Express框架从需求到实现
08-10
在本文中，我们将深入探讨如何使用Node.js构建一个微型的Express风格的Web开发框架，名为Tiny-Express。这个过程将涵盖从理解需求到实现的全过程，帮助你掌握Node.js核心特性以及如何构建自定义框架。 **一、Node....
NodeJs中express框架的send()方法简介
10-19
主要介绍了NodeJs中express框架的send()方法简介，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
express请求与响应
lhrdlp的学习笔记
04-25 2270
1.express响应对象 响应对象是指服务器想客户端响应数据的对象,包含所有要响应的内容 1.1 send方法 send方法用来想页面发送各种数据 语法: res.send(data) 可以返回任意类型的数据 参数:要响应的内容 //普通字符串 // res.send('首页'); //JSON数据 // res.send({"name...
好玩的sendfile---探索Node.js中更快的数据传输方式
标子 的专栏
05-19 948
在Node.js中，当我们给前端返回一个静态文件的时候，我们通常会把文件先读进内容，然后通过socket接口写到底层，从而返回给前端。无论是一次性读取到内存还是使用流式的方式，都不可避免地要把数据从内核复制到用户层，再把数据复制到内核，这是一种低效的方式，因为多了无效的复制。在nginx中，可以通过sendfile指令提供效率。Node.js的copyFile底层使用了sendfile系统调用，但是网络IO的时候，没有使用该API。因为Node.js通过队列的方式，控制数据的写入。那么是否可以实现sendf
express的sendfile与send方法
iteye_6595的博客
01-25 3106
sendfile：发送文件，如果将一个html的网页移到node工程，可以用此方法。 首先将html页面放到public下（统一习惯，其实放到什么地方都可以实现）。 例如想在帮订餐页面点击帮订餐跳转到订餐页面 帮订餐： &lt;a class="btn" type="button" href="order-meal.html"&gt; 帮订餐 ...
koa2实现express4.x res.sendFile（）功能
StarFishing
11-30 5237
当我们使用koa2时，我们发现res.sendFile()这个函数已经不适用了（包括 res.send()），取而代之的是`ctx.response.body`,对于要加载的HTML文件，我们采用读取文件再写入到body中的方式实现。
express res.sendFile absolute path
Allen 专栏-移动互联网
06-17 3113
res.sendfile 和res.sendFile是不同的 1. res.sendfile('public/index1.html'); 等同于效果1 res.sendFile(path.join(__dirname, '../public', 'index1.html')); 第三种写法 res.sendFile('index1.html', { root: path.join(__dirn
Nodejs实现websocket的4种方式
fens的博客
08-21 1404
从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的...
res.send和res.sendFile
weixin_34392435的博客
01-04 4632
2019独角兽企业重金招聘Python工程师标准>>> ...
03 初识 Node.js -Express
最新发布
03-09
本资源主要介绍了Node.js框架Express的基础知识，特别是针对初学者的一系列引导。首先，我们从标题"03 初识 Node.js - Express"了解到，这是关于Node.js及其核心框架Express的入门教程。 Express是一个轻量级、灵活...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值