如何在节点中动态填充html数据，以便发布，而不是显示？
在节点中动态填充HTML数据以便发布而不是显示，可以通过以下步骤实现：
- 创建一个HTML模板：首先，创建一个HTML模板文件，其中包含需要填充数据的占位符。可以使用任何文本编辑器创建一个基本的HTML文件，例如：
<!DOCTYPE html>
<html>
<head>
<title>动态填充HTML数据</title>
</head>
<body>
<h1>{{标题}}</h1>
<p>{{内容}}</p>
</body>
</html>在上面的示例中，{{标题}}和{{内容}}是占位符，将在后续步骤中被实际数据替换。
- 准备数据源：准备一个数据源，可以是数据库、API接口或其他数据存储方式。确保数据源中包含需要填充到HTML模板中的数据。
- 使用服务器端编程语言：选择一种服务器端编程语言，例如Node.js、Python、Java等，来处理数据和HTML模板的组合。以下是一个使用Node.js的示例：
const fs = require('fs');
const template = fs.readFileSync('template.html', 'utf8');
const data = {
标题: '欢迎使用动态填充HTML数据',
内容: '这是一个示例内容'
};
const filledTemplate = template.replace(/{{(.*?)}}/g, (match, key) => {
return data[key] || '';
});
fs.writeFileSync('filled.html', filledTemplate, 'utf8');在上面的示例中，首先读取HTML模板文件，然后使用正则表达式匹配占位符，并将其替换为数据源中对应的值。最后，将填充后的HTML保存到一个新文件中。
- 发布填充后的HTML：将填充后的HTML文件发布到适当的位置，例如Web服务器或云存储服务。确保文件可以通过公共链接访问。
通过上述步骤，你可以在节点中动态填充HTML数据以便发布而不是显示。请注意，以上示例仅为演示目的，实际实现可能因具体需求和技术栈而有所不同。
相关·内容
1回答
将数据从数据读取器获取到前端
c#、html、console-application、datareader
下面是我的控制台应用程序代码，用于从SQL获取数据。
using (SqlConnection con = new SqlConnection("server=fcpcdb02; database=campus6; user id=; password=;"))
{
using (SqlCommand cmd = new SqlCommand())
{
cmd.Connection = con;
cmd.CommandText = &
浏览 0提问于2017-06-01得票数 0
2回答
用字符串中的相应值替换多个占位符
javascript、discord.js
我有一个命令来创建一个自定义欢迎消息，所以当有人说将标题更改为自定义占位符{user.id}时，它会将标题更改为联合用户ID
我尝试了${(cardText, placeholders)}，但它只返回嵌入中的对象对象
所以cardText是{user.tag}，所以我希望它在placeholders中查看，看看字符串中是否有占位符，如果将它更改为正确的值，那么在本例中，它将更改为member.user.tag。
代码：
module.exports = async (client, member) => {
const guildSchema = require(
浏览 5提问于2022-05-23得票数 1
回答已采纳
2回答
如何将json格式的数组数据从jquery返回到html
javascript、jquery、html、json
从FB获取数据的示例...
$(document).ready(function(){
var name;
var link;
var gender;
var id;
$.getJSON( "http://graph.facebook.com/4/", function( json ) {
name = json.name;
link = json.link;
gender = json.gender;
id = json.id;
var person =
浏览 1提问于2015-03-05得票数 2
1回答
添加带有动态属性值的HTML表单
php、jquery、html、forms
我目前正在处理的页面有一个“添加另一个”选项，它插入一个字段集，其中包含一个标题和一个包含3个输入框的列表。为了表单提交的缘故，这些输入框中的每一个都需要指定一个具有递增值的名称。("field1_1"，"field1_2"等)
我知道我可以通过使用$('<input/>', {...});动态创建元素来添加字段，但是对于很多元素来说，这使得代码很难阅读，也很难维护。
我目前正在使用jQuery的.load()函数来提取文件，但是通过搜索，我无法找到将变量传递给响应的方法，因此只能使用预设的名称属性值。
这是可能的，还是上面的方法是唯
浏览 4提问于2014-04-03得票数 0
回答已采纳
2回答
如何向html文件/模板传递/访问node.js变量
javascript、html、node.js、fs
我是Node.js的新手，我试图将一个变量从Node.js传递并访问到加载的html文件/模板，如何实现这一点？
下面是示例代码：
test.html
<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<title>Hello world!</title>
</head>
<body>
<h1>User List</h1>
浏览 2提问于2021-02-23得票数 2
回答已采纳
1回答
使用Node将文本文件读入HTML
javascript、html、node.js
我是web开发的新手。我需要创建一个html文件，其中的一个段落显示文本文件的内容。
我在node中创建了一个读取文本文件的函数
function getTextContent(textFilePath) {
return require("fs").readFileSync(textFilePath, 'utf8');
}
我把它插入到HTML代码中
<body>
<h1>
Hello World
</h1>
<p> This is some text </p
浏览 0提问于2019-09-02得票数 0
2回答
Nuxt -仅在服务器端呈现HTML
vue.js、nuxt.js、server-side-rendering
我的页面有一个标题，我从位于服务器中的文件中获得：
data() {
return {
headerHTML: ''
};
},
fetch() {
this.headerHTML = fs.readFileSync('./header.html', 'utf8');
}
我使用v呈现标题：
<div v-html="headerHTML"></div>
<div class="container">
<Nuxt />
</div&g
浏览 15提问于2022-03-31得票数 0
6回答
mustache.js不起作用
javascript、jquery、mustache
我正在尝试使用mustache.js进行模板化，但是我的基本代码没有工作，如果我出错了，Pls帮助-
var person = {
firstName: "Christophe",
lastName: "Coenraets"
};
var template = "<h1>{{firstName}} {{lastName}}</h1>";
var output = Mustache.render(template, person);
document.getElementById('result1&
浏览 10提问于2014-02-19得票数 3
回答已采纳
2回答
使用快速路由器传递数据
javascript、html、node.js
我有一个node.js项目，需要将数据从js文件传递到html文件。
js文件代码
const express = require('express');
const router = express.Router();
const path = require('path');
const db = require('Dal/ProductsDal');
const productsArray = db.showAll();
router.get('/', (req, res) => {
res.sendF
浏览 6提问于2021-07-01得票数 0
2回答
无法从React本机异步文件中获取数据，将其读入函数组件(但在类组件中工作)
javascript、node.js、reactjs、react-native
我让它在组件中工作，但不能让它在函数组件中工作。我正在使用从文本文件中读取数据。文件是异步读取的，数据可以作为javascript承诺对象使用。首先是工作守则：
import React, { Component } from 'react';
import { Text } from 'react-native';
const RNFS = require('react-native-fs');
const path = `${RNFS.DocumentDirectoryPath}/Quote1.txt`;
RNFS.writeFile(p
浏览 4提问于2021-05-16得票数 0
回答已采纳
1回答
使用Power矩阵从DAX语句中获取数据
powerbi、dax
我有以下要求：
用户将在网页上看到一个Power矩阵(相对于Power桌面)。
网页应该有三个元素:文本字段、按钮和Power矩阵(可能包含在Power报告中)。
用户将在文本字段中输入DAX语句，并单击按钮指示矩阵接受DAX语句，执行该语句并填充数据。
用户应该能够在矩阵中向下钻取。
用户可以重新输入新的DAX语句，刷新矩阵。
现在，我可以找到的所有文档，例如，都谈到了Power (即非网页)中的矩阵，以及通过手动选择表格/列/度量(在屏幕右侧)获取的数据。
在Power中，我知道可以通过在顶部栏中创建一个表来输入DAX语句，例如，如果我有DAX：
EVALUA
浏览 0提问于2020-08-15得票数 2
回答已采纳
1回答
如何获取元数据并附加到现有html文件
amazon-web-services、yaml
我正在用YAML编写一个脚本，在上运行Ubuntu web服务器。我希望获取元数据(特别是公共DNS名称和当前AWS区域)，并将该信息附加到已经存在的html文件中。
我不知道如何实现一种既获取元数据又将其附加到html文件的方法。显示了用于获取所需元数据的命令和URL，但我不确定如何将其写入代码，以便将这些细节写入index.html文件。
UserData:
'Fn::Base64': |
#!/bin/bash -x
# set timezone
timedatectl set-timezone
浏览 1提问于2019-01-30得票数 1
回答已采纳
3回答
限制在字符串变量中的模板文字
javascript、node.js、web
我在变量中存储了一个模板Hello, ${user.name}。我正在使用fs.read从外部文件中读取此文件。
现在，很明显，当我附加到目标div的innerHTML上时，它显示的是原来的字符串，而不是"Hello，James“(假设user.name = James)。
有什么办法让它发生吗？
extfile.txt =>
{"A":"`Welcome, ${user.name}`"}
Node.js码=>
fs.readFile(__dirname + '/extfile.txt', 'utf8', fu
浏览 3提问于2016-12-10得票数 2
回答已采纳
2回答
Node.js中的未知编码错误
javascript、node.js、server、character-encoding
我是新来的Node.js和卡在一个错误，这是从2天的恼怒我！
JS看起来如下：
var http = require('http');
var fs = require('fs');
var server = http.createServer(function(req, res) {
console.log("A request was made of url : " + req.url);
res.writeHead(200, { 'Content-Type': 'text/html' });
var
浏览 2提问于2017-09-22得票数 1
回答已采纳
1回答
如何使标记图使用数据库中的值？
jquery、flot
我想用一些数据库值绑定堆叠条形图。我让它使用硬编码的值。如何使它使用数据库中的值？
目前，我已经在一个JavaScript文件中获得了以下代码：
$(function () {
var css_id = "#placeholder";
var data = [
{label: 'Strong', data: [[1,250], [2,250], [3,250], [4,250], [5,250], [6,250], [7,250], [8,250], [9,250], [10,250], [11,250], [12,250]]},
浏览 7提问于2010-06-29得票数 0
2回答
如何使用电子邮件模板c#发送电子邮件
c#、email-templates
假设我需要将客户的详细信息和他的订单细节发送给客户。我在html中有模板html数据，file.customer数据在那里，以及订单细节也在相同的html模板文件中。我的html看起来像
<html>
<body>
Hi {FirstName} {LastName},
Here are your orders:
{foreach Orders}
Order ID {OrderID} Quantity : {Qty} <strong>{Price}</strong>.
{end}
</body>
</html>
浏览 4提问于2012-05-09得票数 29
回答已采纳
3回答
MeteorJS:从模板服务器端生成电子邮件
node.js、email、meteor、server-side、templating
我需要从MeteorJS应用程序发送电子邮件，我想用html模板来生成它们，而不是通过“html in js”之类的东西。
我想做的是：
1)使用Template.emailTemplate(data)，但Template没有定义服务器端。
2)将我的电子邮件模板保存为*.html目录下的<app>/server/email/templates文件，使用fs.readSync()获取它们的内容，然后使用meteor的内置handlebars包编译/呈现它。
这在开发环境中很好，但是在使用捆绑应用程序的生产中失败了，因为*.html目录下的server文件没有打包。此外，在捆绑过程中
浏览 6提问于2013-05-13得票数 9
回答已采纳
1回答
如何从文本文件中读取数据，更改数据并将其附加到html中？
javascript、node.js、express
我在一个文本文件中有数据，其中包含有模板文本的HTML，如下所示
<html>
<head></head>
<body>
<p>`${abc}`</p>
</body>
</html>
我有服务器abc的数据。我希望节点从.txt文件中读取这些数据，用数据替换模板文本，然后将其附加到另一个.html文件中。这就是我试过的
var abc = "Hi there"
var dat = fs.readFileSync('home.txt', 'utf8'
浏览 0提问于2017-09-22得票数 0
回答已采纳
2回答
使用自定义占位符的高级Python字符串格式？
python、string-formatting、string-interpolation
Python变量中有以下HTML模板：
template = """
<script>
function work()
{
alert('bla');
}
</script>
Success rate is {value:.2%} percent.
"""
我想用一些十进制数替换{value:.2%}，并使用适当的格式。由于我的模板可能包含大量JavaScript代码，所以我希望避免使用{{和}}来转义大括号，
浏览 4提问于2015-12-11得票数 2
1回答
如何通过node.js中html页面中的id找到元素？
node.js
因此，我向一个html页面提供了一个node.js文件，我想知道如何在该node.js文件中的html文件中获得一个元素。
我试过youtube和google，但找不到我要找的东西。
这是我的代码：
HTML
<!DOCTYPE html>
<html>
<head></head>
<body>
<p id='iwwinm'>I want to be stored in a node.js var? How?!</p>
</body>
</html&
浏览 0提问于2019-09-07得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
