ejs 相关问题

“E”代表“有效”。 EJS是一种简单的模板语言,可让您使用纯JavaScript生成HTML标记。没有关于如何组织事物的宗教信仰。没有重新发明迭代和控制流。它只是简单的JavaScript。

我收到“拒绝执行来自‘http://localhost:3000/js/dashboard/dashboard.js’的脚本,因为其 MIME 类型(‘text/plain’)不可执行

我的代码在我使用时有效 //我的js代码 但我试图将 JavaScript 代码放在 ejs(HTML) 文件之外, 我创建新的 js 文件,将代码放入其中 我导入到我的...

回答 1 投票 0

尝试更新我的 Node.js 应用程序中的用户,但出现错误。但是,当我使用 Postman 时,更新可以正常工作

//控制器 Exports.updatedTransingUserData = (req, res) => { const traningId = req.params.id; const updateUserData = req.body; // 请求体中更新的用户数据 // 你...

回答 1 投票 0

如何在不写太多代码的情况下导航到一个html文件中的多个ejs文件

我想导航到我的html文件中的多个ejs文件,而不是在我的server.js中编写太多行代码 我安装了 Express 并且隐藏了我的文件扩展名。 这是我的代码。 超文本标记语言 我想导航到 html 文件中的多个 ejs 文件,而不是在 server.js 中编写太多代码行 我安装了 Express 并且隐藏了我的文件扩展名。 这是我的代码。 HTML <a href = "/contact"> Contact Us </a> <a href = "/about"> About </a> <a href = "/pricing"> Pricing </a> 服务器.js app.get("/contact", function (req, res){ res.render("contact") }); app.get("/about", function (req, res){ res.render("about") }); app.get("/pricing", function (req, res){ res.render("pricing") }); 请注意,此方法非常有效 现在,如果我有很多 ejs 文件想要链接到我的 html,该怎么办。 是否有另一种编写方式,这样我就不必一遍又一遍地编写相同的代码? 您可以指定要处理的命令数组,然后循环它,例如: let commands = ['command1', 'command2', 'command3']; for (let command of commands) { app.get(`/${command}`, function (req, res){ res.render(command) }); } 这无疑是一种简单化的方法,如果需要,您可以详细说明。 示例:文件名 header.ejs:在此文件中,放置标头或任何内容的代码。 现在将此代码放在内容、索引等的任何位置。 <%- include('header'); %> ('...'代表路径名) 您可以在任何地方、任意次数使用它,如下所示: <div> <%- include('header'); %> </div> <div> <%- include('header'); %> </div>

回答 2 投票 0

带有自定义纬度和经度值的传单地图未渲染

我正在使用Where the ISS at API来获取ISS的当前纬度和经度值。服务器端请求如下所示: app.get("/坐标", async (req,res) =>{ ...

回答 1 投票 0

引导表中的行自动垂直对齐

我正在我的私人项目表中完成通过数据库中的数据完成的操作。我希望行在标题下垂直呈现(问题底部的屏幕截图)。我尝试了大部分

回答 1 投票 0

无法在 Express 应用程序中的 app.js 之外登录

我正在使用 Node.js 开发 Express 应用程序,并且遇到在 app.js 文件外部生成日志的问题。这是我的设置: 在我的 app.js 文件中,我能够按预期生成日志...

回答 2 投票 0

具有相同功能的两个脚本之间的差异(Express.js / Node.js / EJS)

我正在学习一门课程,其中包括一项练习,要求我: 创建一个 index.ejs 文件,其中包含 h1 以及名字和姓氏的两个输入(表单) 在index.js 文件中,取...

回答 1 投票 0

使用 AJAX 请求更新 ejs 模板

我正在创建一个网络应用程序,当用户搜索特定成分时,该应用程序会返回食谱。我正在使用 edamam api 并决定使用分页,以便我可以加载更多相对于...的食谱。

回答 1 投票 0

使用 forEach 渲染计数器(EJS 和 JS)

我必须使用 EJS 制作一个主页,其中包含产品卡,并在购物车按钮上附加了计数器。我目前正在研究计数器,它有两个按钮(减号和加号)和一个跨度,其中 n...

回答 1 投票 0

缺少 )

我的partials文件夹中有这个文件“productosofertas.ejs”,它包含在我的视图文件“ofertas.ejs”中。 这是 ofertas.ejs 代码: <%- include("partials/head&q...

回答 1 投票 0

用户名常量返回 null?

所以我有一个 EJS,用于在我的 Web 应用程序上生成 CRUDS 操作的接口, 对于这个特定问题,数据库中现有用户的表已正确呈现为正确的

回答 1 投票 0

类型错误:无法读取未定义的属性(读取“护照”)

开发人员大家好,我目前正在做一个项目,需要我从数据库显示我的用户配置文件,但我遇到了问题。我使用expressjs 和 mongoDB 作为我的数据库。我会很...

回答 1 投票 0

EJS include 语句强制将 html 部分内容放入 body 标签中

我在使用 EJS 强制将包含的 ejs 部分元素的内容放入 body 标记中时遇到麻烦。 索引.ejs 世界你好!&l... 我在使用 EJS 强制将包含的 ejs 部分元素的内容放入 body 标记中时遇到麻烦。 index.ejs <!DOCTYPE html> <html> <body> <p>Hello World!</p> </body> <footer> <%- include("../partials/footer") %> </footer> </html> 部分/footer.ejs <div> <h3>Legal</h3> <a href="/legal/terms">Terms of Service</a> </div> 尽管这样做的结果是页脚位于正文标记内部,正如您从检查页面选项卡中看到的那样: 这就是浏览器解析 HTML 的方式。与EJS无关。 footer元素不允许成为html元素的子元素,因此为了从错误中恢复,浏览器会将其移动到允许的body元素内。

回答 1 投票 0

我们怎样才能延迟执行html代码

我希望html代码部分仅在提交上述表单时执行。 我希望html代码部分仅在提交上述表单时执行。 <body> <form action="/Recipes" method="post"> <input type="text" name="recipeName" placeholder="Enter recipe Name" required> <button>Find</button> </form> <!-- The below code should only run once the above form is submitted and should not be executed on the page load --> <section class="GPT"> <h1><%= Name %></h1> <% Instructions.forEach(function(instruction) { %> <ul><%= instruction %></ul> <% }); %> <a href="/"><button>Home</button></a> </section> </body> 以下是我正在使用的技术: NodeJS EJS JavaScript 我尝试使用 JavaScript 中的函数,这些函数只能在提交表单后调用。 我使用了一个名为 Submitted 的附加变量,并在页面加载时将其设置为 false。 app.get('/Recipes', (req, res) => { // Render the EJS template with submitted set to false (initial page load) res.render('recipe', { submitted: false }); }); 每当输入菜谱名称并提交表单时,将提交的变量设置为 true。 app.post('/Recipes', (req, res) => { // Set submitted to true to render the specific code res.render('recipe', { submitted: true, Name: 'Recipe Name', Instructions: ['Step 1', 'Step 2'] }); }); 这是我如何实现它的完整代码- EJS模板文件: <body> <form action="/Recipes" method="post"> <input type="text" name="recipeName" placeholder="Enter recipe Name" required> <button>Find</button> </form> <% if (submitted) { %> <!-- The below code will only run if the form is submitted --> <section class="GPT"> <h1><%= Name %></h1> <% Instructions.forEach(function(instruction) { %> <ul><%= instruction %></ul> <% }); %> <a href="/"><button>Home</button></a> </section> <% } %> </body> 服务器端代码(NodeJS) app.use(bodyParser.urlencoded({ extended: true })); app.set('view engine', 'ejs'); app.get('/Recipes', (req, res) => { // Render the EJS template with submitted set to false (initial page load) res.render('recipe', { submitted: false }); }); app.post('/Recipes', (req, res) => { // Process the form submission here // Set submitted to true to render the specific code res.render('recipe', { submitted: true, Name: 'Recipe Name', Instructions: ['Step 1', 'Step 2'] }); });

回答 1 投票 0

使用将对象推送到我的主题数组时遇到问题

我正在一个论坛上工作。这是我的主题架构 const topicSchema = new mongoose.Schema({ 作者: { 类型:字符串, ref: "User", // 引用更新主题的用户...

回答 1 投票 0

解决 Express.js 应用程序中字体和图像文件的 404 错误

我在尝试在 Express.js 应用程序中加载字体和图像文件时遇到 404 错误。我尝试了各种方法,包括在 HTML 中使用标签,但有些资源仍然不...

回答 1 投票 0

EJS模板中要调用的JS函数应该在哪里定义

我正在开发一个模板,尝试使用express和ejs渲染模板。至于节点应用程序的标准结构,我有 app.js 文件,其中包含如下功能: 应用程序。

回答 8 投票 0

如何添加删除待办事项列表中内容的功能?

我正在使用express和ejs创建一个待办事项列表。我想在我的待办事项列表中添加功能,当我选中复选框时,我希望该特定内容被删除。 待办事项清单片段 首先...

回答 1 投票 0

从 mongoose 传递“_id”时得到空字符串

我正在使用 Node js、express 和 mongoose 创建一个待办事项列表应用程序。 现在我正在尝试删除项目功能,使用表单中的复选框将 item._id 传递给 Express, 我的数据类型...

回答 1 投票 0

根据用户选择的选项值,将 MondoDB 中的条件内容显示到列表元素

我正在尝试在网页上有条件地显示 MongoDB 中的文档。用户应该从选择元素中选择一个选项,这将相应地过滤文档。如果用户选择...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.