Question

我正在尝试向简单的webapp添加按钮，但我不知道如何使其工作。我正在使用Node，express，ejs。我有两个主要问题：

我想要发生的是，当我点击按钮时，它应该将我重定向到另一个页面'/ applist'，其中包含我所有应用程序的列表。
我正在尝试添加一个图像，该图像不显示，只显示alt文本。图像位于显示的同一文件夹中。图像大小为679x1178像素。

有一个自动生成的app.js当然包含所有必需的模块。下面的文件分别是（index.js，style.css，index.ejs）。

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', {
    title: 'Welcome to AJ homepage'
  });
});

module.exports = router;

@import url(https://fonts.google.com/specimen/Fjalla+One?selection.family=Fjalla+One);
body {
  padding: 50px;
}

a {
  color: #00B7FF;
}

h1 {
  font-family: cursive;
  position: relative;
  font: ""
}

.btn {
  position: relative;
  bottom: 10px;
  top: 10px;
}

p {
  position: relative;
  top: 30px;
  font-size: 20px
}

<!DOCTYPE html>
<html>

<head>
  <title>
    <%= title %>
  </title>
  <link rel='stylesheet' href='/stylesheets/style.css' />
  <link rel='stylesheet' href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<div class="modal-body row">
  <div class="col-md-6">


    <body>
      <h1>
        <%= title %>
      </h1>
      <button class="btn" type="button">My Applications</button>
      <p>MY INFO </p>
    </body>

  </div>

  <div class="col-md-6">
    <img src="../public/images/arjun.jpg.jpg" alt="My Photo" class="img-responsive">
  </div>
</div>

</html>

Answer 1

我不确定为什么在这种情况下你需要一个按钮。我建议使用普通的锚链接：

<a href="/applist" class="btn">My applications</a>

Answer 2

尝试使用<a href="/my_applications">代替，您应该仍然可以将其设置为按钮。检查这个答案： How to create an HTML button that acts like a link? ，因为它显示了其他选项，例如使用<form>。此外，在您的快速代码中，您需要定义要提供的路线。

Answer 3

<a href="/applist">你可以用这个锚标签而不是按钮。这将重定向到您已定义路线的应用列表页面。

使Button在Express.js应用程序中工作

3 个答案: