“E”代表“有效”。 EJS是一种简单的模板语言,可让您使用纯JavaScript生成HTML标记。没有关于如何组织事物的宗教信仰。没有重新发明迭代和控制流。它只是简单的JavaScript。
使用 EJS 模板时 Nodemailer 发送空白电子邮件
当启动页面上的提交按钮被点击时,我的服务器中的以下代码成功发送电子邮件。我正在提取来自 mongoDB 用户输入的列表。当我呼叫控制台时....
我正在尝试按照本教程在 VS Code 中的 EJS 中编写一些代码。我按照视频的说明运行 npm i express ejs 来安装 Express 和 EJS,并且在 co...
我对前端有一个非常基本的要求,我想每秒更新传入的图像,但我不知道该怎么做...... 以下是我想要更新值的标签 - ...
使用 HTML 和 Puppeteer 时出现 PDF 字体大小问题
我正在尝试使用 HTML 在浏览器(chrome v8)中生成 PDF,并将其发送到 puppeteer。 html 是使用 ejs 生成的,因为 PD 的某些部分有动态内容......
在模板中,我有一个变量,我想显示其值,但我希望它是可选的。 这是我所拥有的: 标题 <%= message %> 然后我用: 应用程序...
我正在为我的网络应用程序使用express 4 - ejs组合,我想知道如何根据被调用的路由/url来渲染多个文件。 假设我有 header.ejs 我想要
如何在nodejs Express验证器中检查DOB是否小于DOD
我正在使用快速验证器在nodejs中进行验证。如果用户选择的出生日期大于死亡日期,我需要显示错误消息。 check('dob').notEmpty().bail().withMessage('P...
EJS:app.set('views',viewsPath)没有效果
依赖关系: "ejs": "^3.1.9", "express": "^4.18.2", 我的文件夹结构如下: /usr/src/应用程序/ | |-app.js |- 网站/src/views |- myView.e...
我想循环遍历带有数组元素的引用模式,但打印了一些名为 *ref 的内容,如果是的话,这是什么?它意味着什么吗? [ 嵌入文档 {
我目前正在开发一个 Express.js 应用程序,用户可以在其中将产品添加到购物车并删除它们。但是,我面临一个问题,即产品删除功能不可用...
我正在开发一个网络项目,在同一页面上有两个表单标签,每个标签都有不同的用途。但是,内部表单标签似乎无法正常工作。我怀疑可能...
我正在开发一个网络应用程序来显示 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; }
你能使用 Express JS 渲染纯 HTML 而不使用 Ejs 或其他吗
大家好,我希望你们一切都好。我是一名大学生,我只是在一个简单的 Express 应用程序上练习 JavaScript。在这里我面临一个问题,右边我有简单的 HTML 和 bootstrap For...
成功删除请求后,在 Express.js 中渲染页面时出现问题
我正在使用 Node.js 、 MongoDB 和 ejs 构建一个简单的 URL 缩短项目,但我遇到了一个问题,即在成功处理 DELETE 请求后无法呈现页面。 “删除”...
如何在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">
我的 ejs 模板中有以下内容: // 经典编辑器 </desc> <question vote="0"> <p>我的 ejs 模板中有以下内容:</p> <pre><code><script src="https://cdn.ckeditor.com/ckeditor5/41.0.0/classic/ckeditor.js"></script> <script> // Classic Editor ClassicEditor .create( document.querySelector( '#editor' ), { ckfinder: { uploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json' } } ) .catch( error => { console.error( error ); } ); </script> </code></pre> <p>HTML 元素如下所示:</p> <pre><code><div class="mb-3"> <label for="content" class="form-label">Content</label> <textarea class="form-control" id="editor" rows="4" cols="50" name="content" value="<% if(editMode) { %><%= event.content %><%}%>"></textarea> </div> </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><textarea class="form-control" id="editor" rows="4" cols="50" name="content"> <% if(editMode) { %><%- event.content %><%}%> </textarea> </code></pre> </answer> </body></html>
我正在创建一个 Meme Web 应用程序。我遇到了一个问题,我可以登录,但当我尝试注销时出现 404 错误。 我正在使用带有 EJS 模板引擎的 ExpressJS。 错误信息 瞧...
如何在带有node.js的ejs文件中使用sqlite3数据库?
我已经能够使用node.js连接到我的sqlite3数据库,我想使用单独的ejs文件(index.ejs)中的记录中的信息。有谁知道这是否可能? 代码: //注册...
CSS 未渲染: CSS 在单级路径中渲染,如 /、/user 等... CSS 不在 /admin/add-user 内渲染。 我的文件夹结构: 请在这里查看图像 索引.js: const express = 需要...