如何使用 Express 提供部分动态 HTML 页面?

2024-01-03

好吧,这是我的问题:我有一个我很满意的 HTML 页面,但我希望使其动态。我正在使用 Node 和 Express,我想知道是否有任何方法可以修改然后渲染纯 HTML。我不会使用 Jade 或任何其他模板引擎。

我的服务器.js:

var http = require('http');
var express = require('express');
var app = express()

var port = 3000;
var api_router = express.Router();

....

api_router.route('/webm/test/')
.get(function(req, res){
    res.sendFile(__dirname + "/test.html")
})

app.use('/api/', api_router);
app.listen(port);
console.log("NodeJS Backend API running.");

目前这不起作用(未找到 HTML 模板引擎)。它也不能满足我的需求:我希望根据 GET 请求在标签中设置“src='blah.webm'”。

这是我要修改的页面:

<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="../stylesheet.css">
        <link rel="stylesheet" type="text/css" href="stylesheet.css">
    </head>

    <body>
        <div id="header">
            <a href="../index.html"><p>../</p></a>
            <p>TrentV.net : Trent VanSlyke</p>
        </div>
        <div class="container" style="display: flex">
            <video id="player" src="CUSTOMIZE ME" controls></video>
            <div id="related">

            </div>

            <script src="webm.js" type="text/javascript"></script>
        </div>
    </body>
</html>

您可以像描述的那样使用快速视图模板here https://scotch.io/tutorials/use-ejs-to-template-your-node-application

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Express 提供部分动态 HTML 页面? 的相关文章

随机推荐

  • 我应该如何使用 pandas 处理时间序列数据中的重复时间?

    我从 API 调用返回以下内容作为更大数据集的一部分 时间 datetime datetime 2017 5 21 18 18 1 tzinfo tzutc 价格 0 052600 时间 datetime datetime 2017 5 2
  • T-SQL 如何匹配多行

    有两个表 包装表和产品表 就我而言 包装中包含多种产品 我们需要识别多个产品是否可以与包裹记录中已有的包裹匹配 一些脚本如下 DECLARE tblPackage TABLE PackageID int ProductID int INSE
  • Mailgun Laravel 发送电子邮件错误 客户端错误消息

    在 Laravel 5 1 上设置 mailgun 后 我确实收到错误消息 客户端错误响应 url https api mailgun net v3 messages mime https api mailgun net v3 messag
  • 如何在脚本化 ssh 命令中使用简单引号和双引号

    我正在编写一个小型 bash 脚本 并希望通过 ssh 执行以下命令 sudo i mysql uroot pPASSWORD execute select user host password last changed from mysq
  • ICU 资源包是否用于消息翻译资源

    我了解 ICU 的本地化部分 日期 时间和货币格式 排序规则等 当谈到消息翻译时 我看到人们说 ICU 不提供消息翻译功能 例如检查这个 SOF 问题 https stackoverflow com questions 5644412 ph
  • 工作单元模式的实现

    我首先使用 ASP NET MVC 和实体框架代码创建一个应用程序 我正在使用存储库和工作单元模式 并受到以下链接的影响 http www asp net mvc tutorials getting started with ef 5 us
  • Intellij 在新块中添加额外的行

    当我在 Intellij 中编写代码时 我经常通过键入以下类型的序列来创建新块 if test 键入左大括号会导致 Intellij 自动插入右大括号并将光标移动到两个大括号之间 if test 此时 我只需按 Enter 即可获得一个格式
  • 谷歌地图打开时的信息窗口事件

    您好 我正在使用谷歌融合表和谷歌地图 问题是我的标记显示正确 但我想在信息窗口中插入一些图像 所以问题是我进行查询来查找这些标记的位置 并且这些标记可以有许多类别 这就是为什么我无法使用合并表 当用户单击标记时 信息窗口将显示并显示标记上的
  • Java URL:未知协议“C”

    我知道有similar对这个问题的提问 比如this https stackoverflow com questions 7243550 unknown protocol c jdom a saxbuilder一 但是 在读完 类似标题的问
  • Facebook 如何禁用浏览器的集成开发人员工具?

    显然 由于最近的诈骗 开发人员工具被人们利用来发布垃圾邮件 甚至用于 破解 帐户 Facebook 屏蔽了开发者工具 我什至无法使用控制台 他们是怎么做到的 Stack Overflow 上的一篇帖子声称这是不可能的 https stack
  • Angular2 - 具有登录结构的路由器出口

    我正在构建 angular2 应用程序 目前我有一个带有导航栏 工具栏和路由器出口的主组件用于主要内容 我想为登录机制添加一个额外的页面 因此 如果用户未经过身份验证 登录页面将显示在整个屏幕上 用户登录后将导航到具有上述结构的组件 我该如
  • 使用pm2将环境变量传递给node.js

    我正在尝试将一些参数传递给由 pm2 运行的 Express 应用程序 他们的文档中没有任何提示这样做 但显然可以将一些 EV 传递到您的节点应用程序 例如SOME STUFF xxx pm2 start app js 注意 更新环境中的环
  • Spring Integration 中下游流完成后,如何从队列中一次轮询 1 条消息

    我目前正在努力提高集成流程的性能 尝试并行化消息处理 我已经使用 Java DSL 实现了所有内容 当前的集成流程从具有固定轮询器的队列通道获取消息 并通过多个处理程序依次处理该消息 直到到达最终处理程序 该处理程序会考虑前一个处理程序的每
  • 未捕获的 ReferenceError:无法处理与 Ajax 的绑定

    我有两个分层的 MVC4 NET 应用程序 带有 DAL 层和 Web 层 我在尝试将数据与 Ajax 返回的数据绑定时遇到问题 在 Html 上 我试图获取 SubcriteriaList 成员并在填写每个成员的值时为每个成员创建表 HT
  • 我们是否可以设置持久的默认参数,这些参数在明确更改之前一直保持设置状态?

    下面是一个函数fn预期结果是a b c在每次调用时定义fn 是否传递对象参数 如果传递设置属性的对象 则应仅为该对象设置属性 const fn opts a 1 b 2 c 3 gt console log opts 当不带参数调用时 结果
  • C unix 域套接字,recvfrom() 未设置 struct sockaddr* src_addr

    我正在编写一个通过 unix 域套接字侦听 UDP 数据包的应用程序 考虑以下代码块 int sockfd struct sockaddr un servaddr sockfd socket AF LOCAL SOCK DGRAM 0 if
  • 将插件版本集中在(类似于)BOM 中?

    我开始使用 BOM 来集中项目中常见依赖项的版本 但是 它似乎不适用于插件版本 如果我在 BOM 中添加一个 pluginManagement 部分 那么在那里声明的插件版本似乎不会影响导入 BOM 的项目的插件版本 Maven 抱怨版本尚
  • 在 Haskell 中构造循环列表的最便宜的方法

    那么 如果我想构造一个由 n 个 0 和 1 个 1 组成的循环列表 以下哪种方法更好 更便宜 还有更好 更便宜的方法吗 考虑到 n 是Integer并且可能很大 尽管实际上它不会超过 2 32 aZerosAndOnes Integer
  • 循环访问多个组件链接以获取 SDL Tridion 2011 中 Dreamweaver TBB 中链接组件的架构名称

    我正在研究 Dreamweaver 模板构建块并为页面实现 SiteEdit 我正在使用 SDL Tridion 2011 SP1 和 Site Edit 2012 以及默认 Dream Weaver 模板 我的架构有一个 组件链接 类型的
  • 如何使用 Express 提供部分动态 HTML 页面?

    好吧 这是我的问题 我有一个我很满意的 HTML 页面 但我希望使其动态 我正在使用 Node 和 Express 我想知道是否有任何方法可以修改然后渲染纯 HTML 我不会使用 Jade 或任何其他模板引擎 我的服务器 js var ht