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

<?php
    //获取用户从前端发来的数据
    $username = $_POST['username'];
    $password = $_POST['password'];
    $success = array("msg"=>"ok");

    $con = mysqli_connect("localhost","root","","lmp");
    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);
        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;
                        $flag = true;
                        break;
                    }
                }
            }

            if(!$flag){
                $success['infoCode']=1;
            }
        }else{
            $success['infoCode']=3;
        }

    }else{
        $success['infoCode']=2;  //0:成功  1：失败   2：数据库连接失败   3：数据库为空
    }
    echo json_encode($success);





?>

这两行代码有问题，注释掉就好了，这是怎么回事？

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 37楼

为什么if(flag)当前是播放状态不是暂停状态呢

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 38楼

<!DOCTYPE html>

<html>

<title>蓝莓派首页</title>

</head>

<body>

<ul>

</ul>

</div>

</div>

</div>

<p>

</p>

<p>

</p>

</div>

<p>

</p>

<p>

</p>

</div>

<!--<div class="swiper-container swiper-hd">

<h1 align="center">我在爱尔兰，看着世界的阳光</h1>

<p>     爱尔兰（爱尔兰语：Poblacht na hÉireann；英语：Republic of Ireland），是一个西欧的议会共和制国家，西邻大西洋，东靠爱尔兰海，与英国隔海相望，是北美通向欧洲的通道。爱尔兰自然环境保持得相当好，素有“翡翠岛国”之称，全国绿树成荫，河流纵横，草地遍布，所以又有“绿岛”和“绿宝石”之称。</p>

</div>

</div>-->

<h4>MOVEMENT</h4>

在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容在这写一大堆内容

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<h4>LISTENING</h4>

</div>

<h4>INTERESTING</h4>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<h4>CHATING</h4>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<h4>TRAVELNOTE</h4>

<ul>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

</ul>

</div>

<ul>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

</ul>

</div>

<ul>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

<p class="yj-title">跨越赤道的蜜月行-醉美毛里求斯</p>

<a href="#" class="yj-author">邋遢大叔frank</a>

<p>花の時光旅行【時光旅行】年轻就是用来折腾的，有力气去想，去做，而是为了稳定丢掉青春，为了平淡丢掉梦想。</p>

</div>

</li>

</ul>

</div>

</div>

</table>

</div>

<!--

data-toggle="modal" 按钮点击采用模态框切换的样式，必须属性

data-target="#myModal" 唤醒的时哪一个模态框

-->

唤醒模态框按钮

</button>

<!--

class="modal fade" 表示div采用模态框样式，并且唤醒或者消失采用渐变的效果

class="modal-dialog" 表示模态框采用对话框样式

class="modal-content" 表示模态框采用主体样式(背景为白色，不是透明)

data-dismiss="modal" 添加该属性时，在点击时能够主动消失模态框

-->

...

</div>

//自执行函数 (function(){})()

//封装js文件时习惯放在自执行函数中，保证不污染全局变量

//同时在自执行函数之前添加；语句，保证自执行函数独立执行，不受其他js语句影响。

;(function(){

//注销用户

$('.header-menu').find('.btn_hidden').click(function(){

$('.header-menu').find('.menu').css('display','inline-block');

$('.header-menu').find('.ahidden').css('display','none');

$('.header-menu').find('.btn_hidden').css('display','none');

});

//登陆用户

$('.loginBtn').click(function(){

var userName=$('.username').val();

var passWord=$('.password').val();

//判空的操作

if(userName.trim().length==0||passWord.trim().length==0){

alert('用户名或者密码不能为空!请检查输入！');

return;

}

//发送ajax请求

$.ajax({

type:'post',

url:'php/loginFile.php',

dataType:'json',

data:{

uname:userName,

upass:passWord

success:function(res){

switch(res.infoCode){

case 0:{

alert('登陆成功');

//登陆成功后页面结构变更

$('.header-menu').find('.menu').css('display','none');

$('.header-menu').find('.ahidden').css('display','inline-block');

$('.header-menu').find('.ahidden').html('欢迎回来！'+res.showUserName);

$('.header-menu').find('.btn_hidden').css('display','inline-block');

}

break;

case 1:{

alert('登陆失败！用户名或者密码错误！');

}

break;

case 2:{

alert('登陆失败！网络连接失败');

}

break;

case 3:{

alert('登陆失败！该用户名不存在');

}

break;

default:{

alert('未知错误！');

}

});

//发送完请求后，初始化输入框，等待下一次操作

$('.username').val('');

$('.password').val('');

});

})();

//首页顶部轮播图的ajax请求

;(function(){

//直接进入页面后，自动发送ajax请求

$.ajax({

type:'get',

url:'php/getTopSwiperData.php',

dataType:'json',

success:function(res){

console.log(res.swiperinfo);

var swiperInfoArr=res.swiperinfo;

//选中swiper容器

var dblb=document.querySelector('.dblb');

//构建swiper

var swiperhd=document.createElement('div');

swiperhd.className='swiper-container swiper-hd';

dblb.appendChild(swiperhd);

//构建wrapper

var swiperhd_wrapper=document.createElement('div');

swiperhd_wrapper.className='swiper-wrapper';

swiperhd.appendChild(swiperhd_wrapper);

//构建slide

for(var i=0;i<swiperInfoArr.length;i++){

//每一个slide容器

var slideDiv=document.createElement('div');

slideDiv.className='swiper-slide';

slideDiv.style.backgroundImage='url("'+swiperInfoArr[i].imgUrl+'")';

swiperhd_wrapper.appendChild(slideDiv);

//每一个slide里边的内容

var contDiv=document.createElement('div');

contDiv.className='ss-hd-text ani';

contDiv.setAttribute('swiper-animate-effect','bounceInRight');

contDiv.setAttribute('swiper-animate-duration','0.3s');

slideDiv.appendChild(contDiv);

//每一个slide里面的文本标题

var h1=document.createElement('h1');

h1.setAttribute('align','center');

h1.innerHTML=swiperInfoArr[i].dataTitle;

contDiv.appendChild(h1);

//每一个slide里面的主体内容

var p=document.createElement('p');

p.innerHTML=swiperInfoArr[i].dataContent;

contDiv.appendChild(p);

}

//构建wrapper平级的pagination

var swiperhd_page=document.createElement('div');

swiperhd_page.className='swiper-pagination hd-page';

swiperhd.appendChild(swiperhd_page);

//swiper构建完毕后的初始化

var swiper_hd=new Swiper('.swiper-hd',{

pagination:'.hd-page',

onInit:function(swiper){

swiperAnimateCache(swiper);//隐藏动画元素

swiperAnimate(swiper);//初始化完成开始动画

onSlideChangeEnd:function(swiper){

swiperAnimate(swiper);//每个slide切换结束时也运行当前slide动画

}

});

}

});

})();

</script>

</body>

</html>

老师,不出图片

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 39楼

补充两点

1.他们之所以显示不出分页器很大可能是因为他们没有修改paginationTool.js第108行$.get()后面的url，因为这里面的方法都是被封装好在yz.html内引用的，所以被引用时执行$.get所写入的路径必须是以当前文件(yz.html)为参考用get请求对目标php文件进行访问。

2.第二个要修改的地方就是pagiantionTOol.php文件的26行，$con里面的内容，如果还没创建数据库又想测试分页器实现的效果，可以把infoArr的注释删除掉，把$con的部分注释掉，把$_GET判断内的info一律改成infoArr即可进行测试，只不过这里不会显示图片，因为路径不正确

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 40楼

补充两点

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 41楼

LanMeiPai.zip

老师，麻烦帮我看一下，乐章的分页部分，只能显示第一页，其余页数的内容显示不了，而且页数不太对

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 42楼

LanMeiPai.zip

老师，分页器显示不出来

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 43楼

蓝莓派.zip

轮播的图片出不来，显示jquery的jquery-1.12.3.min.js有问题

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 44楼

<script>
        //登录按钮的点击事件
        //点击时ajax请求去后台，并等待后台反馈数据
        $(".loginBtn").click(function() {
            //发起ajax请求
            var userName = $('.username').val();
            var passWord = $('.password').val();
            //判空操作
            if (userName.trim().length == 0 || passWord.trim().length == 0) {
                alert('用户名或密码不能为空，请检查输入');
                return;
            }
            $.ajax({
                    type: 'post',
                    url: 'PHP/loginBtn.php',
                    dataType: 'json',
                    data: {
                        uname: userName,
                        upass: passWord
                    },
                    success: function(res) {
                        // console.log(res);
                        switch (res.info) {
                            case 0:
                                {
                                    alert('登陆成功');
                                }
                                break;
                            case 1:
                                {
                                    alert('登录失败,用户名或密码错误');
                                }
                                break;
                            case 2:
                                {
                                    alert('登录失败，网络连接失败');
                                }
                                break;
                            case 3:
                                {
                                    alert('登录失败，该用户名不存在');
                                }
                                break;
                            default:
                                {
                                    alert('未知错误');
                                }
                        }
                    }
                })
                //发生请求完毕后，初始化输入框
            $('.username').val('');
            $('.password').val('');
        })
    </script>

<?php
    //获取用户从前端发来的数据
    $username=$_POST['uname'];
    $password=$_POST['upass'];
    $success=array('mag'=>'ok');
    //连接数据库
    //0 成功  1 失败  2 数据库连接失败 3 数据库为空 
    $con=mysqli_connect('localhost','root','','lanmei');
    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 user';
        $result=$con->query($sql);
        //读取数据库中的用户信息
        if($result->num_rows>0){
            $str=[];
            for($i=0;$row=$result->fetch_assoc();$i++){
                $str[i]=$row;
            }
            //判断发来的用户名和密码，是否在数据库中有对因信息
            $flag=false;//标识符，默认登录失败
            for($j=0;j<count($str);$j++){
                if($str[$j]['username']==$username){
                    if($str[$j]['password']==$password){
                        $success['info']=0;
                        $flag=true；
                        break;
                    }
                }
            }
            //当循环结束后，判断$flag的值
            if(!$flag){
                $success['info']=1;
            }

        }else{
            $success['info']=3;
        }
    
    }else{
        $success['info']=2;
    }
    echo json_decode($success);
?>

登录功能实现不了，也没有报错

WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap 45楼

同学您好