Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用excel文档作为html登录页的用户名和密码数据库_Javascript_Html_Excel_Phpexcel - Fatal编程技术网

Javascript 如何使用excel文档作为html登录页的用户名和密码数据库

Javascript 如何使用excel文档作为html登录页的用户名和密码数据库,javascript,html,excel,phpexcel,Javascript,Html,Excel,Phpexcel,您好,我有一个个人项目,我创建了一个登录页面,允许我登录并工作。我正在尝试找到一种方法,将excel文档链接到该页面,并使用该页面存储用户名和密码(目前为纯文本) HTML <form id="login-form"> <label for="inputEmail" class="sr-only">Email address></label> &

您好,我有一个个人项目,我创建了一个登录页面,允许我登录并工作。我正在尝试找到一种方法,将excel文档链接到该页面,并使用该页面存储用户名和密码(目前为纯文本)
HTML

<form id="login-form">
            <label for="inputEmail" class="sr-only">Email address></label>
            <input type="email" name="username" id="username-field" class="form-control" placeholder="Username">
            <label for="inputPassword" class="sr-only">Password</label>
            <input type="password" name="password" id="password-field" class="form-control" placeholder="Password">
            <input type="submit" value="Login" id="login-form-submit">
        </form>
        <div id="login-error-msg-holder">
            <p id="login-error-msg">Invalid username and/or password</p>
        </div>

电子邮件地址>
密码

无效的用户名和/或密码

JavaScript

<const loginForm = document.getElementById("login-form");
const loginButton = document.getElementById("login-form-submit");
const loginErrorMsg = document.getElementById("login-error-msg");
loginButton.addEventListener("click", (e) => {
    e.preventDefault();
    const username = loginForm.username.value;
    const password = loginForm.password.value;
    if (username === "admin@admin.com" && password === "admin") {
        alert("You have successfully logged in.");
        window.location.href('index.html');
    } else {
        loginErrorMsg.style.opacity = 1;
    }
})
{
e、 预防默认值();
const username=loginForm.username.value;
const password=loginForm.password.value;
如果(用户名==”admin@admin.com“&&password===”admin“){
警报(“您已成功登录”);
window.location.href('index.html');
}否则{
loginErrorMsg.style.opacity=1;
}
})

感谢您使用请求和Excel联机API。实际上,对于安全性和客户机开发人员的信任来说,这是一个坏主意,但是如果您这样做了,那么这是最好的(也许也是唯一的)方法。确保您的文件已打开且未共享。

这种身份验证方式不是最好的办法。我知道这是一个个人项目,身份验证可能不是您试图做的重点。但是,也许在将来,你会考虑像Firebase身份验证或Passport JS这样的服务。这是你需要知道的吗?是的,谢谢你,如果你不介意的话,你能给我链接一个教程吗?对不起。我没有资源。只需创建一个新的安全Exchange帐户,然后转到flow.microsoft.com。使用安全访问的请求触发器设置所有内容,并让web服务器调用它。不要给出链接或在客户端操作中使用它。使用Unicode 64字符密码保护服务器的该部分。