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 973
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 763
编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的一个npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法Expess是基于http 内置模块进一步封装出来的。
Node.js学习笔记
qq_55910050的博客
12-04 1308
NODE.JS学习笔记分享
Node.js学习笔记——Express.js
manerzi的博客
04-02 1053
Node.js学习笔记——Express.js
Node.js （上）（超级详细的node.js学习笔记 ！！！）
qq_54422936的博客
08-30 3338
Node.js （上） 最详细的node.js学习笔记
尚硅谷最新Node.js 学习笔记（一）
qq_38196449的博客
02-14 1614
程序打开一个文件是需要消耗资源的 ，流式写入可以减少打开关闭文件的次数。 流式写入方式适用于 大文件写入或者频繁写入 的场景, writeFile 适合于 写入频率较低的场景。
Node.js 学习笔记
qq_43102225的博客
04-10 1008
Node.js 学习笔记
Node.js学习笔记（学习自用）
yayaye717的博客
06-12 1252
Node.js学习笔记
Node.js之commander.js学习笔记
二木成林
03-13 2725
commander.js可以用来写命令行工具。
Node.js学习笔记(三)#Path路径模块
weixin_42214717的博客
11-21 3703
path路径模块是 Node.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 应用，可以免除重复繁琐的回调函数嵌套， 并极大地...
国内移动端APP月活跃（MAU）Top5000 数据整理
06-16
国内移动端APP月活跃（MAU）Top5000 时间范围：2020年-2022年 具有一定参考价值 csv格式
和平巨魔跨进成免费.ipa
最新发布
06-16
和平巨魔跨进成免费.ipa
数据库管理工具:dbeaver-ce-23.0.4-macos-aarch64.dmg
06-16
1.DBeaver是一款通用数据库工具，专为开发人员和数据库管理员设计。 2.DBeaver支持多种数据库系统，包括但不限于MySQL、PostgreSQL、Oracle、DB2、MSSQL、Sybase、Mimer、HSQLDB、Derby、SQLite等，几乎涵盖了市场上所有的主流数据库。 3.支持的操作系统：包括Windows（2000/XP/2003/Vista/7/10/11）、Linux、Mac OS、Solaris、AIX、HPUX等。 4.主要特性： 数据库管理：支持数据库元数据浏览、元数据编辑（包括表、列、键、索引等）、SQL语句和脚本的执行、数据导入导出等。 用户界面：提供图形界面来查看数据库结构、执行SQL查询和脚本、浏览和导出数据，以及处理BLOB/CLOB数据等。用户界面设计简洁明了，易于使用。 高级功能：除了基本的数据库管理功能外，DBeaver还提供了一些高级功能，如数据库版本控制（可与Git、SVN等版本控制系统集成）、数据分析和可视化工具（如图表、统计信息和数据报告）、SQL代码自动补全等。
【课件】8.4.1简单选择排序.pdf
06-16
【课件】8.4.1简单选择排序
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、付费专栏及课程。

余额充值