DAPP开发【10】express.js的使用

news2024/11/20 8:41:29

Express.js 是一种流行、轻量级的开源 Web 应用程序框架，用于开发基于 Node.js 的服务器端 Web 应用程序。它提供了强大的功能集，适用于 Web 和移动应用程序。Express.js 旨在支持单页、多页和混合式 Web 应用程序的开发。Express.js 提供了广泛的功能，包括路由、中间件、模板等，用于创建 Web 应用程序。它易于学习，非常适合构建 RESTful API、Web 应用程序和 Web 服务。Express.js 广泛用于各种行业的 Web 应用程序开发，包括医疗保健、电子商务、金融和社交媒体等。

node.js可以用来写后端，使用express.js框架

1·新建文件夹

mkdir expressLearn

2·进入文件夹

cd expressLearn

3·初始化

npm init -y

生成package.josn
小技巧
package.josn中有
在这里插入图片描述
npm run test
在这里插入图片描述
npm run deploy = npx hardhat deploy --network rinkeby

4·安装express（局部安装，安装项目下）

npm install express --save

npm install express --save 命令会将 express 模块安装到当前项目的本地 node_modules 目录中，并将其添加到项目的 dependencies 中。这是一种局部安装方式，只有在当前项目中才能使用安装的模块。

如果要全局安装 express，可以使用 npm install -g express 命令。全局安装会将模块安装到全局 node_modules 目录中，以便在命令行中使用 express 命令创建应用程序。但是，在实际开发中，全局安装并不是推荐的做法，因为它可能导致版本冲突和依赖问题。
5·新建app.js文件

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World')
})

app.listen(3000)

这段代码使用 Node.js 中的 Express 框架创建了一个简单的 HTTP 服务器。让我来解释一下代码的每个部分：

const express = require('express'): 这一行引入了 Express 框架，将其赋值给变量 express。

const app = express(): 创建了一个 Express 应用程序实例，并将其赋值给变量 app。通过调用 express() 函数，我们创建了一个 Express 应用程序。

app.get('/', function (req, res) { ... }): 这一行指定了一个针对根路径 / 的 HTTP GET 请求的处理函数。当用户在浏览器中访问服务器的根路径时，Express 将执行这个处理函数。

res.send('Hello World'): 在处理函数中，我们使用 res.send() 方法向客户端发送了一个简单的字符串响应 "Hello World"。

app.listen(3000): 最后一行启动了一个 HTTP 服务器，监听在端口 3000 上。这意味着当你在浏览器中输入 http://localhost:3000 时，Express 应用程序将会响应请求并发送 "Hello World" 到浏览器。

6·命令行运行

node app.js

在这里插入图片描述

添加功能

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World')
})


const products = [
    {
        "name":"Television",
        "price": 2000,
        "brand":"Xiaomi"
    },
    {
        "name":"Laptop",
        "price":5000,
        "brand":"Lenovo"
    }
]
 
app.get('/products/:brand', (req, res)=> {
    const brand = req.params.brand
    console.log(brand)
    // const filteredProducts = products.filter( (product)=>{
    //     return product.brand === brand
    // })
    const filteredProducts = products.filter(product=>product.brand === brand)
    res.send(filteredProducts)
})
const port = 3000
app.listen(port,()=>{
    console.log(`Server is running on ${port}...`)
})

命令行运行

node app.js

http://localhost:3000/products/Xiaomi

中间件
中间件是一种软件，用于在不同的应用程序之间传递数据和消息，以便它们可以相互通信。中间件通常用于实现不同的应用程序之间的集成，以便它们可以共享数据和服务。中间件可以作为基础设施和应用程序之间的桥梁，从而提高应用程序的互操作性和可扩展性。常见的中间件包括消息队列、Web服务器、RPC框架、缓存系统等。


app.use(requestUrlLogger);

app.get('/', function (req, res) {
  res.send('Hello World')
})

上传数据

const express = require('express')
const app = express()

const requestUrlLogger = (req, res, next)=>{
    console.log("url is :",req.url);
    next();
}

app.use(requestUrlLogger);
app.use(express.json())//post获取数据时使用

app.get('/', function (req, res) {
  res.send('Hello World')
})


const products = [
    {
        "name":"Television",
        "price": 2000,
        "brand":"Xiaomi"
    },
    {
        "name":"Laptop",
        "price":5000,
        "brand":"Lenovo"
    }
]
 
app.get('/products/:brand', (req, res)=> {
    const brand = req.params.brand
    // const filteredProducts = products.filter( (product)=>{
    //     return product.brand === brand
    // })
    const filteredProducts = products.filter(product=>product.brand === brand)
    res.send(filteredProducts)
})


const port = 3000
app.listen(port,()=>{
    console.log(`Server is running on ${port}...`)
})


app.post('/products',(req,res)=>{
    const name = req.body.name;
    const price = req.body.price;
    const brand = req.body.brand;

    products.push({name,price,brand});//键：值，名字一样可以只写一个

    res.json({
        "message":"New product created",
        "data":products
    })
})

postman和apipost
Postman和APIpost都是API测试工具，具有类似的功能，但使用方式和界面略有不同。

Postman是一款常用的API调试工具，可以快速构建、测试和文档化API。它支持多种HTTP请求类型，例如GET、POST、PUT、DELETE等，还可以设置请求头、请求参数和请求体等。Postman还可以对API进行自动化测试和集成测试，支持断言、数据驱动和测试报告等功能。同时，Postman还提供了丰富的插件和扩展，可以方便地集成到开发工作流中。

APIpost是一款在线API测试工具，基于Web界面操作，无需安装任何软件。它可以通过URL、HEAD、GET、POST等多种方式发送HTTP请求，并可以设置请求头、请求参数和请求体等。APIpost还支持Mock API，可以根据API文档自动生成伪数据，并支持API文档自动生成和分享。APIpost还提供了多种主题和语言版本，可以满足不同用户的需求。

总的来说，Postman更适合用于本地开发和测试，而APIpost则更适合用于在线协作和共享。使用哪一款工具，可以根据自己的实际需求来选择。Postman和APIpost都是API测试工具，具有类似的功能，但使用方式和界面略有不同。

Postman是一款常用的API调试工具，可以快速构建、测试和文档化API。它支持多种HTTP请求类型，例如GET、POST、PUT、DELETE等，还可以设置请求头、请求参数和请求体等。Postman还可以对API进行自动化测试和集成测试，支持断言、数据驱动和测试报告等功能。同时，Postman还提供了丰富的插件和扩展，可以方便地集成到开发工作流中。

APIpost是一款在线API测试工具，基于Web界面操作，无需安装任何软件。它可以通过URL、HEAD、GET、POST等多种方式发送HTTP请求，并可以设置请求头、请求参数和请求体等。APIpost还支持Mock API，可以根据API文档自动生成伪数据，并支持API文档自动生成和分享。APIpost还提供了多种主题和语言版本，可以满足不同用户的需求。

总的来说，Postman更适合用于本地开发和测试，而APIpost则更适合用于在线协作和共享。使用哪一款工具，可以根据自己的实际需求来选择。

Postman
在这里插入图片描述

模版引擎
pug和ejs

Pug (以前称为Jade) 是一种模板引擎，它使用缩进和简洁的语法来生成HTML。它允许使用变量、逻辑语句、迭代器、函数等功能，使得编写HTML模板更加方便快捷。

EJS (Embedded JavaScript) 是一种JavaScript模板引擎，它充分利用了JavaScript的强大功能，允许使用变量、逻辑语句、函数等功能来生成HTML。相比于Pug，EJS语法更加接近HTML，也更加灵活。

两种模板引擎都有各自的优点和适用场景。Pug适合于需要频繁更新HTML内容的大型应用程序，它可以减少HTML模板的代码量，使得维护更加便捷。而EJS则更适合于只需要做少量更新的应用程序，因为它的语法更加接近HTML，更容易阅读和理解。

https://pugjs.org/
在这里插入图片描述
1·安装pug
在这里插入图片描述
2·app.js
在这里插入图片描述
这是在 Node.js 应用程序中设置 Pug 模板引擎的语句。

第一行代码 app.set('view engine','pug') 指定了应用程序默认使用的模板引擎为 Pug。这样，在 res.render 中调用视图文件时，应用程序会自动使用 Pug 引擎来解析模板。

第二行代码 app.set('views','./views') 指定了存放视图文件的文件夹，这里是 ./views，也就是应用程序的根目录下的 views 文件夹。这个文件夹下的文件会被视为视图文件，可以通过 res.render 方法来渲染。这是在 Node.js 应用程序中设置 Pug 模板引擎的语句。

第一行代码 app.set('view engine','pug') 指定了应用程序默认使用的模板引擎为 Pug。这样，在 res.render 中调用视图文件时，应用程序会自动使用 Pug 引擎来解析模板。

第二行代码 app.set('views','./views') 指定了存放视图文件的文件夹，这里是 ./views，也就是应用程序的根目录下的 views 文件夹。这个文件夹下的文件会被视为视图文件，可以通过 res.render 方法来渲染。这是在 Node.js 应用程序中设置 Pug 模板引擎的语句。

第一行代码 app.set('view engine','pug') 指定了应用程序默认使用的模板引擎为 Pug。这样，在 res.render 中调用视图文件时，应用程序会自动使用 Pug 引擎来解析模板。

第二行代码 app.set('views','./views') 指定了存放视图文件的文件夹，这里是 ./views，也就是应用程序的根目录下的 views 文件夹。这个文件夹下的文件会被视为视图文件，可以通过 res.render 方法来渲染。

3·新建文件夹
views并在下面新建home.pug
在这里插入图片描述

3·home.js
在这里插入图片描述
4·app.js
在这里插入图片描述
5·node app.js
在这里插入图片描述

6·nodemon的使用
nodemon是一个Node.js开发的工具，可以帮助Node.js应用程序自动重新启动。它可以监视您的代码更改，并在更改发生时自动重启应用程序。

以下是使用nodemon的步骤：

  1. 全局安装nodemon:

    npm install -g nodemon

  2. 在项目目录运行nodemon:

    nodemon app.js

    其中，app.js是您的Node.js应用程序的入口文件。

  3. 现在，nodemon将监视您的代码更改。每当您修改代码并保存时，nodemon将自动重新启动应用程序。

    您还可以在运行nodemon时通过添加参数来添加其他配置选项，例如：

    nodemon --watch controllers --exec node app.js

    这将监视controllers文件夹的更改并在更改发生时重新启动应用程序。

希望这可以帮助您开始使用nodemon！nodemon是一个Node.js开发的工具，可以帮助Node.js应用程序自动重新启动。它可以监视您的代码更改，并在更改发生时自动重启应用程序。

以下是使用nodemon的步骤：

  1. 全局安装nodemon:

    npm install -g nodemon

  2. 在项目目录运行nodemon:

    nodemon app.js

    其中，app.js是您的Node.js应用程序的入口文件。

  3. 现在，nodemon将监视您的代码更改。每当您修改代码并保存时，nodemon将自动重新启动应用程序。

    您还可以在运行nodemon时通过添加参数来添加其他配置选项，例如：

    nodemon --watch controllers --exec node app.js

    这将监视controllers文件夹的更改并在更改发生时重新启动应用程序。

希望这可以帮助您开始使用nodemon！nodemon是一个Node.js开发的工具，可以帮助Node.js应用程序自动重新启动。它可以监视您的代码更改，并在更改发生时自动重启应用程序。

以下是使用nodemon的步骤：

  1. 全局安装nodemon:

    npm install -g nodemon

  2. 在项目目录运行nodemon:

    nodemon app.js

    其中，app.js是您的Node.js应用程序的入口文件。

  3. 现在，nodemon将监视您的代码更改。每当您修改代码并保存时，nodemon将自动重新启动应用程序。

    您还可以在运行nodemon时通过添加参数来添加其他配置选项，例如：

    nodemon --watch controllers --exec node app.js

    这将监视controllers文件夹的更改并在更改发生时重新启动应用程序。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1297985.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

高级系统架构设计师之路

高级系统架构设计师之路

前言：系 统 架 构 设 计 师 (System Architecture Designer)是项目开发活动中的众多角色之 一 ，它可 以是 一个人或 一个小组，也可以是一个团队。架构师 (Architect) 包含建筑师、设计师、创造 者、缔造者等含义，可以说&#xff0…
阅读更多...
Java Web 学习之路（2） —— 概念、SpringBoot + MyBatis（controller+service+mapper）开发流程与过程梳理

Java Web 学习之路（2） —— 概念、SpringBoot + MyBatis（controller+service+mapper）开发流程与过程梳理

文章目录 前言1. 常见的一些概念1.1 POJO（Plain Ordinary Java Object 简单Java对象）1.2 DAO和Mapper 2. Java的三层架构2.1 包的层级结构2.2 交互层 controller（用户界面、网页）jsp文件2.3 业务处理层 service2.4 Mapper层 3. 注…
阅读更多...
STM32F407-14.3.15-01单脉冲模式

STM32F407-14.3.15-01单脉冲模式

单脉冲模式 单脉冲模式 (OPM) 是上述模式的一个特例。在这种模式下，计数器可以在一个激励信号的触发下启动，并可在一段可编程的延时后产生一个脉宽可编程的脉冲。 可以通过从模式控制器启动计数器。可以在输出比较模式或 PWM 模式下生成波形。将 TIMx_C…
阅读更多...
【数据结构(九)】线索化二叉树（3）

【数据结构(九)】线索化二叉树（3）

文章目录 1. 前言——问题引出2. 线索二叉树的基本介绍3. 线索二叉树的应用案例3.1. 思路分析3.2. 代码实现 4. 遍历线索化二叉树4.1. 代码实现 1. 前言——问题引出 问题：     将数列 {1, 3, 6, 8, 10, 14 } 构建成一颗二叉树. （n17个空指针域&…
阅读更多...
软件测试：Selenium三大等待（详解版）

软件测试：Selenium三大等待（详解版）

一、强制等待 1.设置完等待后不管有没有找到元素，都会执行等待，等待结束后才会执行下一步 2.实例： driver webdriver.Chrome()driver.get("https://www.baidu.com")time.sleep(3) # 设置强制等待driver.quit() 二、隐性等待 …
阅读更多...
【数据挖掘】国科大苏桂平老师数据库新技术课程作业 —— 第三次作业

【数据挖掘】国科大苏桂平老师数据库新技术课程作业 —— 第三次作业

part 1 设计一个学籍管理小系统。系统包含以下信息： 学号、学生姓名、性别、出生日、学生所在系名、学生所在系号、课程名、课程号、课程类型（必修、选修、任选）、学分、任课教师姓名、教师编号、教师职称、教师所属系名、系号、学生所选课…
阅读更多...
【GEE笔记】随机森林特征重要性计算并排序

【GEE笔记】随机森林特征重要性计算并排序

随机森林是一种基于多个决策树的集成学习方法，可以用于分类和回归问题。在gee中可以使用ee.Classifier.smileRandomForest()函数来创建一个随机森林分类器，并用它来对影像进行分类。 随机森林分类器有一个重要的属性，就是可以计算每个特征&a…
阅读更多...
计算机毕业设计springboot+ssm停车场车位预约系统java

计算机毕业设计springboot+ssm停车场车位预约系统java

管理员不可以注册账号 停车位包括车位所在楼层、车位编号、车位类型(全时间开放/高峰期开放)、预定状态等 用户预约时要求支付预约时间段的停车费用 违规行为：1.停车超过预约时间段 2.预约未使用 于系统的基本要求 （1）功能要求&am…
阅读更多...
class067 二维动态规划【算法】

class067 二维动态规划【算法】

class067 二维动态规划 code1 64. 最小路径和 // 最小路径和 // 给定一个包含非负整数的 m x n 网格 grid // 请找出一条从左上角到右下角的路径，使得路径上的数字总和为最小。 // 说明：每次只能向下或者向右移动一步。 // 测试链接 : https://leetcode…
阅读更多...
【腾讯云 HAI域探秘】StableDiffusionWebUI 让我找到了宫崎骏动漫里的夏天

【腾讯云 HAI域探秘】StableDiffusionWebUI 让我找到了宫崎骏动漫里的夏天

目录 前言一、HAI二、应用场景三、构建 Stable Diffusion 模型1、新建HAI应用2、StableDiffusionWebUI（1）功能介绍（2）页面转中文（3）AI绘图① 正向提示词语② 反向提示词③ “” 、“ AND”、“|” 用法④ 权…
阅读更多...
网上下载的pdf文件，为什么不能复制文字？

网上下载的pdf文件，为什么不能复制文字？

不知道大家有没有到过这种情况？在网上下载的PDF文件打开之后，发现选中文字之后无法复制。甚至其他功能也都无法使用，这是怎么回事？该怎么办？ 当我们发现文件打开之后，编辑功能无法使用，很可能是…
阅读更多...
基于MATLAB的BPSK调制解调仿真(仿真图超多，结果超清晰)

基于MATLAB的BPSK调制解调仿真(仿真图超多，结果超清晰)

基于MATLAB的BPSK调制解调仿真(包含中间各个环节的时域波形、功率谱、频谱图、抽样后的星座图和眼图、理论与仿真的误码率曲线) 目录 前言 一、BPSK基本原理 二、BPSK调制解调过程 三、仿真结果 1、码元信噪比eb/n0-10dB时 1、双极性不归零基带信号 2、成型滤波(根升余弦…
阅读更多...
uni-app应用设置 可以根据手机屏幕旋转进行 (横/竖) 屏切换

uni-app应用设置 可以根据手机屏幕旋转进行 (横/竖) 屏切换

首先 我们打开项目的 pages.json 在左侧导航栏中找到 源码视图 然后找到 app-plus 配置 在下面加上 "orientation": [//竖屏正方向"portrait-primary",//竖屏反方向"portrait-secondary",//横屏正方向"landscape-primary",//横屏反方…
阅读更多...
Other -- ChatGPT 原理

Other -- ChatGPT 原理

本文为个人理解，帮助小白（本人就是）了解正在创建新时代的 AI 产品，如文中理解有误欢迎留言。 [参考链接--](https://baijiahao.baidu.com/s?id1765556782543603120&wfrspider&forpc) 1. 了解一些基本概念 大语言模型&a…
阅读更多...
安卓MediaRecorder(2)录制源码分析

安卓MediaRecorder(2)录制源码分析

文章目录 前言JAVA new MediaRecorder() 源码分析android_media_MediaRecorder.cpp native_init()MediaRecorder.java postEventFromNativeandroid_media_MediaRecorder.cpp native_setup() MediaRecorder 参数设置MediaRecorder.prepare 分析MediaRecorder.start 分析MediaRec…
阅读更多...
[面试题～Docker] 云原生必问基础篇

[面试题～Docker] 云原生必问基础篇

文章目录 基础相关1. Docker 是什么？2. 镜像是什么3. 容器是什么4. 数据卷是什么5. Docker 和虚拟机的区别？6. Docker 常用命令有哪些？ 原理相关1. docker 有几种网络模式host 模式container模式none模式bridge模式 2. docker 网络实现在Linu…
阅读更多...
AGILE-SCRUM

AGILE-SCRUM

一个复杂的汽车ECU开发。当时开发队伍遍布全球7个国家，10多个地区，需要同时为多款车型定制不同的软件，头疼的地方是： 涉及到多方人员协调，多模块集成和管理不同软件团队使用的设计工具、验证工具，数据、工…
阅读更多...
C语言数据结构-基于单链表实现通讯录

C语言数据结构-基于单链表实现通讯录

文章目录 1 基础要求2 通讯录功能2.1 引入单链表的文件2.2 定义联系人数据结构2.3 打开通讯录2.4 保存数据后销毁通讯录2.5 添加联系人2.6 删除联系人2.7 修改联系人2.8 查找联系人2.9 查看通讯录 3 通讯录代码展示3.1 SeqList_copy.h3.2 SeqList_copy.c3.3 Contact.h3.4 Conta…
阅读更多...
【论文阅读】Reachability and distance queries via 2-hop labels

【论文阅读】Reachability and distance queries via 2-hop labels

Cohen E, Halperin E, Kaplan H, et al. Reachability and distance queries via 2-hop labels[J]. SIAM Journal on Computing, 2003, 32(5): 1338-1355. Abstract 图中的可达性和距离查询是许多应用的基础，从地理导航系统到互联网路由。其中一些应用程序涉及到巨…
阅读更多...
免费开源-数字孪生城市污水处理平台

免费开源-数字孪生城市污水处理平台

智慧城市污水处理平台，基于污水厂三维模型可视化场景，结合物联网IOT、视频监控以及综合运营数据，增加污水处理厂的掌控力度。飞渡科技利用数字孪生技术结合物联网IOT技术，直观展现各污水处理站点的整体建设规模，以及污…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023