master

分支 (1)

管理

管理

master

software
/
Courselib.php


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>课程库</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/Courselib.css" />
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="css/footer.css" />


    <style type="text/css">

    </style>
</head>
<body>
<?php
include("header.php");
include_once ("./conn.php");
?>
<section class="sec000">
    <h1 style="margin-top: 20px;">西北工业大学精品课程</h1>
    <hr/>
</section>
<?php
$searchstr='null';
if(isset($_GET['kind']))
{
    $kind=$_GET['kind'];
    if($kind=="搜索")
    {
        $kind=-1;
        $searchstr=$_GET['searchstr'];

    }
}else{
    $kind=0;
}
?>
<section class="sec00">
    <div class="sec00-d<?php if ($kind==0 || $kind==-1)echo " hover001";?>"><a href='Courselib.php?kind=0'><?php if ($kind==-1)echo "搜索"; else echo "全部" ;?></a></div>
    <div class="sec00-d<?php if ($kind==1)echo " hover001";?>"><a href='Courselib.php?kind=1'>专业选修</a></div>
    <div class="sec00-d<?php if ($kind==2)echo " hover001";?>"><a href='Courselib.php?kind=2'>通识选修</a></div>
    <div class="sec00-d<?php if ($kind==3)echo " hover001";?>"><a href='Courselib.php?kind=3'>技能选修</a></div>
    <div class="divform">
        <form name="f1" method="get" action="Courselib.php">
            <input type="text" name="searchstr" placeholder="输入关键字搜索课程">
            <input type="submit" name="kind" value="搜索">
        </form>
    </div>
</section>


<section class="sec01">
    <hr/>
    <section class="news-list" id="text">
<!--        <article class="news-item box" data-category="Cat1">-->
<!--                    <figure class="snip1208">-->
<!--                            <img src="courselib/pic/1" alt="sample66"/>-->
<!--                            <div class="date"><span class="day">啊啊啊</span><span class=\"month\">噢噢噢</span></div>-->
<!--                            <figcaption>-->
<!--                                    <h3>"+data[i][3]+"</h3>-->
<!--                                     <p>-->
<!--                                            额额额额-->
<!--                                   </p>-->
<!--                                    <button>查看详情 》》</button>-->
<!--                            </figcaption><a target="_blank" href="Courseintroduce.php?courseid=1&src=1"></a>-->
<!--                    </figure>-->
<!--        </article>-->
        <script src="js/Courselib-sec01.js" type="text/javascript"></script>
    </section>
    <hr />
    <div class="lom1" id="loadmore">点击加载更多</div>
</section>
<section class="sec02" style="height: 200px;"></section>
<script>
    // 定义一个变量，等会用来控制多次触发
    var clicknum = 0;
    $(window).scroll(function () {
        //获取滚动时距离浏览器顶部的值
        var t = $(this).scrollTop();
        //获取当前窗口的高度
        var h = $(this).height();
        //获取按钮距离浏览器顶部的值
        var h1 = $('#loadmore').offset().top;
        //用按钮的值-滚动条的值与窗口高度进行比较，如果小时，则表示按钮进入可视区，同时也表示滚动条即将到达底部
        if (h1 - t < h) {
            //防止快速下拉时多次触发
            if (clicknum == 0) {
                //改变i的值
                clicknum = 1;
                //触发点击事件
                $('#loadmore').click();
            }
        }
    });


    var kind= <?php
        echo $kind;
        ?> ;
    var page = 0;
    $('#loadmore').click(function () {
        if(clicknum==2)
        {
            return;
        }
        page++;
        $.ajax({
            type: "get",
            url: 'Courselibserver.php',
            data: {
                kind:kind,
                page:page,
                searchstr:"<?php echo $searchstr ?>"
            },
            dataType: "json",
            success: function (data) {
                if(data==="null")
                {
                    $("#loadmore").empty();
                    $('#loadmore').append("全部加载完成");
                    clicknum = 2;
                }else{
                    for (var i in data) {
                        //0.图片链接(440*320) 1.日 2.月 3.标题 4.内容 5.跳转链接
                        var articalstr="<article class=\"news-item box\" data-category=\"Cat1\">\n" +
                            "            <figure class=\"snip1208\">\n" +
                            "                <img src=\"courselib/pic/"+data[i][0]+"\" alt=\"sample66\"/>\n" +
                            "                <div class=\"date\"><span class=\"day\">"+data[i][1]+"</span><span class=\"month\">"+data[i][2]+"</span></div>\n" +
                            "                <figcaption>\n" +
                            "                    <h3>"+data[i][3]+"</h3>\n" +
                            "                    <p>\n" +
                            "                        "+data[i][4]+"\n" +
                            "                    </p>\n" +
                            "                    <button>查看详情 》》</button>\n" +
                            "                </figcaption><a target=\"_blank\" href=\"Courseintroduce.php?courseid="+data[i][6]+"&src="+data[i][5]+"\"></a>\n" +
                            "            </figure>\n" +
                            "\n" +
                            "        </article>";

                        $('#text').append(articalstr);

                    }
                    $("#loadmore").empty();
                    $('#loadmore').append("点击加载更多");
                    clicknum = 0;
                }


            },
            error: function (data) {
                $('#text').append("<p>" + 服务器错误 + "</p>");
            },
            beforeSend: function (data) {
                $("#loadmore").empty();
                $('#loadmore').append("加载中");
            }
        });
    });
    $('#loadmore').click();
</script>
<?php
//$link->close();
//关闭数据库连接
include ("footer.html");
?>
</body>
</html>