时间戳

首页 > 解决方案 > 创建简单的数据库/方式来存储用户帐户信息的 html 信息并生成用户个人资料页面

javascript - 创建简单的数据库/方式来存储用户帐户信息的 html 信息并生成用户个人资料页面

问题描述

代码新手在这里...

所以我有一个页面设置了一个用户名和密码框和一个“创建帐户”按钮。

<!DOCTYPE html>
<html>
    <head>
        <title>
            SocialShare - Sign Up
        </title>
    </head>
    <body>
        <div id="logo">
            
        </div>
        <div id="logo2">
            Social<br>Share
        </div>
        <div id="usernametxt">
            Username:
        </div><input id="username">
        <div id="passwordtxt">
            Password:
        </div><input id="password"><br><br>
        <div id="security">
            For the sake of security,<br>we suggest creating a unique<BR>password specific for this site
        </div><br><br>
        <input type="button" id="submit" onclick="create()" value="Create Account"><br><br>
        <a href="">Already Have One? Log In</a>
    </body>
</html>

我知道它非常简单和俗气，但这只是我脑海中突然出现的一个想法。

我想创建一些简单的方法，基本上允许我有一个地方来存储可从所有不同站点访问的用户名和密码。将有一个注册页面、登录页面、个人资料页面、人员页面，可能还有更多。

//LOCAL STORAGE FOR THIS PAGE
function create(){
    var un = document.getElementById("username").value;
    var pw = document.getElementById("password").value;
    localStorage.setItem('username', un);
    localStorage.setItem('password', pw);
}

这是注册页面的简单 JavaScript。

而且我知道这可能要求很多，但是如果我确实设法设置了某种数据库/存储，我如何创建一个代码位以使用他们的特定密码和用户名正确登录人们，以及我如何做到这一点这样每个用户都将使用所有必要的代码预加载和生成自己的页面，使其成为个人资料页面。

我试过看很多 youtube 视频，但他们都非常不清楚去哪里，并且涉及太多第三方应用程序。如果我能得到一种超级简单的方法来做到这一点，那将是最好的，并且至少可以更好地解释需要做什么。

标签： javascripthtmldatabasemedia

解决方案

先生。意大利面，

我会推荐firebase身份验证。（https://firebase.google.com/docs/auth）。Firebase 身份验证对于想要处理用户登录和注册数据的用户来说是初学者友好的。它们具有许多功能，例如自定义声明和用于注册的用户身份验证。如果您熟悉 node.js（或与该系统兼容的任何其他后端语言）和 javascript，那么这应该适合您。

希望你觉得这很有帮助。

谢谢。

推荐阅读