Express入门必学三件套:路由、中间件、模板引擎全解析

一、环境搭建四步曲

  1. 安装Node.js
    • 官网下载LTS版本,验证安装:node -v && npm -v

  2. 初始化项目

    bash 复制代码
    mkdir my-express-app && cd my-express-app  
    npm init -y  # 快速生成package.json
  3. 安装Express

    bash 复制代码
    npm install express --save  # 生产依赖
  4. 创建入口文件

    javascript 复制代码
    // app.js
    const express = require('express');
    const app = express();
    app.listen(3000, () => console.log('Server running on port 3000'));

二、核心功能实战演示

场景:构建用户注册API(支持JSON和表单数据)

  1. 路由监听

    javascript 复制代码
    // GET请求处理
    app.get('/api/users', (req, res) => {
      res.json([{id: 1, name: 'John'}]); // 返回JSON数据
    });
    
    // POST请求处理(需中间件解析请求体)
    app.use(express.json()); // 解析JSON
    app.use(express.urlencoded({ extended: true })); // 解析表单
    
    app.post('/api/users', (req, res) => {
      console.log(req.body); // 获取客户端数据
      res.status(201).send('User created!');
    });
  2. 动态路由参数

    javascript 复制代码
    app.get('/users/:id', (req, res) => {
      res.send(`User ID: ${req.params.id}`); // 获取URL参数
    });
  3. 静态资源托管

    javascript 复制代码
    app.use('/public', express.static('public')); // 开放public目录
相关推荐
我命由我123458 小时前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
抱抱宝9 小时前
Agent-study项目教程(03):手写 Mini-ReAct Agent(不依赖框架)
javascript·人工智能·gpt·react.js·prompt·agent
东风破_9 小时前
ESLint 是什么?为什么你的项目需要它?
前端·后端·代码规范
嘻哈∠※9 小时前
0061基于 SpringBoot 的投稿与稿件处理系统设计与实现
java·spring boot·后端
用户938515635079 小时前
Next.js 笔记系统(二):Redis 数据服务与侧边栏组件拆分实战
javascript·全栈
卷无止境10 小时前
在 awesome-fastapi 里,哪些库值得一看?
后端·python
卷无止境11 小时前
FastAPI 的Admin面板生态
后端·python
捡田螺的小男孩12 小时前
什么是 Skill?手把手带你写一个简单有用的 Skill!
前端·后端·程序员
IT_陈寒12 小时前
Redis集群这个坑,差点让我通宵
前端·人工智能·后端
用户83562907805113 小时前
Python 自动化 Word 文本框处理:创建、定位、填充内容与管理
后端·python