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目录
相关推荐
2501_9209317017 分钟前
React Native鸿蒙跨平台实现推箱子游戏,完成玩家移动与箱子推动,当所有箱子都被推到目标位置时,玩家获胜
javascript·react native·react.js·游戏·ecmascript·harmonyos
AI老李1 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
方也_arkling1 小时前
Element Plus主题色定制
javascript·sass
一点程序1 小时前
基于SpringBoot的选课调查系统
java·spring boot·后端·选课调查系统
2601_949809591 小时前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
Up九五小庞2 小时前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
摘星编程2 小时前
React Native + OpenHarmony:UniversalLink通用链接
javascript·react native·react.js
qq_177767372 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos
烬头88212 小时前
React Native鸿蒙跨平台应用实现了onCategoryPress等核心函数,用于处理用户交互和状态更新,通过计算已支出和剩余预算
前端·javascript·react native·react.js·ecmascript·交互·harmonyos
怪兽源码3 小时前
基于SpringBoot的选课调查系统
java·spring boot·后端·选课调查系统