Express.js动态路由问题

Question

我使用的是Express 4.0，并且试图创建一个路由，以在首页中显示来自所有国家/地区的所有用户。

切换国家/地区我希望显示该国家/地区的所有用户。

还有2种用户（教师和学生），我也希望在那里也做同样的事情。

我希望在“教师”页面上显示所有教师，并希望基于（先前（或未曾））所选国家/地区来查看该国家/地区的教师...

我这样做有几个问题：

1）主页运行良好，带有/:countryCode的主页运行正常， /teachers和/students不再加载...如果我将/:countryCode放在其他页面的所有内容之下...（？！？）。

2）我还必须创建路由： /:countryCode/teachers吗？ 还是有一种方法可以将国家/地区代码存储在某处...？

3）在菜单中也好像我必须创建2个不同的菜单，一个是普通菜单，另一个是带有国家/地区代码扩展名的菜单...

目前，我的路由是这样的：

app.get('/', homeController.index);
app.get('/:countryCode', homeController.indexByCountry);
app.get('/teachers', userController.getTeachers);
app.get('/students', userController.getStudents);

我正在使用param :countryCode查询来自该国家/地区的用户。

有更好的方法来创建所有这些吗？ 有最佳做法吗？

在网上我没有看到类似的东西，但是我认为拥有这样的东西应该很受欢迎。

希望您能提供帮助。

Answer 1

从我可以从您的问题中看出，您希望能够在显式提供国家/地区代码时以及默认情况下希望显示所有用户（学生，教师或两者）或使用先前提供的国家/地区代码来处理。 让我知道这是否不是您的意图。

问题1：

要回答您的第一个问题， /teachers和/students不会加载的原因是它们被匹配为国家/地区代码。 我的理解是，快速快递将按照定义的路线优先安排您的路线。

正弦/:countryCode定义在url /teachers将在countryCode参数等于"teachers"调用homeController.indexByCountry的其他两条路由之上。 通过在/:countryCode路由之上定义这些路由，它们将具有优先级并按预期工作。 所以：

app.get('/', homeController.index); // Express will check this first
app.get('/teachers', userController.getTeachers); // Then this
app.get('/students', userController.getStudents); // Then this
app.get('/:countryCode', homeController.indexByCountry); // And finally this

问题2：

要为教师或学生指定新的国家/地区代码，一个解决方案是定义类似/:countryCode/teachers路线（或可能对我来说更有意义的/teachers/:countryCode ）。

但是，如果要保存国家/地区代码，则可以使用会话 。 有一个称为express-session的快速中间件软件包，可以帮助您完成此任务。

例如：

var express = require('express');
var session = require('express-session');

var app = express();

// Tell the express app to use the session middleware
app.use(session({
  secret: 'app secret key',
  resave: false,
  saveUninitialized: true
}));

app.get('/', function(req, res) {
  if (req.session.countryCode) { // If country code has been set
    res.send('Homepage, country code is currently ' + req.session.countryCode);
  } else {
    res.send('Homepage, country code not set');
  }
});

// Define routes for '/teachers' and '/students' etc.

app.get('/:countryCode', function(req, res) {
  // Set the countryCode property of the session object to the :countryCode
  // variable in the url
  req.session.countryCode = req.params.countryCode;

  res.send("Homepage, country code is now " + req.session.countryCode);
});

app.listen(3000);

尽管我遇到的一个问题是，当我在Web浏览器中访问服务器时，它会发送一个GET请求以找到该图标，这被解释为国家代码并将其设置为“ favicon.ico”。

一种解决方法是，在设置会话变量之前检查提供的国家/地区代码是否符合某种特定格式，例如，如果您希望国家/地区代码始终为2个字符串（例如“ uk”或“ fr”）。

问题3：

由于我们现在知道可以记住先前设置的国家/地区代码，因此您只需具有一个链接到/teachers等的菜单，您仍然可以使用会话变量中的国家/地区代码。

我希望这有帮助。