超炫酷的登录页面

大略的登录页

我们常常见到各种形形色色的登录页,但是无论页面以何种样式呈现,其终极都可以缩减为下面的样子

php用户登录实例PHP入门之经由过程登录功效摸索交互的机密 AJAX

最大略的登录页面

我们仅须要下面几行代码就可以写出上面的登录页面。
麻雀虽小五脏俱全,下面

登录页代码

HTML标签

网页常日都是由一对html标签构成,<html>和</html>限定了文档的开始和结束,在它们中间则是文档的头部和主体内容。

HEAD标签

<head></head>用于定义文档的头部信息,个中央可以引用脚本(JS)、样式表(CSS)、元信息(META)、标题(TITLE)等信息。

TITLE标签

<title></title>用于定义页面的标题(浏览器标签栏上显示的内容)

BODY

<body></body>用于定义文档的主体信息。
我们在浏览器中所看到的所有内容都被定义在body标签中,其包括文本、图片、视频、超链接、表格、列表等。

FORM

<form></form>用于为用户创建表单,即我们登录时的输入区域。
其开始标签中的action和method为form的属性。
个中action属性见告浏览器表格将被提交到的地址,method属性为表单提交的办法。

INPUT标签

<input/>标签和上面集中都不相同,由于上面那些都是成对涌现的,而input是单独涌现的,这种标签成为自封闭标签。
input标签的种类由type属性区分,我们代码中利用了3种input标签,分别为text(文本框)、password(密码框)和submit(提交按钮),name属性规定input的名称,用户后台对表单数据进行标识。
文本框可以输入任意形式的字符,密码框仅可以输入字母、数字、分外字符,并且会以 · 的形式隐蔽输入内容,当点击提交按钮时,会将表单信息提交到指定地址。

输入了内容的表单

说了那么多,到底做事器是如何吸收我们发送过去的数据呢?实在很大略。
代码和结果如下:

获取表单提交内容

哇,好短!
是不是有这种觉得?可以看到,我们刚才输入的用户是“ThinkPHP由浅入深”,密码是“1234567890”。

实在PHP已经帮我们自动将表单数据存储到$_POST(method=post时)和$_GET(method=get时)中了,我们须要的时候直策应用即可。
下面是处理登录数据的完全代码。

处理登录数据代码

显示结果

$_POST['username']表示$_POST数组中字段名为username的值,date(\"大众Y-m-d H:i:s\"大众)表示系统当前韶光。

优化

登录功能虽然就这么完成了,但是当我们考试测验刷新页面的时候,浏览器会涌现下面的提示,这样让我很不爽,而且当我们重新doLogin页面时,会变成下面的样子。

确认重新提交

重新打开doLogin页面

要怎么办呢?连续往下看。

处理登录数据

将doLogin.php修正为以上代码,并创建index.php文件。

显示登录信息

此时,我们打开localhost/login/index.php,会直接跳转到login.php,在输入用户名:ThinkPHP,密码fmtol.com后,会跳转到index.php并显示登录信息。

纵然关闭浏览器标签页(不关闭浏览器),再重新打开localhost/login/index.php,依然会直接显示我们的登录信息,这便是session的功劳。
关于session的详细利用教程,往后我会单独向大家先容。

看了用户登录的教程,是不是已经觉得到PHP的魅力了?大略的几行代码,就可以实现“高大上”的功能,您现在是不是也跃跃欲试呢?

私信小编login即可获取上述实例代码,如果您以为小编的教程对您有所帮助,请点击关注支持小编,您的关注是对小编最大的鼓励。