用户登录与退出功能应用在很多地方,而在有些项目中,我们需要使用Ajax方式进行登录,登录成功后只刷新页面局部,从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。
准备数据库
本例我们使用Mysql数据库,创建一张user表,表结构如下:
1
2
3
4
5
6
7
8
9
|
CREATE
TABLE
`
user
` (
`id`
int
(11)
NOT
NULL
auto_increment,
`username`
varchar
(30)
NOT
NULL
COMMENT
'用户名'
,
`
password
`
varchar
(32)
NOT
NULL
COMMENT
'密码'
,
`login_time`
int
(10)
default
NULL
COMMENT
'登录时间'
,
`login_ip`
varchar
(32)
default
NULL
COMMENT
'登录IP'
,
`login_counts`
int
(10)
NOT
NULL
default
'0'
COMMENT
'登录次数'
,
PRIMARY
KEY
(`id`)
) ENGINE=MyISAM
DEFAULT
CHARSET=utf8;
|
然后往user表中插入一条用户信息数据:
1
2
|
INSERT
INTO
`
user
` (`id`, `username`, `
password
`, `login_time`, `login_ip`, `login_counts`)
VALUES
(1,
'demo'
,
'fe01ce2a7fbac8fafaed7c982a04e229'
,
''
,
''
, 0);
|
index.php
用户在输入用户名和密码后,提示用户登录成功,并显示相关登录信息,如果点击“退出”,则退出到用户登录界面。
进入index.php,如果用户已登录则显示登录信息,如果未登录则显示登录框要求用户登录。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<div id=
"login"
>
<h3>用户登录</h3>
<?php
if
(isset(
$_SESSION
[
'user'
])){
?>
<div id=
"result"
>
<p><strong><?php
echo
$_SESSION
[
'user'
];?></strong>,恭喜您登录成功!</p>
<p>您这是第<span><?php
echo
$_SESSION
[
'login_counts'
];?></span>次登录本站。</p>
<p>上次登陆本站的时间是:<span><?php
echo
date
(
'Y-m-d H:i:s'
,
$_SESSION
[
'login_time'
]);?>
</span></p><p><a href=
|