如何在我的ejs脚本标记中使用在server.js中创建的变量？
在ejs脚本标记中使用在server.js中创建的变量，可以通过以下步骤实现：
- 在server.js文件中创建变量，并将其传递给渲染ejs模板的路由处理程序。例如，假设我们在server.js中创建了一个名为"message"的变量：
const express = require('express');
const app = express();
app.get('/', (req, res) => {
const message = 'Hello, World!';
res.render('index', { message: message });
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});- 在ejs模板文件（例如index.ejs）中，使用<%= %>标记来输出变量的值。在这个例子中，我们可以这样使用"message"变量：
<!DOCTYPE html>
<html>
<head>
<title>My EJS Template</title>
</head>
<body>
<h1><%= message %></h1>
</body>
</html>在上述代码中，<%= message %>会被替换为在server.js中创建的"message"变量的值。
这样，当访问根路径时，服务器将渲染index.ejs模板，并将"message"变量的值传递给模板，最终在浏览器中显示出"Hello, World!"。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Real-Time Rendering (TRTR)）：https://cloud.tencent.com/product/trtr
相关·内容
我正在构建我的第一个NodeJS项目，它有很多文件管理功能。我想，为了让我的生活更简单，最好在我的脚本中创建一个传递的变量，这个变量在server.js标记中创建，这个标记存在于我的一个ejs文件中。这是我想要使用的代码示例： // My server.js file - I want to use the variable "files" inside my ejs script tag
app.get('/feed', (req, res) => {
let files = fs.readdirSync("./uploads"
浏览 21提问于2021-07-24得票数 0
4回答
我在8000端口上使用高速公路作为服务器。我希望将一个字符串值从高速公路文件发送到html脚本标记，并在脚本标记中使用这个字符串值。name变量现在以空字符串的形式出现。我如何console.log名称变量的值？
静态页面-server.js：
app.get('/index', function(req, res) {
var name = "hello";
res.render(__dirname + "/static-pages/journey-analize-report/index.html", {n
浏览 15提问于2022-02-07得票数 2
1回答
我在这里指的是这个文档：https://www.freecodecamp.org/news/develop-deploy-first-fullstack-web-app/#nextsteps 昨天，在您的帮助下，我成功地部署了一个静态网站。现在我正在尝试部署一个动态网站。我按照链接中的文章所描述的那样移动并命名了我所有的文件。 我的文件结构是这样的： ls -l
total 52
drwxr-xr-x 3 debian debian 4096 Apr 18 02:55 Concept
drwxr-xr-x 67 debian debian 4096 Apr 19 22:50 node_
浏览 23提问于2021-04-20得票数 0
1回答
我希望在脚本标记中使用ejs文件中的变量(或变量)，还希望将呈现的文件传递给函数，以便从ejs文件中获取屏幕快照。
但现在我有两个问题：
1.我不知道如何将服务器文件中的变量传递给ejs文件，并在没有app.get的情况下呈现和使用它.因为它是服务器端，我想使用html文件。
2.我不知道如何在脚本标记的ejs文件中使用变量
这些是我的档案：
index.ejs
<div id="tvchart"><% symbol %></div>
<script>
//some codes
var symbolD =<%= sym
浏览 8提问于2022-01-07得票数 -1
3回答
我使用的是带有节点js的express js框架，在我的server.js文件中，我使用了
app.use('/api',router);
在我的ejs文件中，当我使用脚本标记时
<script src = main.js>
我得到一个错误“不能获取”--如何将这些文件包括在ejs中
救命啊！
浏览 5提问于2016-10-07得票数 5
回答已采纳
我知道这可能看起来像一个愚蠢的问题，但即使我看过所有的例子，我也不能把它弄得太好。我的Javascript文件中有以下代码
server.js
// Google Maps Locaton
googleMapsClient.geocode({
address: city
}, function(err, response) {
if (!err) {
basicLocation = response.json.results[0].formatted_address;
console.log(basicLocation);
}
浏览 0提问于2018-08-30得票数 0
1回答
我正在尝试向我的ejs模板中添加帮助函数。我遵循了链接中提供的答案。然而，它似乎不起作用。ViewModel对象中的所有其他属性都会出现，但时间戳属性除外，后者将传递给app.locals中的时间戳函数。
正在呈现给主模板的对象
const ViewModel = {
image:{
uniqueId: 1,
title: 'Sample Image 1',
description: 'This is a sample.',
filename: 'sample1.jpg',
浏览 1提问于2020-06-30得票数 1
回答已采纳
1回答
名为'classGroup‘的变量是在渲染过程中从服务器文件传递的变量，它在使用is语法( <%= %>)的ejs文件中的html代码中得到了很好的使用，它也被用于同一个ejs文件中的脚本标记中。 此外，由于此变量是在服务器端使用paginate()进行分页的，因此数据数组包含在文档中。 如果使用ejs语法( <%= %>)在classGroup标记内写入此脚本变量，则无法识别其中的'i‘。 我如何才能让“i”在<%= %>中工作？ <script>
let len = <%=classGroup.totalDoc
浏览 57提问于2021-10-26得票数 0
我使用Node.js与Express和EJS模板，我希望动态管理我的HTML。
在这一次，我有：
- server.js
- views/
- - template.ejs
- - layout.ejs
在我的server.js中，我使用数据加载模板视图，并使用<% include %>加载模板上的布局：
server.js
var data = { some: 'stuff'};
res.render('template', data);
template.ejs
<% include layout %>
在这一阶段，代码工作非常好，
浏览 5提问于2014-06-30得票数 1
回答已采纳
我正在尝试使用Node.JS将过滤器应用到EJS，我得到了下面的错误。我希望消息内容以大写字母显示。
D:\Apps\Templating\ejs>node server.js
D:\Apps\node_modules\ejs\lib\ejs.js:470
throw e;
^
SyntaxError: Unexpected token : while compiling ejs
at Function (native)
at Object.Template.compile (D:\Apps\node_m
odules\ejs\lib\
浏览 2提问于2015-07-16得票数 1
回答已采纳
如果已将目录提供给位于主目录中的server.js文件中的节点应用程序，则使用：
app.use("/scripts",express.static(__dirname + "/scripts"));
我试图使用该目录中的一个文件(/script/custom.js)中的require，使用：
var Testing123 = require('../app/models/article');
难道这是不可能的吗？这个问题有解决办法吗？
编辑:在我的一个视图(视图/tree.ejs)中，我使用：
<script type=
浏览 1提问于2015-04-11得票数 0
回答已采纳
如何渲染我的"firstsolution.ejs“页面？我有"server.js"，"routes“文件夹，其中包含"firstsolution.ejs”和"views“文件夹，其中包含" solutions”文件夹和solutions文件夹，其中包含“solutions 1.ejs” enter image description here server.js代码为： const fisrtsolution = require("./routes/firstsolution"); firstsolution.ej
浏览 30提问于2020-03-25得票数 1
回答已采纳
2回答
我想加载一个JS文件到我的EJS文件，但它找不到JS文件。 我使用"app.use('/'，express.static(path.join(__dirname，‘/frontend’)；“，但是它不工作。 或者有没有更好的方法而不是将js文件包含到ejs文件中。 .. 文件夹结构： │
├──server.js
├──package-lock.json
├──package.json
│
├── js/
├── data.js
├── node_modules/
└── views/
├── index.ejs
└── 404.ejs ser
浏览 33提问于2020-12-30得票数 0
2回答
我有一个Node Js项目，其中所有前端文件都在.ejs中，它调用server.js来做后端工作。
1)与html相比，ejs是否提供了更多功能？
2)这是节点expressJs功能吗？
3)能否将angularJs的扩展名保留为.ejs？例如：ng-controller混淆；-)
浏览 1提问于2016-03-18得票数 6
回答已采纳
我正在将MongoDB数据传递到我的EJS文件中。我可以使用超文本标记语言中的<% %>标记来访问数据。我遇到的问题是，我需要访问<script>标记中的数据，而<% %>标记不再起作用。 我尝试过的东西： 将数据添加到隐藏输入并使用document.getElementById().value进行访问 我尝试过在脚本标记中使用mongo数据的任何示例，但大多数答案都与HTML/EJS中的<% %>相关。 locationSchema const locationSchema = new Schema({
lat: String,
浏览 22提问于2019-04-26得票数 0
回答已采纳
1回答
我使用ejs模板与node.js一起打印发票，代码如下
ejs文件
<img style="margin-top: 0px;margin-left: 0px; margin-top:5px;" src="logo.png" height="100" alt="">
server.js
app.use('public', express.static(__dirname + 'public'));
目录
浏览 0提问于2018-10-02得票数 0
2回答
我对Node.js/Express/EJS相当陌生。
我最近注意到，当我将参数从Express请求处理程序传递到EJS视图并省略参数名称时，它将根据变量名创建一个名称。例如，在下面的代码中，
//server.js
var express = require('express');
var app = express();
app.set('view engine', 'ejs');
app.get('/', function(req, res){
var products = [
{ name: &
浏览 2提问于2016-06-06得票数 3
回答已采纳
我需要知道如何将服务器端对象作为参数传递给javascript和ejs中的javascript函数。
我有头文件，onclick函数生成url，但我需要将serverside对象作为参数传递给函数
server.js
var express = require('express');
var router = express.Router();
router.get('/', function (req, res) {
var obj ={"contact" : "fs-xi-fs-men", "aboutus
浏览 5提问于2019-07-05得票数 0
加载页面时，
出什么事了
出现了，但script.js的“你好世界”却没有出现。有什么帮助吗？
目录如下所示
project
|
+-- node modules
|
+-- javascript
| |
| +-- script.js
|
+-- views
| |
| | +-- index.ejs
|
+-- server.js
|
+-- package.json
index.ejs文件
<html lang="en">
<head>
<meta charset=
浏览 3提问于2020-10-15得票数 2
回答已采纳
我找不到一种方法将外部.js文件包含到Node模板中。我想把逻辑和数据放到外部.js文件中的对象中，将该文件包含到index.ejs模板中，并从中提取数据。
我尝试用标准的方式插入<script src="sample.js"></script>，但它不起作用
然后，我尝试了ejs特定的关键字<% include partials/sample.js %>，这只适用于添加部分(ejs代码片段)。
我在可执行文件server.js中定义的静态目录中插入了.js文件，再次没有结果。
但有趣的是，将css文件包含到ejs模板中的经典方式工作得很好，
浏览 2提问于2017-10-29得票数 11
回答已采纳
1回答
Suppose i have the following directory.
|--Views/
| --partial/
| --links.ejs
|
|--assets/
| --css/
| --styles.css
|
|--server.js
links.ejs代码
<link rel="stylesheet" type="text/css" href="css/forms/switches.css">
SERVER.JS代码
const express = req
浏览 2提问于2020-03-20得票数 0
我希望将数据从后端发送到前端公共javascript文件。我知道使用ejs，但是我有一个专用的javascript文件，我想将数据发送到该文件。
下面是我的后端nodejs代码：
router.get('/', isAuth, function (req, res) {
User.find({ id: req.user[0].id }).populate("tweets").populate("tags").exec(function (err, user) {
res.render("dashboard", {user:
浏览 0提问于2021-03-25得票数 1
回答已采纳
2回答
当我用NodeJS将一个变量传递给我的html页面时，我可以使用内联脚本访问它，如下所示：
// passing myVar from the server
router.get('/', (req, res) => {
res.render('index', { myVar: 'test'});
});
// access in index.ejs
<script>
let myVar = <%- JSON.stringify(myVar) %>;
alert(myVar);
</script&
浏览 5提问于2016-09-29得票数 3
回答已采纳
1回答
我有一个index.ejs文件，其中我使用了脚本标记，并为dom操作编写了一些javascript。现在，我想从这个文件中使用一个变量到我的app.js文件。如何做到这一点？对于引用ejs文件的变量，我们如下所示：
{someVariable:value}
我只想反之亦然，即在ejs文件的脚本标记中声明的访问变量到app.js文件。
//index.ejs
<script>
window.onload=function(){var c = document.getElementById("city_search").options[1].value;
浏览 1提问于2018-11-11得票数 0
回答已采纳
1回答
假设我有一个包含以下目录的node.js和Express项目：
server.js
package.json
views
index.ejs
css
style.css
js
script.js
video
vid.mp4
img
bg.png
当我试图运行这个项目时，我的index.ejs会显示出来，但是视图文件夹中的其他文件不会出现。我怎么才能解决这个问题？
提前感谢！
浏览 1提问于2014-08-15得票数 0
回答已采纳
我尝试在我的文件'index.ejs‘中应用一个循环，但它没有显示信息。通过一些测试，我发现文件server.js正确地提取了数据，页面也正确地列出了<li> (在db中有4行，在<li>结构上有4行)。 See my HTML code here: See my server.js here See the HTML result that I mentioned here
浏览 0提问于2021-04-30得票数 0
回答已采纳
1回答
我有一个api.js文件，在这里我创建了几个XHR-等式。我在脚本标记中使用.ejs文件，但是它变得太拥挤了。所以，当我把所有东西都移到api.js之后，我就不能再访问它的数据了。
每次我试图从我的app.js中要求它时，我的程序就会崩溃。[nodemon] app crashed - waiting for file changes before starting...我试着把它放进我的public文件夹和一些其他地方，但是它从来没有起作用。
我应该像导出数据模式那样从api.js导出数据吗？如果是这样的话，我怎么做呢？(有点像module.exports = mongoose.model(
浏览 1提问于2018-12-03得票数 0
我在一个新的门户网站工作。到目前为止，使用express和node.js，我有一个服务器和一些ejs文件。
我网站的身体结构如下：
- node modules
- public
--javascript
---myScript.js
-views
--pages
---index.ejs
---about.ejs
--partials
---footer.ejs
---head.ejs
---header.ejs
package.js
浏览 0提问于2019-03-24得票数 2
1回答
我希望访问EJS文件的脚本标记中的JSON数组。我正在将JSON数组从我的index.js文件传递到EJS文件，同时呈现它。守则是：
sampleJArr=["data1","data2","data3"];
app.get('/test', function(req,res){
res.render('testfile',{
'mJsonArr': sampleJArr
});
在EJS文件(testfile.ejs)中，代码-：
<div>
<!--Printing th
浏览 0提问于2018-02-03得票数 0
回答已采纳
2回答
面临着奇怪的问题:无法为express js设置静态文件夹。
应该是静态的文件夹：/Users/user/Sites/move/assets
Server.js文件：/Users/user/Sites/move/app/server.js
我使用的网址：http://localhost:5001/assets/css/bootstrap.css
Server.js文件如下所示：
function Run(config) {
var express = require('express'),
ejs = require('ejs
浏览 0提问于2014-01-26得票数 0
3回答
我正在开发一个初学者节点js服务器。我能够使用ejs模板呈现动态html，但我不能将css样式链接到它们。
我已经设置了一个公共目录来存储像图像和外部css文件这样的资产。我已经链接到静态内容来表示使用
app.use(express.static('/public', __dirname + '/public'));
我的公用文件夹具有呈现的图像(.jpg)，但公用文件夹中的css无法呈现。
file structure :
node_modules
models
views
public > app.css, hero.jpg
server.js
p
浏览 0提问于2019-07-14得票数 0
1回答
我尝试使用
app.set('title', 'My Site');
在ejs模板中，我尝试使用它。
<h1 class="logo"><a href="index.html"><%= title %><span>.</span></a></h1>
但是，越来越少的错误。
title is not defined
at eval (eval at compile (D:\crypto_assets\node_modules\ejs\lib\
浏览 1提问于2021-05-26得票数 0
回答已采纳
1回答
我在我的views/layout.ejs上有这样的ejs布局 <html>
<head>
<title>title</title>
</head>
<body>
<%- body %>
</body>
</html> 然后，在我的views/login/login.ejs上，我有。 <h1 class="login">Login</h1> 我试图链接css文件与我的login.ejs文件，但我怎么做呢？我已经读过this了，它说我们应该在lay
浏览 61提问于2021-01-04得票数 0
2回答
我创建了一个应用程序，客户端有一个按钮。单击按钮时，我希望在服务器端运行sql查询。有办法这样做吗？
index.ejs
<button onclick='add()'>+1</button>
server.js
let express = require('express')
let mysql = require('mysql')
let app = express()
app.set('view engine', 'ejs')
app.use(express.static('
浏览 2提问于2022-06-04得票数 0
回答已采纳
1回答
我有带有查询的server.js文件：
app.get('/tasks', function(req, res) {
pool.query('SELECT * FROM tasks ORDER BY task_id ASC', (error, results) => {
if (error) {
throw error
}
console.log(results.rows[0]);
res.render('pages/tasks', {data: results.rows});
})
})
浏览 1提问于2021-01-31得票数 1
回答已采纳
我得到这个错误，我找不到解决方案我的代码是正确的，我想这是一个视频课程，我可以通过instagra api显示来自instaram的流行照片，但当我尝试执行节点运行正常时，我得到了这个错误我无法理解我的错误
TypeError:\Desktop\instagramApp\views\pages\index.ejs:13
11| <main>
12| <div class="row">
>> 13| <% grams.forEach(function(gram) { %>
14| <div class=&#
浏览 0提问于2015-11-30得票数 1
我已经将js放在一个公共目录中，并试图在我的HTML中加载js，但是得到了一个错误。
var express=require('express');
var bodyparser=require('body-parser');
var path=require("path");
var multer=require("multer");
console.log(__dirname);
var app=express();
var upload = multer({ dest: __dirname + '/uploads/
浏览 0提问于2018-10-27得票数 5
1回答
此代码：
var app = require('express').createServer();
var ejs = require('ejs');
var fs = require('fs');
var indexTemplate = fs.readFileSync(__dirname + '/templates/index.html');
app.get('/', function(req, res){
res.end(ejs.render(indexTemplate, {}));
});
给出以下
浏览 1提问于2012-02-23得票数 3
回答已采纳
2回答
我想在ctx.session.userID有值时将登录按钮更改为注销，我尝试使用ejs引擎，但它不起作用，有什么问题吗，或者其他更好的方法。这是server.js： const M = require('./model')
const Koa = require('koa')
var serve = require('koa-static')
const session = require('koa-session')
var KoaRouter = require('koa-router')
var koaLo
浏览 32提问于2019-12-17得票数 0
所以我是一个初学者，我正在学习HTML，CSS，JS，EJS，Express和制作web应用程序。基本上，我正在尝试学习完整的堆栈。我目前正在开发一个web应用程序，我正在使用EJS作为我的模板引擎，以及用于我的web应用程序的非动态部分的静态HTML文件。
我可以让HTML在EJS模板中完美地工作，但是我遇到了让我的CSS工作的问题。
我已经为静态文件的服务设置了路由：
app.set("view options", { layout: false });
app.use(express.static(__dirname + "/public"));
CSS看
浏览 0提问于2019-10-24得票数 1
1回答
最近，我成功地在Webpack 4中使用了ejs-loader。但是，当index.html启动时webpack创建了一个脚本标签：<script type="text/javascript" src="main.js"></script>，我开始遇到麻烦。他的src是不正确的，因为如果我们查看我的构建，我需要src="/dist/main.js"：
node_modules/
dist/
index.html
main.js
publics/
src/
views/
server.js
package.json
浏览 0提问于2018-09-11得票数 1
回答已采纳
1回答
未定义要求函数
、、
我正在使用速成的3D浏览器工作。
我的问题是，我试图在JS文件的一个(而不是主)中要求文件系统模块。当我试图加载浏览器时，控制台会给我下一条消息：
ReferenceError:未定义要求
我的项目结构是：
node_module
钢筋混凝土
js
app.js //问题就在这里
- views
- index.ejs
server.js
浏览 4提问于2020-02-25得票数 0
回答已采纳
1回答
我想在ejs中使用脚本函数。
我以为这会很简单，但不管我怎么搜索，我都找不到任何信息。
test.ejs
<body>
<h1><% sum_ab(1,2) %></h1> // I want 3 to come out here.
<script>
function sum_ab(a,b) {
var sum = a+b;
return sum;
}
</script>
<body>
错误消息: sum_ab未定义为
我想知道如何在ejs文件中使用脚本函数。
浏览 1提问于2019-11-12得票数 1
1回答
我试图在视图(.ejs文件)中运行一个查询。但是，由于关键字require没有在.ejs文件中定义，所以我需要从我的主文件server.js导出它。
我的server.js文件的全部代码如下所示，这是我需要帮助的特定片段。
app.engine('html'，要求(‘ejs’).renderFile)；
exports.profile =函数(req，res) {
res.render('profile'，{ mysql: mysql })；}
我需要能够在我的mysql.createConnection文件中使用profile.ejs。
任何帮助都会很好。
浏览 2提问于2017-06-01得票数 2
我目前正在接近结束我的项目，但有一个错误，我仍然收到。我似乎不明白为什么我会收到这个错误：
“未能加载资源:服务器响应状态为404 (未找到)”。
下面是我的文件布局，server.js和脚本标签。我的布局和我以前做过的所有其他项目一样，但是由于某种原因，这个错误不断出现。
server.js
"use strict";
// DEPENDENCIES
require("dotenv").config();
const express = require("express");
const session = require("exp
浏览 4提问于2021-12-21得票数 1
回答已采纳
1回答
我使用这个作为参考来构建一个简单的ejs应用程序。项目结构：
视图
-部分
- head.ejs
-页
- index.ejs
package.json
server.js
server.js：
const express = require('express'),
app = express();
app.set('view engine', 'ejs');
app.use(express.json());
app.use(express.static('public'));
app.get('
浏览 1提问于2020-04-06得票数 1
回答已采纳
我有一个使用Mongoose与MongoDB数据库对话的Node/Express应用程序。Express服务器配置在一个名为server.js的文件中，模式位于一个单独的models.js文件中。按照我到目前为止看到的每个项目和教程，我在两个位置都配置了mongoose.connect()：
// server.js
const express = require('express');
const cookieParser = require('cookie-parser');
const bodyParser = require('body-pars
浏览 3提问于2017-08-07得票数 1
回答已采纳
1回答
我有一个问题，是否可以在nodejs中定义一个变量，然后在ejs页面中使用它？例如，在nodejs中，var newOne = "Yes“。然后，我想在ejs页面中使用这个变量，在它的脚本标记中检查这个变量是否等于yes。我试过了，但它总是以未定义的变量结束。
一个人是怎么做到的？
浏览 2提问于2021-02-10得票数 1
回答已采纳
我是nodejs和expressjs的新手，所以我正在尝试构建简单的web应用程序来掌握这两个框架。在这里，我构建了一个具有以下架构的项目：
js
test.js
views
index.html
server.js
我的服务器文件如下所示：
var fs = require("fs");
var host = "127.0.0.1";
var port = 1337;
var express = require("express");
var ejs = require("ejs");
var server =
浏览 0提问于2014-02-26得票数 2
我尝试在我的ejs按钮中添加onclick函数，但它没有调用我的index.js中的函数。以下是视图文件夹中的ejs按钮
<button onclick="test();">test</button>
这是我的index.js
const express = require('express');
const app = express();
const ejs = require('ejs'); //to connect to ejs files
const path = require('path'
浏览 4提问于2022-04-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
