会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132440个问题
JAVA 全系列/第二阶段:JAVA 基础深化和提高/数据结构 19306楼
Python 全系列/第二阶段:Python 深入与提高/游戏开发-坦克大战 19307楼

老师,这里我这样写是不是对的呀,还请老师帮忙看一下:

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset='utf-8' />
    <title>lesson4_cookie案例</title>
    <style>
        .loginRegistDiv {
            text-align: center;
            padding: 15px;
            border: 1px solid black;
            width: 300px;
            min-height: 30px;
        }
        
        .welcomeDiv {
            text-align: center;
            padding: 15px;
            border: 1px solid black;
            width: 300px;
            min-height: 30px;
            display: none;
        }
        
        .nickNameSpan {
            color: green;
            font-size: 22px;
            font-weight: bold;
        }
    </style>
</head>

<body>
    <div class="loginRegistDiv">
        <label for="userName">
        <span>用户名:</span><input type="text" id="userName" placeholder='请输入用户名'>
    </label><br/>
        <label for="password">
        <span>密&nbsp;&nbsp;&nbsp;码:</span><input type="text" id="password" placeholder='请输入密码'>
    </label><br/><br/>
        <button class="loginBtn">登录</button>
        <button class="registBtn">注册</button>
    </div>
    <div class="welcomeDiv">
        欢迎回来,尊敬的:
        <span class='nickNameSpan'>哈哈哈</span>
        <br/><br/>
        <button class="exitBtn">注销登录</button>
    </div>
    <script>
        //页面逻辑
        ;
        (function() {
            var loginBtn = document.querySelector('.loginBtn');
            var userNameInput = document.querySelector('#userName');
            var passwordInput = document.querySelector('#password');
            var welcomeDiv = document.querySelector('.welcomeDiv');
            var loginRegistDiv = document.querySelector('.loginRegistDiv');
            var nickNameSpan = document.querySelector('.nickNameSpan');
            var exitBtn = document.querySelector('.exitBtn');

            //表示一个自动登录的功能  
            function getCookie() {
                //获取cookie
                var cookie = document.cookie;
                // 分割成数组
                var cookieArr = cookie.split(';');
                var finalObj = {};
                // 循环遍历,并存入对象
                for (var i = 0; i < cookieArr.length; i++) {
                    var tempArr = cookieArr[i].trim().split('=');
                    finalObj[tempArr[0]] = tempArr[1];
                }
                return finalObj;
            }

            var cookieObj = getCookie();
            if (cookieObj.nickName != undefined) {
                if (cookieObj.nickName.length != 0) {
                    loginRegistDiv.style.display = 'none';
                    welcomeDiv.style.display = 'block';
                    nickNameSpan.innerHTML = cookieObj.nickName;
                }
            }

            // 发送Ajax请求
            loginBtn.onclick = function() {
                var xhr = new XMLHttpRequest();
                xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4) {
                        if (xhr.status == 200) {
                            // 解析
                            var data = JSON.parse(xhr.responseText);
                            // 成功后
                            if (data.loginStatusCode == 1) {
                                loginRegistDiv.style.display = 'none';
                                welcomeDiv.style.display = 'block';
                                nickNameSpan.innerHTML = data.nickName;
                            }
                        }
                    }
                };

                // 采用表单验证方式
                var formData = new FormData();
                formData.append('uname', userNameInput.value);
                formData.append('upass', passwordInput.value);
                xhr.open('post', '07cookie案例后台.php', true);
                xhr.send(formData);
            }

            //退出登录按钮
            exitBtn.onclick = function() {
                // 清空
                userNameInput.value = '';
                passwordInput.value = '';
                // 切换显示隐藏状态
                loginRegistDiv.style.display = 'block';
                welcomeDiv.style.display = 'none';
                //清除cookie
                var expires = new Date(new Date().getTime() + 1).toGMTString();
                document.cookie = 'nickName=beixi;expires=' + expires;
            }
        })();
    </script>
</body>

</html>

<?php
 $success=array('msg'=>'ok');
  $userName=$_POST['uname'];
  $password=$_POST['upass'];

  
   //连接数据库
   $con = mysqli_connect('localhost','root','123456','lanmeipai');

   if($con){
      //修改字符集
      mysqli_query($con,'set names utf8');
      mysqli_query($con,'set character_set_client utf8');
      mysqli_query($con,'set character_set_results utf8');

      //查询数据库并连接
      $sql = 'select * from loginuserinfo where 1';
      $result = $con->query($sql);

      //判断 读取数据库中的用户信息
      // $result->num_rows>0-->有数据
      if($result->num_rows>0){
      $info=[];//创建一个空数组,来存放数据
      for($i=0;$row=$result->fetch_assoc();$i++){
       $info[$i]=$row;
      }

      //判断用户传来的用户名和密码是否在数据库里有着对应的信息
      $flag=false;//标示符,默认登录失败
      for($j=0;$j<count($info);$j++){
         if($info[$j]['userName']==$userName){
            if($info[$j]['password']==$password){
               $success['infoCode']=0;
               $success['nickName']=$username;
               $flag=true;
               break;
            }
         }
      }

      
   //当循环结束后,判断$flag的值
   if(!$flag){
   $success['infoCode']=1;
      }
 
   }else{
   $success['infoCode']=3;
      }
   }else{
   $success['infoCode']=2;//0代表登录成功,1代表登录失败,2代表数据库连接失败,3代表数据库为空
    }


  //登录成功之后对页面添加cookie
  setcookie('nickName','beixi',time()+3600*24);

  //回馈前端表示登录成功,使用状态码loginStatusCode   0表示失败  1表示成功
  $success['loginStatusCode']=1;
  $success['nickName']='beixi';

 echo  json_encode($success);
?>






WEB前端全系列/第九阶段:HTML5新特性模块/(旧)H5新特性 19308楼
JAVA 全系列/第三阶段:数据库编程/Oracle 数据库的使用 19311楼
JAVA 全系列/预科阶段:职业规划/学习方法/JAVA 技术体系介绍和学习方法 19315楼
Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 19316楼
JAVA 全系列/第一阶段:JAVA 快速入门/变量、数据类型、运算符 19317楼
JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 19318楼
Python 全系列/第一阶段:Python入门/Python入门(动画版) 19319楼

老师,这是我创建的一个在指定位置添加元素


// 校验index合法性  0<=index<=size
private void checkIndex02(int index){
    if(!(index >=0 && index <= this.size)){
        throw new IndexOutOfBoundsException("index:"+index+"  size:"+size);
    }
}

// 指定位置添加元素
private void LinkIndex(int index,E element){
    // 检验index合法性 0=<index<=size
    this.checkIndex02(index);
    // 如果index == size 元素添加至尾部
    if(index == size){
        this.LinkLast(element);
    } else if(index == 0){ // index==0 元素添加至头部
        this.LinkFirst(element);
    } else {
        Node<E> node =  this.getNode(index); // 获取指定位置节点
        Node<E> temp = new Node<>(node.prev,element,node); // 创建新节点,位于node前面
        node.prev = temp;
        node.prev.next = temp; //node节点的前一节点指向temp
    }
    // 记录元素个数
    this.size++;
}

// 将节点对象元素添加到双向链表头部
private void LinkFirst(E element){
    Node<E> head = this.head;
    Node<E> node = new Node<>(null,element,head);
    this.head = node;
    if(head == null){
        this.tail = node; 
    } else { 
        head.prev = node;
    }
    // 记录元素个数
    this.size++;
}

// 将节点对象元素添加到双向链表尾部 LinkLast
private void LinkLast(E element){
    // 获取尾节点
    Node<E> t = this.tail;
    Node<E> node = new Node<>(t,element,null);
    this.tail = node;
    if(t == null){ 
        this.head = node;
    } else { 
        t.next = node; 
    }
    // 记录元素个数
    this.size++;
}
// 指定位置添加元素
public void addIndex(int index,E element){
    this.LinkIndex(index,element);

}

测试后运行时正常的,您帮我看看有没有问题,谢谢

JAVA 全系列/第二阶段:JAVA 基础深化和提高/数据结构 19320楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637