javascript - 如果存在与 Node.js/Express 的事件用户 session ，如何更改 HTML 内容？

Question

我正试图在用户登录后删除登录/注册按钮，但我似乎不知道该怎么做。这是我想要更改的头文件的一部分。

<section class="header">
    <div class="wrapper">
        <nav class="navigation">
            <ul>
                <li><a href="/">Images</a></li>
                <li><a href="/albums">Albums</a></li>
                <li><a href="/tags">Tags</a></li>
                <li><a href="/upload">Upload</a></li>
            </ul>
            <button class="logIn">Log In</button>
            <button class="signUp">Sign Up</button>
        </nav>
    </div>

这是我的登录路由，它将 req.session.user_id 设置为用户的 ID。

var express = require('express');
var router = express.Router();
var db = require('../helpers/db');
var Password = require("node-php-password");

router.post('/', function(req, res, next) {
  var username = req.body.username;
  var password = req.body.password;

  db.query('SELECT * FROM user WHERE username = ?', [username], function (error, results, fields) {
    if (error) throw error;
    var userId = results[0].id;
    var hash = results[0].password;

    if(Password.verify(password, hash)){
      req.session.user_id = userId;
      res.redirect('/');
    }
  });



});

module.exports = router;

我认为必须做的是将 req.session.user_id 传递给头文件，但我不确定如何做。我使用 EJS 作为模板引擎。

Answer 1

如果您使用 EJS，则:

1. 设置渲染引擎

   express.set('view engine', 'ejs');
   

2. 为模板准备数据，例如。

   let isLoggedIn = [eval your value here]
   

3. 在 post('/') 路由内部，就在 block 结束之前，呈现您的模板并传递所需数据

   res.render('pages/index', {
     isLoggedIn: isLoggedIn
   });
   

4. 在你的模板中适当的地方添加一个if

   <%if (!isLoggedIn) { %>
     (...render button)
   <% } %>
   

这里是 a nice tutorial这可以帮助您了解如何将数据从模型传递到 View