计算机教程

php 必赢娱乐棋牌:ajax 用户登录退出

13 7月 , 2019  

模板文件:如 index.html 

本例我们使用Mysql数据库,创建一张user表,表结构如下:

模板文件如:(index.html)

 代码如下

<form>
<input type=”text” name=”username” />
</form>

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表中插入一条用户信息数据:

<load />
<script>
$(document).ready(function(){
 $(‘input[name=”username”]’).blur(function(){
  var username = $(this).val();//取值
  // $.get(url,json(传递格式数据),处理函数)
  $.get(‘__URL__/check’,{username:username},function(data){
   if(data==1){
    $(‘input[name=”username”]’).after(‘<p id=”info”
>被占用</p>’);
   }else{
    $(‘#info’).remove();
    $(‘input[name=”username”]’).after(‘<p id=”info”
>可用</p>’);
   }
  });
 });
});
</script>

INSERT INTO `user` (`id`, `username`, `password`,
`login_time`, `login_ip`, `login_counts`)
 VALUES(1, ‘demo’, ‘fe01ce2a7fbac8fafaed7c982a04e229’, ”, ”, 0);

控制器文件:如 CheckAction.class.php

用户在输入用户名和密码后,提示用户登录成功,并显示相关登录信息,如果点击“退出”,则退出到用户登录界面。

<?php
// 处理的方法
public function check(){
 $u = $_GET[‘username’];
 $User = M(‘User’);
 $count = $User->where(“user='{$u}'”)->count();
 if($count){
  echo ‘1’;
 }else{
  echo ‘0’;
 }
}
?>

进入index.php,如果用户已登录则显示登录信息,如果未登录则显示登录框要求用户登录。


 代码如下

<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=’#’
id=’logout’>【退出】</a></p>
      </div>
      <?php }else{?>
      <div id=”login_form”>
          <p><label>用户名:</label> <input
type=”text” class=”input” name=”user” id=”user” /></p>
          <p><label>密 码:</label> <input
type=”password” class=”input” name=”pass” id=”pass” />
</p>
          <div class=”sub”>
              <input type=”submit” class=”btn” value=”登 录” />
          </div>
      </div>
      <?php }?>
</div>

注意在index.php文件头应该加上语句:session_start;
同时在head部分引入jquery库,以及包含global.js,您还可以为登录框写个漂亮的CSS样式,当然本例已经略微写了个简单的样式,请查看源码

 代码如下

<script type=”text/javascript
src=”../Script/jquery.js”></script>
<script type=”text/javascript”
src=”./Script/global.js”></script> 

global.js文件包括了将要实现的jquery代码。首先要做的就是让输入框获得焦点,像百度和google那样一打开,鼠标光标就在输入框内。使用代码如下:

 代码如下


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图