app.get()找不到并显示正确的模板(JADE)页面

Question

我正在研究使用Express，Jade，Node.js的非常基本的Serveride Js。

在第一页（Localhost/主题）中，有一个列表。并列出了MySQL的数据。（MySQL字段是ID，标题，描述和作者）另外，还有一个链接以打开表单（ins in add.jade文件中的表单），可以在列表中添加一个项目。

我的问题是，如果我单击链接，则页面仍然显示View.Jade。但是，地址更改为" localhost/topic/add"。

我已经检查了" app.js"文件，以查看app.get（）是否没有适当设置。但是我找不到。实际上，模板起初写为玉。但是我试图将翡翠转换为哈巴狗。此错误后，我把它们全部放回了玉。这是一个问题吗？

谢谢。

var express = require("express");
var app = express();
app.set("views", "./views_mysql");
app.set("view engine", "jade");
app.listen(3000, function() {
  console.log("Connected, 3000 port!");
});
app.locals.pretty = true;
var mysql = require("mysql");
var conn = mysql.createConnection({
  host: "localhost",
  user: "jimin",
  password: "****",
  database: "o2"
});
conn.connect();
app.get(["/topic", "/topic/:id"], function(req, res) {
  var sql = "SELECT id, title FROM topic";
  conn.query(sql, function(err, topics, fields) {
    var id = req.params.id;
    if (id) {
      var sql = "SELECT * FROM topic WHERE id=?";
      conn.query(sql, [id], function(err, id_topics, fields) {
        if (err) {
          console.log(err);
          res.status(500).send("Internal Server Error");
        } else {
          res.render("view", { topics: topics, topic: id_topics[0] });
        }
      });
    } else {
      res.render("view", { topics: topics });
    }
  });
});
app.get("/topic/add", function(req, res) {
  var sql = "SELECT id, title FROM topic";
  conn.query(sql, function(err, topics, fields) {
    if (err) {
      console.log(err);
      res.status(500).send("Internal Server Error");
    } else {
      res.render("add", { topics: topics });
    }
  });
});
<!-- begin snippet: js hide: false console: true babel: false -->

// add.jade
doctype html
html
  head
    meta(charset='utf-8')
  body
    h1
      a(href='/topic') Server Side JavaScript
    ul
      each topic in topics
        li
          a(href='/topic/' + topic.id)= topic.title
    article
      form(action='/topic/add' method='post')
        p
          input(type='text' name='title' placeholder='title')
        p
          textarea(name='description' placeholder='description')
        p
          input(type='text' name='author' placeholder='author')
        p
          input(type='submit')

//view.jade
doctype html
html
  head
    meta(charset='utf-8')
  body
    h1
      a(href='/topic') Server Side JavaScript
    ul
      each topic in topics
        li
          a(href='/topic/' + topic.id)= topic.title
    article
      if topic
        h2= topic.title
        = topic.description
        div= 'by ' + topic.author
      else
        h2 Welcome
        | This is Server Side JS Tutorial
    div
      a(href='/topic/add') add Topic

app.get("/topic/add", function(req, res) {
    var sql = "SELECT id, title FROM topic";
    conn.query(sql, function(err, topics, fields) {
        if (err) {
            console.log(err);
            res.status(500).send("Internal Server Error");
        } else {
            res.render("add", { topics: topics });
        }
    });
});

Answer 1

这是路由排列的问题。

tldr

将app.get的路由定义移动到先前声明的路线上方。

说明

Express中的路由定义来自上下的方法。因此，在运行时，您的路线如下：

• /topic
• /topic/:id
• topic/add

当您访问页面/topic/add时，您期望它与列表中的第三个匹配，但要将其匹配到列表中的第二个...实际上，它实际上将匹配所有内容，如果您在/topic之后放任何东西。