如何使用 excel 文檔作為 html 登錄頁面的用戶名和密碼數據庫

Question

您好，我有一個個人項目，我創建了一個允許我登錄和工作的登錄頁面)
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;
    }
})

謝謝

Answer 1

使用Microsoft Flow Request 和 Excel 在線 API。 確實，這對於安全性和客戶-開發人員的信任總體而言是一個壞主意，但如果您正在這樣做，那將是最好的（也許是唯一的）方法。 確保你的文件位於OneDrive上且未共享。