如何将select查询存储为EJS中的div？
将select查询存储为EJS中的div可以通过以下步骤实现：
- 创建一个后端路由，用于处理select查询并将结果传递给前端。
- 在后端路由中，使用数据库连接工具（如MySQL、MongoDB等）执行select查询语句，获取查询结果。
- 将查询结果存储在一个变量中，并将该变量传递给EJS模板。
- 在EJS模板中，使用div标签包裹查询结果，并通过EJS的语法将查询结果渲染到div中。
- 在前端页面中，引入EJS模板，并将后端传递的数据渲染到相应的div中。
下面是一个示例代码：
后端路由（Node.js + Express）：
const express = require('express');
const router = express.Router();
const db = require('数据库连接工具');
router.get('/select', (req, res) => {
// 执行select查询
db.query('SELECT * FROM table', (err, result) => {
if (err) throw err;
// 将查询结果传递给EJS模板
res.render('template.ejs', { data: result });
});
});
module.exports = router;EJS模板（template.ejs）：
<div>
<% data.forEach(function(item) { %>
<p><%= item.column1 %></p>
<p><%= item.column2 %></p>
<!-- 根据查询结果的字段进行渲染 -->
<% }); %>
</div>前端页面：
<!DOCTYPE html>
<html>
<head>
<title>查询结果</title>
</head>
<body>
<h1>查询结果：</h1>
<div id="result"></div>
<script src="ejs.min.js"></script>
<script>
// 使用AJAX请求后端路由获取查询结果
var xhr = new XMLHttpRequest();
xhr.open('GET', '/select', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 将查询结果渲染到div中
document.getElementById('result').innerHTML = xhr.responseText;
}
};
xhr.send();
</script>
</body>
</html>在上述示例中，后端路由处理了一个名为"/select"的GET请求，执行了一个select查询，并将查询结果传递给EJS模板。EJS模板使用forEach循环遍历查询结果，并将每条记录的字段渲染到div中。前端页面通过AJAX请求后端路由获取查询结果，并将结果渲染到指定的div中。
请注意，示例中的数据库连接工具、查询语句、字段名等需要根据实际情况进行修改。
相关·内容
1回答
如何将select查询存储为EJS中的div？
html、node.js、postgresql、server、ejs
我已经创建了一个PostgreSQL数据库，其中存储了一场比赛的分数。我现在已经在EJS文件中成功地显示了它们。问题是，它非常丑陋，几乎不可能协调。laterif (leaderboard == 'local') { `select中，并将它们居中。下面是相关的HTML/EJS
浏览 13提问于2020-12-11得票数 0
回答已采纳
1回答
如何将数据从express传递到ejs
javascript、node.js、express、ejs
我有带有查询的server.js文件： pool.query('SELECT * FROM tasks ORDER BY} res.render('pages/tasks', {data: results.rows});});<m
浏览 1提问于2021-01-31得票数 1
回答已采纳
1回答
传递数据视图查询节点express - ejs
node.js、express、ejs
我的node.js文件中有一个查询。 如何将q2结果集CAMERA_FRIA传递给ejs文件？// Queries var q2 = "SELECT DEVICEID,",});
//IN ejs file (how can I
浏览 19提问于2018-12-29得票数 0
回答已采纳
1回答
我想在result.ejs中显示数据:我应该怎么做？
node.js、postgresql、connection
这是我的db.js： const { Pool, Client } = require('pg'); user: "postgres",database: "myfirst_postgres", port: 5432// ...
pool.query("SELECT* FROM members &q
浏览 8提问于2020-07-17得票数 0
1回答
如何在nodejs中显示mongodb数据库中的html
node.js、database
我一直在努力弄清楚如何在mongodb表中显示html标记。每次我通过浏览器查看数据时，它都会显示html的文本。示例：测试它在网页上查看时应该显示如下:测试
但是，它显示的是测试
浏览 2提问于2018-05-27得票数 0
1回答
如何使用node pg在ejs中渲染postgresql结果？
node.js、postgresql、express、ejs
我刚接触node/express/postgres，正在尝试构建一个简单的todo应用程序。我正在尝试使用ejs文件呈现一个视图，但页面显示的不是查询结果，而是查询本身： (request, response) => { pool.query('SELECT * FROM items ORDERpassword: '*',})
const getAllItems = (request, respo
浏览 24提问于2019-12-11得票数 0
回答已采纳
1回答
我想在datalist选项中传递来自MySQL数据库的数据。我的应用程序是使用ejs view用express js编写的。我不知道如何将数据库值传递到JavaScript中的列表，以及如何将此列表传递到ejs文件。add.js module.exports = { let query = "SELECT s
浏览 10提问于2019-05-29得票数 0
1回答
如何将动态转换的日期传递到html元素？
javascript、jquery、ajax、momentjs、ejs
我有我的倒计时div，如下所示:这里我必须用来自mmongodb的动态日期变量来设置data-countdown。我使用ejs模板存储在下面的脚本中，并将其转换为所需的格式，然后需要将其发送到html下面
浏览 0提问于2020-06-07得票数 0
1回答
ASP.Net MVC5中的同步树视图不呈现
asp.net-mvc、treeview、syncfusion
我已经从Syncfusion的示例中删除了视图的代码，呈现Treeview的行已经简化，以尝试显示一些内容。我正在将数据库中的数据加载到TreeViewFieldsSettings对象中，并将其传递给视图。我在布局页面中引用了ej2.min.js脚本。复选框(在我从Syncfusion复制的示例中出现)被呈现，因此我假设ej2.min.js是可访问的。我在控制器构造函数中设置了我的
浏览 2提问于2019-08-13得票数 1
回答已采纳
1回答
将UTC偏移量传递到控制器路由
asp.net-core、routes、utc、local-variables
id="clinics" dataSource="@Model.LinkableClinics" placeholder="Select Clinic" popupHeight="220px" ejs-for<ejs-datetimepicker id="startdatetimepicker" placeholder="Select a date and time" ejs-fo
浏览 1提问于2019-08-16得票数 0
回答已采纳
1回答
如何从MySQL数据库填充ejs表单下拉列表选项？
html、mysql、forms、ejs
<select name="Station_Type" class="form-control" name="Station_Type" id="Station_Type" autocomplete=">我希望这个下拉字段的选项值是由存储在MySQL数据库中名为'stationoptions‘的单独表中</e
浏览 0提问于2020-09-18得票数 0
1回答
EJS传播属性
express、ejs
如何将对象销毁到EJS中的元素属性？ 在JSX中，我会这样做： <div {...props}> </div> 我该如何用EJS实现这一点呢？
浏览 20提问于2019-09-17得票数 0
1回答
如何在JST下划线模板中访问Rails asset_path？
ruby-on-rails、ejs、underscore.js-templating
我需要从一个JST模板中访问我的图像的asset_path，这个模板是我的前端用来用下划线模板进行呈现的。例如：<div class="filter-item">
<a href="#" class="thumbnail filter-select" data-preset="<%= preset %>&
浏览 1提问于2015-02-05得票数 1
回答已采纳
1回答
Express.js :如何在单个html页面中链接多个模板？
express、mean-stack
注：是一个真正的乞丐，如果这个问题措辞不好，请用简单的关键词指导我，我会做作业的。
浏览 2提问于2015-09-17得票数 0
1回答
在SSIS包中运行插入查询
sql、visual-studio、ssis
我是SSIS包的新手。我必须运行一个INSERT查询，这将是一个SELECT查询的结果。1)我将使用ODBC source运行select查询，它将返回6列，其中一列将是插入查询。我尝试将查询放在平面文件目标(.sql扩展名)中，结果没问题，但无法获取它，我不知道为什么，可能是因为它是动态插入查询。
有人能帮我吗?我该怎么做呢？
浏览 0提问于2018-08-17得票数 0
2回答
如何读取存储在mongodb中的图片并在nodejs中显示
node.js、mongodb、express、heroku、ejs
我正在做一个nodejs应用程序，它显示存储在服务器上的图片，我使用multer将图片存储在同一目录中，我使用mongodb作为我的数据库来存储用户上传的图片的路径，然后我读取路径并显示图片，如下所示， <div class="post-image flex"><&#x
浏览 71提问于2020-07-18得票数 0
回答已采纳
2回答
未定义Ejs forEach循环。
arrays、node.js、express、foreach、ejs
因此，这是我的问题，我正在尝试在ejs中执行一个forEach，它将在页面上呈现html。这里是ejs forEach循环的存储页面。<% include _includes/header.ejs %> <% cards.forEach( card => { %><% include('_include
浏览 0提问于2018-07-25得票数 4
回答已采纳
1回答
如何将JSON数组对象从ejs传递给函数
javascript、node.js、ejs
在EJS模板中，我有一个按钮，它在单击时调用一个Javascript函数，该函数对JSON数组对象执行一些计算，并在html DIV元素上显示计算出的值。我不知道如何将JSON数组对象从ejs模板发送到javascript函数。文件(gallery.ejs)中的JSON数组对象‘data’，然后遍历它并访问JSON数组中的元素。;%> 但我需要在单击一个按钮时将ejs文件<e
浏览 25提问于2019-09-09得票数 1
1回答
如何将多个查询结果从后端发送到节点的前端
javascript、node.js
我正在为员工做一个简单的报到和退房系统。在主面板中，我想显示每天工作的小时数，在另一个领域，显示每周工作的总时数。现在我可以在一个表中显示每天的小时数，当我必须显示总数时，问题就出现了，因为我使用另一个查询对数据库进行了查询。 res.render('index', {results: result
浏览 4提问于2022-03-09得票数 2
回答已采纳
1回答
我是否可以在ejs中的for循环中使用部分？
for-loop、ejs、partials
我试图在EJS中的for循环中包含部分。<% let index = 1 %>
由于某些原因，For循环中定义的变
浏览 7提问于2022-01-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
