ejs 相关问题

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

使用 EJS 模板时 Nodemailer 发送空白电子邮件

当启动页面上的提交按钮被点击时,我的服务器中的以下代码成功发送电子邮件。我正在提取来自 mongoDB 用户输入的列表。当我呼叫控制台时....

回答 2 投票 0

Visual Studio Code 无法识别 EJS

我正在尝试按照本教程在 VS Code 中的 EJS 中编写一些代码。我按照视频的说明运行 npm i express ejs 来安装 Express 和 EJS,并且在 co...

回答 9 投票 0

如何不断更新HTML标签以从EJS和后端获取值?

我对前端有一个非常基本的要求,我想每秒更新传入的图像,但我不知道该怎么做...... 以下是我想要更新值的标签 - ...

回答 1 投票 0

使用 HTML 和 Puppeteer 时出现 PDF 字体大小问题

我正在尝试使用 HTML 在浏览器(chrome v8)中生成 PDF,并将其发送到 puppeteer。 html 是使用 ejs 生成的,因为 PD 的某些部分有动态内容......

回答 2 投票 0

如何在EJS中使变量可选? [重复]

在模板中,我有一个变量,我想显示其值,但我希望它是可选的。 这是我所拥有的: 标题 <%= message %> 然后我用: 应用程序...

回答 1 投票 0

在 Express 上调用多个文件 - EJS

我正在为我的网络应用程序使用express 4 - ejs组合,我想知道如何根据被调用的路由/url来渲染多个文件。 假设我有 header.ejs 我想要

回答 2 投票 0

如何在nodejs Express验证器中检查DOB是否小于DOD

我正在使用快速验证器在nodejs中进行验证。如果用户选择的出生日期大于死亡日期,我需要显示错误消息。 check('dob').notEmpty().bail().withMessage('P...

回答 1 投票 0

EJS:app.set('views',viewsPath)没有效果

依赖关系: "ejs": "^3.1.9", "express": "^4.18.2", 我的文件夹结构如下: /usr/src/应用程序/ | |-app.js |- 网站/src/views |- myView.e...

回答 1 投票 0

我想使用数组元素循环引用模式

我想循环遍历带有数组元素的引用模式,但打印了一些名为 *ref 的内容,如果是的话,这是什么?它意味着什么吗? [ 嵌入文档 {

回答 1 投票 0

无法在 Express.js 应用程序中从购物车中删除产品

我目前正在开发一个 Express.js 应用程序,用户可以在其中将产品添加到购物车并删除它们。但是,我面临一个问题,即产品删除功能不可用...

回答 1 投票 0

如何修改HTML结构来保证两个表单标签独立工作?

我正在开发一个网络项目,在同一页面上有两个表单标签,每个标签都有不同的用途。但是,内部表单标签似乎无法正常工作。我怀疑可能...

回答 1 投票 0

如何在 ejs 中显示 YouTube 视频

我正在开发一个网络应用程序来显示 YouTube 视频。该应用程序是使用node.js 和express 开发的。所以我想在html中显示视频,它被写成ejs。 代码如下: 我正在开发一个网络应用程序来显示 YouTube 视频。该应用程序是使用node.js 和express 开发的。所以我想在html中显示视频,它被写成ejs。 代码如下: <li> <video controls="true" src="<%= problem.solution %>" autoplay="none" preload="auto" width="600" height="400"> </video> </li> 但是根本玩不了,有人可以给我一些想法吗?或者一些关于如何解决的材料? <iframe width="1020" height="815" src= <%= g.url %> ></iframe> 这是我使用的,它作为视频的链接,您需要使用视频的嵌入链接。 要获取嵌入链接,请按共享按钮,然后您可以获得带有工作链接的 iframe 示例。 要将 YouTube 视频嵌入到您的 EJS 模板中,您不应使用 <video> 标签,因为 YouTube 视频不能直接作为视频文件嵌入。相反,您应该使用 YouTube 提供的 YouTube 嵌入代码。 具体操作方法如下: <li> <iframe width="600" height="400" src="https://www.youtube.com/embed/<%= getYoutubeVideoId(problem.solution) %>" frameborder="0" allowfullscreen></iframe> </li> 在此代码中,<%= getYoutubeVideoId(problem.solution) %>是从 YouTube URL 中提取视频 ID 的函数的占位符。 function getYoutubeVideoId(url) { // Example URL: https://www.youtube.com/watch?v=dQw4w9WgXcQ // Extract the video ID from the URL var video_id = url.split('v=')[1]; var ampersandPosition = video_id.indexOf('&'); if (ampersandPosition != -1) { video_id = video_id.substring(0, ampersandPosition); } return video_id; }

回答 2 投票 0

你能使用 Express JS 渲染纯 HTML 而不使用 Ejs 或其他吗

大家好,我希望你们一切都好。我是一名大学生,我只是在一个简单的 Express 应用程序上练习 JavaScript。在这里我面临一个问题,右边我有简单的 HTML 和 bootstrap For...

回答 1 投票 0

尝试为用户制作一个3步程序

我正在尝试获得具有相同宽度和高度的响应式圆圈,而且我希望水平线位于中心。 并且数字也将集中在 ci 的中间...

回答 1 投票 0

成功删除请求后,在 Express.js 中渲染页面时出现问题

我正在使用 Node.js 、 MongoDB 和 ejs 构建一个简单的 URL 缩短项目,但我遇到了一个问题,即在成功处理 DELETE 请求后无法呈现页面。 “删除”...

回答 1 投票 0

如何在ejs中更改图像src,以防从OMDb API获取的某些图像的src =“N/A”

我使用 OMDb 的 API 将电影数据使用到我的网站,但有些电影没有海报数据,因此它发送 src =“N/A”。 我使用 OMDb 的 API 将电影数据发送到我的网站,但有些电影没有海报数据,因此它发送 src =“N/A”。 <img src="<%=movie.Poster%>" alt="movie's poster" width="300px" height="450px">。 我在 ejs 中使用此代码来获取图像,但我想在图像 src 为 src="N/A" 时更改它。 有人可以帮忙吗? 这是我的完整代码: index.js import express from "express"; import bodyParser from "body-parser"; import pg from "pg" import axios from "axios"; const app = express(); const port = 3000; const API_URL = "https://www.omdbapi.com" const apikey = "f01dd666" let defaults = [ { Title: "The Shawshank Redemption", Year: "1994", imdbID: "tt0111161", Type: "movie", Poster: "https://m.media-amazon.com/images/M/MV5BNDE3ODcxYzMtY2YzZC00NmNlLWJiNDMtZDViZWM2MzIxZDYwXkEyXkFqcGdeQXVyNjAwNDUxODI@._V1_SX300.jpg" }, { Title: "The Godfather", Year: "1972", imdbID: "tt0068646", Type: "movie", Poster: "https://m.media-amazon.com/images/M/MV5BM2MyNjYxNmUtYTAwNi00MTYxLWJmNWYtYzZlODY3ZTk3OTFlXkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg" }, { Title: "Breaking Bad", Year: "2008–2013", imdbID: "tt0903747", Type: "series", Poster: "https://m.media-amazon.com/images/M/MV5BYmQ4YWMxYjUtNjZmYi00MDQ1LWFjMjMtNjA5ZDdiYjdiODU5XkEyXkFqcGdeQXVyMTMzNDExODE5._V1_SX300.jpg" } ]; let movies = defaults; const db = new pg.Client({ user: "postgres", host: "localhost", database: "permalist", password: "Atearose01", port: 5432, }); db.connect(); app.use(bodyParser.urlencoded({ extended: true })); app.use(express.static("public")); app.get("/",async(req,res)=>{ res.render("index.ejs",{Movies:movies}); }) app.post("/",async(req,res)=>{ movies=[]; const title = req.body.title const type = req.body.type try{ const result = await axios.get(`${API_URL}/?apikey=${apikey}&s=${title}&type=${type}`); const data = result.data; //console.log(data.Search); const response = data.Response; //response if(response === "False"){ //for respone "False" const error = data.Error; //error res.render("index.ejs",{Movies:movies,Error:error}); movies = defaults; //reset }else{ // for respone "True" const searchResult = data.Search; const first10movie = searchResult; //show only first 10 movies of searching //console.log(searchResult); movies=first10movie; //console.log(movies); res.redirect("/"); } }catch(err){ console.log(err); } }) app.listen(port, () => { console.log(`Server running on port ${port}`); }); index.ejs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Review Movie Project</title> </head> <body> <h1>Review Movie</h1> <form action="/" method="post"> <input name="title" type="text" placeholder="Title" required/> <select name="type"> <option></option> <option value="movie">Movie</option> <option value="series">Series</option> </select> <button name="search" type="submit">Search</button> </form> <%if(Movies && Movies.length > 0){%> <%Movies.forEach((movie)=>{%> <form action="/review" method="post"> <div> <img src="<%=movie.Poster%>" alt="movie's poster" width="300px" height="450px"> </div> <%})%> <%} else { %> <h2>Error Response</h2> <p><%=Error%></p> <%}%> <script> var image = document.getElementById("image"); </script> </body> </html> 它是JavaScript,所以你可以使用三元来设置src属性,例如,如果没有movie.Poster, use 'N/A'`或一些占位符图像,否则,使用值: <img src="<%=movie.Poster ? movie.Poster : 'https://placehold.co/600x400' %>" alt="movie's poster" width="300px" height="450px"> 您可以在服务器上设置占位符以提高效率并将其发送到视图: const placeholderImg = 'https://placehold.co/600x400'; res.render("index.ejs",{Movies:movies,Error:error, placeholderImg}); <img src="<%=movie.Poster ? movie.Poster : placeholderImg %>" alt="movie's poster" width="300px" height="450px">

回答 1 投票 0

CKEditor5 从数据库加载内容时不会转义 HTML

我的 ejs 模板中有以下内容: // 经典编辑器 </desc> <question vote="0"> <p>我的 ejs 模板中有以下内容:</p> <pre><code>&lt;script src=&#34;https://cdn.ckeditor.com/ckeditor5/41.0.0/classic/ckeditor.js&#34;&gt;&lt;/script&gt; &lt;script&gt; // Classic Editor ClassicEditor .create( document.querySelector( &#39;#editor&#39; ), { ckfinder: { uploadUrl: &#39;/ckfinder/core/connector/php/connector.php?command=QuickUpload&amp;type=Files&amp;responseType=json&#39; } } ) .catch( error =&gt; { console.error( error ); } ); &lt;/script&gt; </code></pre> <p>HTML 元素如下所示:</p> <pre><code>&lt;div class=&#34;mb-3&#34;&gt; &lt;label for=&#34;content&#34; class=&#34;form-label&#34;&gt;Content&lt;/label&gt; &lt;textarea class=&#34;form-control&#34; id=&#34;editor&#34; rows=&#34;4&#34; cols=&#34;50&#34; name=&#34;content&#34; value=&#34;&lt;% if(editMode) { %&gt;&lt;%= event.content %&gt;&lt;%}%&gt;&#34;&gt;&lt;/textarea&gt; &lt;/div&gt; </code></pre> <p>当我查看表单时,我可以看到并使用 CKEditor。</p> <p>但是,当我在编辑模式下加载表单时,CKEditor 也会在前端渲染 HTML 标签。</p> <p>数据库中保存的内容如下:</p> <p><a href="https://i.stack.imgur.com/wJ79H.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3dKNzlILnBuZw==" alt=""/></a></p> <p>见附图</p> <p>如何在不显示HTML的情况下正确显示内容? 例如,如果文本为粗体,则它应该以粗体显示,而不是强标签本身。</p> <p><a href="https://i.stack.imgur.com/OuelR.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL091ZWxSLnBuZw==" alt=""/></a></p> </question> <answer tick="false" vote="0"> <p>这一切都是 HTML 问题。</p> <p>文本区域定义不正确。相反,它应该看起来像这样:</p> <pre><code>&lt;textarea class=&#34;form-control&#34; id=&#34;editor&#34; rows=&#34;4&#34; cols=&#34;50&#34; name=&#34;content&#34;&gt; &lt;% if(editMode) { %&gt;&lt;%- event.content %&gt;&lt;%}%&gt; &lt;/textarea&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

为什么我在尝试注销时遇到错误?

我正在创建一个 Meme Web 应用程序。我遇到了一个问题,我可以登录,但当我尝试注销时出现 404 错误。 我正在使用带有 EJS 模板引擎的 ExpressJS。 错误信息 瞧...

回答 1 投票 0

如何在带有node.js的ejs文件中使用sqlite3数据库?

我已经能够使用node.js连接到我的sqlite3数据库,我想使用单独的ejs文件(index.ejs)中的记录中的信息。有谁知道这是否可能? 代码: //注册...

回答 1 投票 0

模板引擎样式渲染不起作用

CSS 未渲染: CSS 在单级路径中渲染,如 /、/user 等... CSS 不在 /admin/add-user 内渲染。 我的文件夹结构: 请在这里查看图像 索引.js: const express = 需要...

回答 1 投票 0

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