html/js用用户配置文件创建帐户



我做了一个网站,我想添加帐户创建到它。我用我自己的代码,没有花哨的网站建设者或类似的东西。我想知道我如何实现与用户配置文件的帐户创建,你可以输入(域)/u/(用户名),看到他们关于我,用户名和其他东西,但我不知道从哪里开始。我有一个可以访问数据库工具的微软帐户,但我不确定我是否需要它。我使用GitHub和domain.com来托管我的网站。这是我的代码,如果有人能给我指出正确的方向,那就太有帮助了。

<html>
<head>
</head>
<body>
<div style="background-color:#808080;margin: 1%;width: 15%;padding: 1%;float:left;border-radius:10px;">
<form method="post">
<div style="font-size: 20px;margin: 1%;color: white;">Login</div>
<div>
<label for="uname" style="font-size: 10px;margin: 0.5%;color: white;"><b>Username</b></label>
<input type="text" name="Morania-Username" style="height:4%;border-radius: 10px;padding: 1%;border: solid thin #aaa;"><br><br>
<label for="psw" style="font-size: 10px;margin: 0.5%;color: white;"><b>Password</b></label>
<input type="password" name="Morania-Password" style="height:4%;border-radius: 10px;padding: 1%;border: solid thin #aaa;"><br><br>
</div>
<input type="submit" value="Login" style="border-radius: 10px;padding:1%;width: 50%;color: #909090;background-color: lightblue;border: none;"><br><br>
</form>
</div>
<div style="background-color:#808080;margin: 1%;width: 15%;padding: 1%;float:left;border-radius:10px;">
<form method="post">
<div style="font-size: 20px;margin: 1%;color: white;">Register</div>
<div>
<label for="uname" style="font-size: 10px;margin: 0.5%;color: white;"><b>Username</b></label>
<input type="text" name="Morania-Username" style="height:4%;border-radius: 10px;padding: 1%;border: solid thin #aaa;"><br><br>
<label for="psw" style="font-size: 10px;margin: 0.5%;color: white;"><b>Password</b></label>
<input type="password" name="Morania-Password" style="height:4%;border-radius: 10px;padding: 1%;border: solid thin #aaa;"><br><br>
<label for="psw" style="font-size: 10px;margin: 0.5%;color: white;"><b>Repeat Password</b></label>
<input type="password" name="Morania-Password" style="height:4%;border-radius: 10px;padding: 1%;border: solid thin #aaa;"><br><br>
</div>
<input type="submit" value="Login" style="border-radius: 10px;padding:1%;width: 50%;color: #909090;background-color: lightblue;border: none;"><br><br>
</form>
</div>
</body>
<script>
</script>

如果我没有解释足够或如果没有足够的信息,我很抱歉。我不太擅长问问题,而且经常遗漏我应该说的重要内容,所以如果我遗漏了什么,请问,如果它有助于回答我的问题,我会尽我所能回答任何问题。

另外,我不打算使用任何其他库,如jquery或任何东西;我只使用我自己的代码。

所以…从哪里开始…

把事情弄清楚;Github只是版本控制,如果你想跟踪你对项目文件所做的所有更改,它非常有用。

你可能需要学习一些PHP在服务器端处理一些数据,HTML构建某种模板用或不用CSS进行样式。Javascript可以很好地处理交互,但我认为您最好关注PHP,因为PHP是服务器端,可以更安全地处理数据。毕竟,您需要一个数据库(如SQL)来存储用户。如果你不想重写URL,你可以用.htaccessREWRITE RULE。你可能想要一个网站托管,在那里你可以上传你的项目,或者安装像WAMP, LAMP或MAMP之类的东西,这取决于你使用的操作系统。

简而言之,开始学习一些编程语言,获得一个Web托管服务,然后走你的路!

也许一路上你可以问一些更小更具体的问题。

https://www.w3schools.com/php/有一些很好的解释

更新:在重写了你的问题之后,我发现你已经在domain.com上有一个虚拟主机了。我的建议是开始学习一些编程语言,并在学习的过程中问一些具体的问题。祝你的项目好运!