Node.js 学习笔记（三）

最新推荐文章于 2024-06-12 22:55:28 发布
最新推荐文章于 2024-06-12 22:55:28 发布
阅读量143 收藏
点赞数
分类专栏： Node.js Node.js基础 Express框架 文章标签： Node.js 学习笔记（三）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RONG51920/article/details/103286207
版权

Express 框架

  • 使用express
//使用express
//1.安装---cnpm install express --save-dev
//2.搭建服务器
const express=require("express");
let app=new express();
//let app=express;
//3.配置服务器的路由
app.get("/",(req,res)=>{
    res.send("express");
});
app.get("/login",(req,res)=>{
    res.send("login");
});
//4.配置服务端的端口
app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  • 静态资源文件托管
//静态资源文件托管 
const express=require("express");
let app=new express();
//let app=express;
//配置静态资源文件托管
//静态资源目录是存放图片、css、JavaScript等文件
app.use(express.static("public"));
//虚拟静态目录
app.use("/static",express.static(public));
app.get("/",(req,res)=>{
    res.send("express");
});
app.get("/login",(req,res)=>{
    res.send("login");
});
app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  • 使用中间件
  1. 应用级中间件
// 应用层中间件
const express=require("express");
let app=new express();
app.use(express.static("public"));
app.use("/static",express.static(public));
app.use((req,res,next)=>{
    console.log("执行路由之前拦截操作！");
    next();
});
app.get("/",(req,res)=>{
    res.send("express");
});
app.get("/login",(req,res)=>{
    res.send("login");
});
app.post("/regest",()=>{
    res.send("regest");
});
app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  1. 路由器级中间件（一）
// 路由器级中间件(一)
const express=require("express");
let app=new express();
app.use(express.static("public"));
app.use("/static",express.static(public));

// app.get("/",(req,res,next)=>{
//     console.log("首页加载");
//     next();
// },(req,res,next)=>{
//     res.send("首页");
// });

app.get("/",(req,res,next)=>{
    console.log("首页加载")
    next();
});
app.get("/",(req,res)=>{
    res.send("首页");
});
app.get("/login",(req,res,next)=>{
    console.log("登录加载")
    next();
});
app.get("/login",(req,res)=>{
    res.send("登录");
});
app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  1. 路由器级中间件（二）
// 路由器级中间件（二）
const express=require("express");
let app=new express();
// express框架中的路由
let router=express.Router();
app.use(express.static("public"));
app.use("/static",express.static(public));

// router.get("/",(req,res,next)=>{
//     console.log("首页加载");
//     next();
// },(req,res,next)=>{
//     res.send("首页");
// });

router.get("/",(req,res,next)=>{
    console.log("首页加载")
    next();
});
router.get("/",(req,res)=>{
    res.send("首页");
});
router.get("/login",(req,res,next)=>{
    console.log("登录加载")
    next();
});
router.get("/login",(req,res)=>{
    res.send("登录");
});
//关联
app.use(router);
app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  1. 第三方中间件—body-parser
//第三方中间件---body-parser
//使用第三方中间件
//1.安装---cnpm install body-parser --save-dev 
//2.引入body-parser
//3.在express框架中配置body-parser
//4.配置body-parser返回的数据格式
//5.post提交---取值在req.body
const bodyParser=require("body-parser");
const express=require("express");
let app=new express();
//配置body-parser
//parser application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({extended:false}));
//配置数据格式
//parser application/json 
app.use(bodyParser.json());

let router=express.Router();
app.use(express.static("public"));
app.use("/static",express.static(public));

router.get("/",(req,res)=>{
    res.send("首页");
});
router.get("/login",(req,res)=>{
    res.send("登录");
});
//关联
app.use(router);
app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  1. 第三方中间件—cookie-parser
//第三方中间件---cookie-parser
//使用第三方中间件
//1.安装---cnpm install cookie-parser --save-dev 
//2.引入cookie-parser
//3.将express框架与cookie-parser进行关联---app.use(cookie());
//4.存取cookie---res
const cookie=require("cookie-parser");
const express=require("express");
let app=new express();

//关联cookie-parser
app.use(cookie("qwer"));

let router=express.Router();
app.use(express.static("public"));
app.use("/static",express.static(public));

router.get("/",(req,res,next)=>{
    //在首页加载之前缓存cookie
    res.cookie("user","wode",{
        maxAge:1000*60,
        signed:true
    });

    console.log("首页加载")
    next();
});
router.get("/",(req,res)=>{
    res.send("首页");
});
router.get("/login",(req,res,next)=>{
    //获取cookie的缓存值
    //未签名req.cookies
    //签名时在关联时设置符号
    //console.log(req.cookies);
    console.log(req.signedCookies);
    console.log("登录加载")
    next();
});
router.get("/login",(req,res)=>{
    res.send("登录");
});
//关联路由
app.use(router);
app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  1. 错误处理中间件
//错误中间件
const cookie=require("cookie-parser");
const express=require("express");
let app=new express();

app.use(cookie("qwer"));

let router=express.Router();
app.use(express.static("public"));
app.use("/static",express.static(public));

router.get("/",(req,res,next)=>{
    //在首页加载之前缓存cookie
    res.cookie("user","wode",{
        maxAge:1000*60,
        signed:true
    });

    console.log("首页加载")
    next();
});
router.get("/",(req,res)=>{
    res.send("首页");
});
router.get("/login",(req,res,next)=>{
    //获取cookie的缓存值
    //未签名req.cookies
    //签名时在关联时设置符号
    //console.log(req.cookies);
    console.log(req.signedCookies);
    console.log("登录加载")
    next();
});
router.get("/login",(req,res)=>{
    res.send("登录");
});
//关联路由
app.use(router);
//在匹配路由时，没有可匹配的路由  报出404
app.use((req,res)=>{
    res.status(404).render("404");
})

app.listen("8100",()=>{
    console.log("127.0.0.1:8100")
});
  • 动态路由传值、get传值以及set/get方法
const path = require("path");
const fs=require("fs");
const url=require("url");
const ejs=require("ejs");
const bodyparser = require("body-parser")
const cookie = require("cookie-parser")

const express = require("express");

let app = express();

app.use(cookie("a12b3c45d"))

app.use(bodyparser.urlencoded({ extended: false }));

app.use(bodyparser.json());

let router = express.Router();

app.use(express.static("static"));

app.use("/public", express.static(path.join(__dirname, "/static")))
router.get("/", (req, res, next) => {
    //在首页路由中间件写cookie缓存
    res.cookie("user", "maodou", {
        maxAge: 1000 * 60,
        signed: true,
    });
    next();
}, (req, res, next) => {
    //express框架存值
    app.set("user","张三");

    app.locals["age"]=20;
    ejs.renderFile("./view/index.ejs",(err,str)=>{
        if(err)
        {
            next(err);
        }
        res.send(str);
    });
});
router.get("/login", (req, res, next) => {
    console.log(req.signedCookies);
    next();
})
router.get("/login", (req, res, next) => {
    //取值
    console.log(app.get("user"));
    console.log(app.locals);
    ejs.renderFile("./view/login.html",(err,str)=>{
        res.send(str);
    });

//动态路由传值  类似vue里面的动态路由传值  /:id
router.get("/regest/:id/:name",(req,res,next)=>{

    //获取动态路由传递的参数
    let id=req.params.id;
    let name=req.params.name;
    res.send("注册成功！"+id+"/"+name);
});
//路由上的get传值
router.get("/user",(req,res,next)=>{
    let params=url.parse(req.url,true).query;
    let id=params.id;
    let name=params.name;
    res.send("get传值："+id+"/"+name);
});

//关联
app.use(router);

app.listen(8100, () => {
    console.log("127.0.0.1:8100");
});
  • Ejs模板引擎
//express 框架 使用ejs模板引擎
//1.安装
//2.设置ejs模板引擎
const path = require("path");
const fs=require("fs");
const url=require("url");
const ejs=require("ejs");
const bodyparser = require("body-parser")
const cookie = require("cookie-parser")
const express = require("express");
let app = express();
//设置ejs模板引擎
app.set("view engine","ejs");
//修改ejs后缀名为html
app.engine('html',ejs.renderFile);
app.use(cookie("a12b3c45d"))
app.use(bodyparser.urlencoded({ extended: false }));
app.use(bodyparser.json());
let router = express.Router();
app.use(express.static("static"));

app.use("/public", express.static(path.join(__dirname, "/static")))
router.get("/", (req, res, next) => {
    //在首页路由中间件写cookie缓存
    res.cookie("user", "maodou", {
        maxAge: 1000 * 60,
        signed: true,
    });
    next();
}, (req, res, next) => {
    app.locals["age"]=20;
    ejs.renderFile("./view/index.ejs",(err,str)=>{
        if(err)
        {
            next(err);
        }
        res.send(str);
    });
});
router.get("/login", (req, res, next) => {
    console.log(req.signedCookies);
    next();
})
router.get("/login", (req, res, next) => {
    console.log(app.locals);
    ejs.renderFile("./view/login.html",(err,str)=>{
        res.send(str);
    });

//关联
app.use(router);

app.listen(8100, () => {
    console.log("127.0.0.1:8100");
});
RONG51920
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js学习笔记 更新完毕 2022 coderwhyWEB前端体系课
专注于 前端开发 知识分享
09-16 977
Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境模块化开发最终的目的是将程序划分成一个个小的结构;这个结构中编写属于自己的逻辑代码有自己的作用域定义变量名称时不会影响到其他的结构这个结构可以将自己希望暴露的变量 函数 对象 等导出给其他 结构使用也可以通过某种方式导入另外结构中的变量 函数对象 等上面提到的结构就是模块按照这种结构划分开发程序的过程 就是模块化开发的过程pnpm:理解为 performant npm 缩写;
Node.js学习笔记1-快速开始
01-07
这是第一篇学习笔记。主要内容： Hello World. 天下武功，唯快不破。 介绍 这篇笔记主要包含的内容： 安装环境 创建项目 创建并运行程序 小结 安装环境 在mac下安装node.js环境非常简单： brew install node node -v...
黑马程序员node.js学习笔记
weixin_50523986的博客
04-03 773
编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的一个npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法Expess是基于http 内置模块进一步封装出来的。
Node.js学习笔记
qq_55910050的博客
12-04 1322
NODE.JS学习笔记分享
Node.js学习笔记——Express.js
manerzi的博客
04-02 1057
Node.js学习笔记——Express.js
Node.js （上）（超级详细的node.js学习笔记 ！！！）
qq_54422936的博客
08-30 3356
Node.js （上） 最详细的node.js学习笔记
Node.js 学习笔记
qq_43102225的博客
04-10 1010
Node.js 学习笔记
Node.js（尚硅谷最经典Node.js快速入门学习笔记）
qq_48105178的博客
08-29 2351
尚硅谷最经典Node.js快速入门学习笔记
Node.js学习笔记（学习自用）
yayaye717的博客
06-12 1259
Node.js学习笔记
尚硅谷最新Node.js 学习笔记（一）
qq_38196449的博客
02-14 1641
程序打开一个文件是需要消耗资源的 ，流式写入可以减少打开关闭文件的次数。 流式写入方式适用于 大文件写入或者频繁写入 的场景, writeFile 适合于 写入频率较低的场景。
Node.js之commander.js学习笔记
二木成林
03-13 2738
commander.js可以用来写命令行工具。
node.js学习笔记.docx
06-15
对于node.js 入门小白的我也是蛮有痛处的，其主要是因为没怎么接触过服务端类的API接口啊，还有端口号等，而且还要手动去后台搭数据库，也是比较麻烦的事
Node.js 学习笔记之简介、安装及配置
01-02
简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度...
node.js学习笔记之koa框架和简单爬虫练习
01-01
Koa — 基于 Node.js 平台的下一代 web 开发框架 koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地...
基于STM32控制遥控车的蓝牙应用程序
06-27
基于STM32控制遥控车的蓝牙应用程序
Memcached 1.2.4 版本源码包
最新发布
06-27
粤嵌gec6818开发板项目Memcached是一款高效分布式内存缓存解决方案，专为加速动态应用程序和减轻数据库压力而设计。它诞生于Danga Interactive，旨在增强LiveJournal.com的性能。面对该网站每秒数千次的动态页面请求和超过七百万的用户群，Memcached成功实现了数据库负载的显著减少，优化了资源利用，并确保了更快的数据访问速度。。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
软件项目开发全过程文档资料.zip
06-27
软件项目开发全过程文档资料.zip
Java基础上机题-分类整理版.doc
06-27
Java基础上机题-分类整理版
node.js学习笔记
04-28
以下是学习Node.js的一些笔记： 1. 安装Node.js：首先需要安装Node.js，可以去官网下载对应的安装包，安装过程中需要注意选择合适的安装路径和配置环境变量。 2. Node.js的基本语法：学习Node.js的第一步是了解它...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值