首页 > 解决方案 > Node.js 隐藏 HTML 页面的内容,直到用户登录

问题描述

我目前有一个基本的 HTML 页面(主要功能是一个表单),内容通过 node.js 服务器端代码加载和更改。

我创建了一个登录模式,并且我有一个 .json 文件,其中包含有关每个用户的详细信息,包括他们的用户名和密码。

目前,我没有进行任何形式的验证(我目前对安全性不感兴趣)。问题是,我不确定如何对未登录的用户隐藏 HTML 页面的内容。

我正在考虑<template>在 HTML 内容周围使用 HTML 标签,但我不确定它们是否可以通过 node.js 访问。

有没有人有任何其他建议可能会有所帮助,因为我对 node.js 和 Javascript 很陌生?

这是我的 .json 文件采用的格式:

[
   {"name":"preset1","password":"pass1",...},
   {"name":"preset2","password":"pass2",...}
]

这是提交模式登录表单时激活的服务器端代码:

app.post("/login", function(req, res) {
  var username = req.body.username;
  var password = req.body.password;
  fs.readFile("results.json", function(err, data) {
    var json = JSON.parse(data);

    for (var i = 0; i < json.length; i++) {
      if (json[i]["name"] === username && json[i]["password"] === password) {
        return true;
      }
    }
    console.log("inavlid");
  });
});

标签: javascripthtmlnode.jsbootstrap-modal

解决方案


推荐阅读