JavaScript - Express JS -动态面包屑创建(名称+ URL)

// 导入Express JS和相关模块
const express = require('express');
const app = express();

// 定义路由配置信息
const routes = [
  { path: '/', name: '首页' },
  { path: '/products', name: '产品列表' },
  { path: '/products/123', name: '产品详情' },
];

// 定义路由处理函数
app.get('/', (req, res) => {
  // 生成动态面包屑信息
  const breadcrumbs = [
    { name: '首页', url: '/' }
  ];

  // 渲染模板并传递面包屑信息
  res.render('index', { breadcrumbs });
});

app.get('/products', (req, res) => {
  // 生成动态面包屑信息
  const breadcrumbs = [
    { name: '首页', url: '/' },
    { name: '产品列表', url: '/products' }
  ];

  // 渲染模板并传递面包屑信息
  res.render('products', { breadcrumbs });
});

app.get('/products/123', (req, res) => {
  // 生成动态面包屑信息
  const breadcrumbs = [
    { name: '首页', url: '/' },
    { name: '产品列表', url: '/products' },
    { name: '产品详情', url: '/products/123' }
  ];

  // 渲染模板并传递面包屑信息
  res.render('productDetail', { breadcrumbs });
});

// 启动Express应用程序
app.listen(3000, () => {
  console.log('应用程序已启动，监听端口3000');
});