小编Bla*_*wis的帖子

无法使用 Node.js、Express 和 EJS 显示图像

我正在为一个项目构建我的视图,但在我的 .ejs 页面上渲染图像时遇到了麻烦。当页面加载时,我在 ejs 文件中设置的替代文本旁边只有一个小页面图标。我还在控制台中收到“GET /public/images/ResConnect.png 404”错误。我在网上尝试了一些解决方案,但似乎没有任何效果。这是我尝试获取要呈现的徽标的特定页面的代码:

<!-- views/index.ejs -->
    <!doctype html>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <html>
    <head>
        <title>ResConnect Home</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> <!-- load bootstrap css -->
        <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/solid.js" integrity="sha384-+Ga2s7YBbhOD6nie0DzrZpJes+b2K1xkpKxTFFcx59QmVPaSA8c7pycsNaFwUK6l" crossorigin="anonymous"></script> <!-- load fontawesome -->
        <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js" integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c" crossorigin="anonymous"></script>
        <style>
            body        { padding-top:80px; }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="jumbotron text-center">
                <img src="./public/images/ResConnect.png" alt="ResConnect Logo"/>
                <h1><span class="fa fa-lock"></span> ResConnect Home</h1>
                <p>Please advise: Only approved personnel by The University of Mississippi Department of Student Housing may access …
Run Code Online (Sandbox Code Playgroud)

html javascript ejs node.js express

4
推荐指数
1
解决办法
5940
查看次数

如何将对象从 EJS 传递到 Node.js 路由器 - Javascript、EJS、Node.js、MySQL

我正在循环遍历 MySQL 表中的记录,将它们显示在 EJS 文件中,然后单击其中一个,路由到页面以编辑记录。但是,我无法将单个对象传递回我的routes.js 文件以将其路由到编辑页面。我循环浏览所有记录并打印它们没有任何问题,所以我知道数据就在那里。这是 EJS 文件的一部分,我在其中输出所有记录以供用户选择:

<body>
<div class="container">

<div class="col-sm-6 col-sm-offset-3">

    <h1><span class="fa fa-chess"></span> View Roommate Agreements</h1><br>
    <p align="center">Click on a Roommate Agreement below to view the full response and edit if necessary.</p><br>

    <% for (var i=0; i < Agreements.length; i++) { %>
        <a href="/editAgreement" style="text-decoration: none; color: #333333">
            <div class="well" align="center">

                <h3>Roommate Agreement for Room #<%= Agreements[i].roomNumber%></h3>
                <p><%= Agreements[i].roommate1%></p>
                <p><%= Agreements[i].roommate2%></p>
                <% var Agreement = Agreements[i]%> //THIS is where I'm trying to declare the object
            </div> …
Run Code Online (Sandbox Code Playgroud)

javascript mysql ejs node.js express

2
推荐指数
1
解决办法
4997
查看次数

标签 统计

ejs ×2

express ×2

javascript ×2

node.js ×2

html ×1

mysql ×1