标签: ejs

如何在express.js中引用布局图像,以便可以从嵌套目录中找到它们?

我有一个当前使用ejs的express.js应用程序(使用jade用于新项目),我正试图以干净和适当的方式解决问题.

我有一个带有页眉和页脚的layout.ejs文件.到目前为止,我的大多数网站都是一层深层http://innovationbound.com/about或/ services或/ amy等等....

我开始在http://innovationbound.com/courses/course-name上创建在线课程,而我遇到的问题是这些课程页面不能以相同的方式引用图像.<img src="images/linknedin.png" alt="LinkedIn Icon">例如.

从它尝试的课程名称页面<img src="courses/images/LinkedIn.png" alt="LinkedIn Icon">,显然无法抓取那里的图像.

是否有明确的设置,或者我缺少的明显的设置?我希望我不必使用绝对的网址,这只会使本地机器的开发变得疯狂.

ejs node.js express pug

0
推荐指数
1
解决办法
2540
查看次数

使用jQuery附加EJS部分

我正在尝试使用JQuery追加一个EJS部分.我想要做的是在表中实现无限滚动 - 我使用EJS将表的行渲染为部分,并在每个部分内使用更多EJS来显示从Express传递到视图中的变量.

table.html

<tbody>
  <% include row.html %>
</tbody>
Run Code Online (Sandbox Code Playgroud)

row.html

<% users.forEach(function(user){ %>
  <td><%= user.name %></td>
  ...and so on
<% }) %>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('tbody').append('<%- include row.html %>')
Run Code Online (Sandbox Code Playgroud)

我现在遇到的问题是我无法在jQuery中使用最后一个<%include row.html%>.我调试了这个并将问题隔离到这行代码.我能做些什么来完成这项工作?

谢谢!

javascript jquery ejs node.js express

0
推荐指数
1
解决办法
4347
查看次数

在输入值中使用 EJS 显示不正确

下面是使用 EJS 模板的我的 node.js 应用程序客户端代码的一部分。有一个输入框,我想显示如果用户没有登录,在输入框中显示消息。而且,输入框也应该无法使用。

但它没有正确显示,我怎样才能显示整个语句,包括空格,而不仅仅是“需要”,而是“需要登录”?

<input type="text" <%= (isAuthenticated) ? '' : "value='Need to Login'" %> />

// view : 'Need
// It doesn't show after space
Run Code Online (Sandbox Code Playgroud)

javascript ejs node.js

0
推荐指数
1
解决办法
6390
查看次数

从mongo提取数据供用户编辑后,如何在HTML中使用HTML显示复选框值(使用ejs)?

我目前将数据保存到mongo中以选择问题,并标记正确的答案。在mongo中,我将它们保存为question.options.option1.check =“ on”之类的正确答案。

当我进入“编辑”页面时,我从mongo中提取了特定的记录,该记录在ejs中可以作为“问题”使用,并且我能够轻松地将可编辑字段的值填充为question.question或question.options.option1.text等。但是,我也想标记以前已选中的复选框。以下是该复选框的示例。

<input  id=opt1 type="checkbox" name="check1"  >
Run Code Online (Sandbox Code Playgroud)

当我使用 <input id=opt1 type="checkbox" name="check1" <%=question.options.option1.check%> >它不起作用时,我也尝试过<input id=opt1 type="checkbox" name="check1" checked="<%=question.options.option1.check%>">这也不起作用。但是,如果我给属性“ checked” =“此处有任何值或根本没有任何值”,它将进行检查,这是错误的。

因此,问题是在编辑页面上检查相应复选框的正确方法是什么?

javascript checkbox ejs mongodb express

0
推荐指数
1
解决办法
3150
查看次数

我如何在 ejs 中循环

 [{ Url: 'http://example.com', Shortname: 'shortname', Name: 'nameaaa' }, { Url: 'fsadfsad', Shortname: 'aaa', Name: 'fasfsad' } ]
Run Code Online (Sandbox Code Playgroud)

谢谢。

javascript ejs

0
推荐指数
1
解决办法
5772
查看次数

将本地脚本文件添加到EJS视图

我有一个Node / Express / EJS应用程序。它有一个用于查看的文件夹和一个用于客户端文件的文件夹。后者有一个用于javascript的文件夹,其中有一个名为frontend.js的文件。

我想在此视图中加载jQuery和frontend.js文件。

标准脚本标签不起作用。

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="../client/js/frontend.js"></script>
Run Code Online (Sandbox Code Playgroud)

jQuery加载后,frontend.js抛出404错误。

有一种我不知道的特殊方法吗?

ejs node.js express

0
推荐指数
1
解决办法
6305
查看次数

为什么 Node.js 无法识别图像路径

我正在尝试使用相对路径节点加载我的图像;但是它一直给我一个 404 错误(未找到)。这是我的代码:

var express = require("express");
var app = express();

app.use(express.static("public"));
app.set("view engine", "ejs");
app.get("/", function(req,res){
  res.render("home");
});


app.get("/fallinlovewith/:thing", function(req, res){
  var thing = req.params.thing; 
  res.render("love", {thingVar: thing});
});


app.get("/posts", function(req, res) {
    var posts = [
        {title: "Post 1", author: "Susy" },
        {title: "My adorable pet Bunny!", author: "Bob" },
        {title: "Can you belive this pomsky?", author: "Ethan" },
      ];

  res.render("posts", {posts: posts});
});

app.listen(process.env.PORT, process.env.IP, function(){
console.log("server started");
});
Run Code Online (Sandbox Code Playgroud)

这是我的 home.ejs 文件

<% include  partials/header %>
<h1>This …
Run Code Online (Sandbox Code Playgroud)

javascript ejs node.js

0
推荐指数
1
解决办法
1万
查看次数

在Nodejs中将值从视图传递到节点而没有URL

我正在使用带有express和ejs的nodejs.

互联网上的每一个人都会问如何将价值从节点传递到视图,但相反呢?

例如,我要求我的用户在表单中输入一个字符串,当用户单击该按钮时,如何获取该字符串而不将其作为url中的参数传递?

表格:

<div class="container">
        <form style="width:50%">
            <div class="form-group">
                <label for="text">Name of the product</label>
                <input type="text" class="form-control" id="pName">
            </div>
            <div class="form-group">
                <label for="text">Reciever</label>
                <input type="text" class="form-control" id="reciever">
            </div>
            <div class="form-group">
                <label for="text">Location</label>
                <input type="text" class="form-control" id="location">
            </div>
            <!-- <div class="checkbox">
            <label><input type="checkbox"> Remember me</label>
        </div>-->
            <button type="submit" class="btn btn-default">Submit</button>
        </form>
Run Code Online (Sandbox Code Playgroud)

app.js

var express = require('express');
var app = express();

//ALL GLOBAL VARIABLES
var port = 8080;

app.get('/', function(req, res) {
    res.render('index.ejs');
});

app.get('/barcode', function(req,res) {
    res.render('barcode.ejs');
});
app.listen(port);
Run Code Online (Sandbox Code Playgroud)

我知道我可以这样做: …

javascript ejs node.js express

0
推荐指数
1
解决办法
1260
查看次数

EJS/Node/Express - 有部分标题,如何更改每个页面的标题?

我最近参加了一个关于后端 Web 开发的课程。

正如标题所说,我不明白如何为整个网站使用部分标题,但每个页面都有不同的标题。(因为包含在标签中)

有什么技巧吗?

ejs node.js express

0
推荐指数
1
解决办法
2252
查看次数

在 ejs 模板中显示数据

我正在尝试创建一个简单的网页,提示用户输入时间并按提交。提交时,我希望与该集合对应的数据显示在网页上。

当我点击提交按钮时。它节省了我插入到相应 Mongo 集合中的时间。事实上,我什至使用 console.logging 来显示整个集合。我只是无法让它显示在网页上。

我是 NodeJS 和 MongoDB 的新手,请耐心等待。

这是 index.ejs 文件。Clients 是保存时间的集合名称。

<div>

    <ul class="clients">
        <% for(var i=0; i< clients.length; i++) {%>
            <li class="client">
                <span><%= clients[i].time %></span>

            </li>
        <% } %>
    </ul>
</div>
</head>

<body>

<form action="/clients" method="POST">
    <input type="text" placeholder="time" name="time">
    <button type="submit">Submit</button>
</form>
Run Code Online (Sandbox Code Playgroud)

我在我的 app.js 中有这个,它成功地将插入的时间发布到集合中。

app.post('/clients', (req, res) => {
var url = "mongodb://localhost:27017/lesson-data";
mongoose.connect(url, function (err, db) {
    if (err) throw err;
    db.collection('clients').save(req.body, (err, result) => {
        if (err) return console.log(err)

        console.log('saved to …
Run Code Online (Sandbox Code Playgroud)

javascript ejs mongodb node.js express

0
推荐指数
1
解决办法
4485
查看次数

标签 统计

ejs ×10

node.js ×8

express ×7

javascript ×7

mongodb ×2

checkbox ×1

jquery ×1

pug ×1