有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookie案例</title>
    <style type="text/css">
        .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(){
            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;
            }
        }
        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','cookie案例后台.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

<?php
$success=('msg'=>'ok');
$userName=$_POST['uname'];
  $password=$_POST['upass'];
  /*
     假设经过了数据库的出来
     假设已经认证登录成功，需要添加cookie
  */
  //登录成功之后对页面添加cookie
  setcookie('nickName','beixi',time()+3600*24);
  //回馈前端表示登录成功，使用状态码loginStatusCode   0表示失败  1表示成功
  $success['loginStatusCode']=1;
  $success['nickName']='beixi';
 echo  json_encode($success);
?>

页面没有显示是哪里有问题的呢

WEB前端全系列/第九阶段：HTML5新特性模块/（旧）H5新特性 37459楼

老师eclipse web项目上传的文件在哪里看啊

JAVA 全系列/第六阶段：项目管理与SSM框架/SpringMVC 37460楼

public static void main(String[] args) {
    Image img1 = GameUtil.getImages("images/plane.png");
    System.out.println(img1);

}

  = .();  这句什么意思?

JAVA 全系列/第一阶段：JAVA 快速入门/飞机大战小项目训练 37461楼

2021 - 01 - 08

5.5 和 5.7有区别吗？

JAVA 全系列/第三阶段：数据库编程/MySQL数据库的使用 37462楼

JAVA 全系列/第一阶段：JAVA 快速入门/变量、数据类型、运算符 37463楼

老师我在redis终端敲回车后，vscode没有执行啊。

Python 全系列/第十五阶段：Python 爬虫开发/scrapy框架使用 37464楼

老师Oracle组合索引也是最左前缀原则吗？还是必须要全部都要用到，顺序也全都一样时候，查询时才走索引？

JAVA 全系列/第三阶段：数据库编程/MySQL数据库的使用 37465楼

老师这个sass文件为什么报错，sass文件用考拉转化不了

WEB前端全系列/第十一阶段：Nodejs编程模块--/Less 37466楼

老师，我这个报错，查了半天还是不知道该怎么解决？？？

JAVA 全系列/第九阶段：Spring Boot实战/Spring Boot 37467楼

老师，请问这是哪地方出错了？报错显示找不到userid，我找不到错在哪

代码：

springbootjdbc.zip

JAVA 全系列/第九阶段：Spring Boot实战/Spring Boot 37468楼

划红线的地方为什么可以这么用怎么来的可以解释一下吗

JAVA 全系列/第二阶段：JAVA 基础深化和提高/容器 37469楼

所有的步骤都是一样的怎么会运行不出来呢？

JAVA 全系列/第七阶段：生产环境部署与协同开发/Docker 37470楼

同学您好