课程改版

app/course/course.php

@@ -19,6 +19,7 @@ include "../pcdl/html_head.php";
 require_once "../path.php";
 require_once "../public/_pdo.php";
 require_once '../media/function.php';
+require_once '../public/function.php';
 
 global $PDO;
 PDO_Connect("sqlite:"._FILE_DB_COURSE_);
@@ -31,128 +32,81 @@ if(count($Fetch)==0)
 }
 $course_info = $Fetch[0];
 
-$coverList[] = $course_info["cover"];
-$covers = media_get($coverList);
-foreach ($covers as $value) {
-    $cover["{$value["id"]}"] = $value["link"];
-}
-
-
-
-if(isset($_GET["lesson"])){
-    $query = "select * from lesson where id = '{$_GET["lesson"]}'   limit 0,1";
-    $fLesson = PDO_FetchAll($query);
-    if(count($fLesson)>0){
-        $lesson_info= $fLesson[0];
-    }
-}
-echo "<div id='course_head_bar' style='background-color:gray;padding:3em 10px 10px 10px;'>";
+echo "<div id='course_head_bar' style='background-color:var(--tool-bg-color1);padding:1em 10px 10px 10px;'>";
+echo "<div class='index_inner '>";
+echo "<div style='font-size:140%'>";
 echo $course_info["teacher"]." > ";
-echo '<a href="../course/course.php?id='.$course_info["id"].'">'.$course_info["title"].'</a>';
-if(isset($lesson_info)){
-    echo " > ".$lesson_info["title"];
-}
+echo $course_info["title"];
+echo "</div>";
 echo '<div class="summary"  style="padding-bottom:5px;">'.$course_info["subtitle"].'</div>';
+echo '<div class="summary"  style=""><button>关注</button><button>报名</button><button>分享</button></div>';
+echo "</div>";
 echo '</div>';
 
-echo '<div style="display:flex;">';
-echo '<div style="flex:7;">';
-
-    
-    $coverlink = $cover["{$course_info["cover"]}"];
-    echo '<div id="main_video_win" class="v-cover">';
-    if(isset($lesson_info)){
-        echo $lesson_info["link"];
-    }
-    else{
-        if(substr($coverlink,0,6)=="media:"){
-            echo '<img src="'._DIR_USER_IMG_LINK_.'/' .substr($coverlink,6).'" width="100%" height="auto">';
-        }
-        else{
-            echo '<img src="'.$coverlink.'" width="100%" height="auto">';
-        }
-     
-    }
-        echo '</div>';       
-echo '</div>';
-//右侧lesson列表
-echo '<div style="flex:3;">';
+echo "<div class='index_inner'>";
 
 //课程视频
 $query = "select * from lesson where course_id = '{$_GET["id"]}'   limit 0,100";
 $fAllLesson = PDO_FetchAll($query);
-
-$coverList = array();
-foreach($fAllLesson as $row){
-    $coverList[] = $row["cover"];
-}
-$covers = media_get($coverList);
-foreach ($covers as $value) {
-    $cover["{$value["id"]}"] = $value["link"];
-}
-
-$iLesson = 1;
-foreach($fAllLesson as $row){
-    echo '<div class="pd-10">';
-    echo 'Lesson:'.$iLesson;
-    echo '<div class="title" style="padding-bottom:5px;"><a href="../course/course.php?id='.$_GET["id"].'&lesson='.$row["id"].'">'.$row["title"].'</a></div>';
-    echo '<div class="author"  style="padding-bottom:5px;">主讲：'.$row["teacher"].'</div>';
-    echo '</div>';
-    $iLesson++;
-}
-
-echo '</div>';
-echo '</div>';
-
-echo '<div class="couse_item">';
+echo '<div class="card" style="margin:1em;">';
     echo '<div class="title">';
     echo '简介';
     echo '</div>';
     echo '<div class="detail">';
-        if(isset($lesson_info)){
-            echo $lesson_info["summary"];
-        }
-        else{
-            echo $course_info["summary"];
-        }
+    echo $course_info["summary"];
     echo '</div>';
-echo '</div>';
-
-echo '<div class="couse_item">';
     echo '<div class="title">';
-    echo '课程列表';
-    echo '</div>';
+    echo '参考资料';
+    echo '</div>';    
     echo '<div class="detail">';
+    echo $course_info["attachment"];
+    echo '</div>';   
+echo '</div>';
+
+
     foreach($fAllLesson as $row){
+        echo '<div class="card" style="display:flex;margin:1em;padding:10px;">';
 
-        echo '<div style="display:flex;">';
-        echo '<div style="flex:3;">';
-        $coverlink = $cover["{$row["cover"]}"];
-        echo '<div class="v-cover">';
-        if(substr($coverlink,0,6)=="media:"){
-            echo '<img src="'._DIR_USER_IMG_LINK_.'/'.substr($coverlink,6).'" width="100%" height="auto">';
-        }
-        else{
-            echo '<img src="'.$coverlink.'" width="50" height="50">';
-        }
-        echo '</div>';    
-        echo '</div>';
         echo '<div style="flex:7;">';
-    
         echo '<div class="pd-10">';
-        echo '<div class="title" style="padding-bottom:5px;"><a href="../course/course.php?id='.$row["id"].'">'.$row["title"].'</a></div>';
+        echo '<div class="title" style="padding-bottom:5px;font-size:100%;font-weight:600;">'.$row["title"].'</div>';
         echo '<div class="summary"  style="padding-bottom:5px;">'.$row["subtitle"].'</div>';
         echo '<div class="summary"  style="padding-bottom:5px;">'.$row["summary"].'</div>';
-        echo '<div class="author"  style="padding-bottom:5px;">主讲：'.$row["teacher"].'</div>';
-        echo '</div>';    
-    
+        echo '</div>'; 
         echo '</div>';
+
+        echo '<div style="flex:3;max-width:15em;">';
+        echo '<div >开始：'.date("Y/m/d h:ia",$row["date"]/1000) .'</div>';
+        $dt = $row["duration"];
+        $sdt = "";
+        if($dt>59){
+            $sdt .= floor($dt/60)."小时";
+        }
+        $m = ($dt %60);
+        if($m>0){
+            $sdt .=($dt %60)."分钟";
+        }
+        echo "<div >持续：{$sdt}</div>";
+        $now = mTime();
+        $lesson_time="";
+        if($now<$row["date"]){
+            $lesson_time = "尚未开始";
+        }
+        else if($now>$row["date"] && $now<($row["date"]+$dt*1000)){
+            $lesson_time = "已经结束";
+        }
+        else{
+            $lesson_time = "正在进行";
+        }
+        echo '<div ><span class="lesson_status">已经结束</span></div>';
+        echo '</div>';
+
         echo '</div>';
     }
-    echo '</div>';
-echo '</div>';
+
 
 ?>
+</div>
 <script>
     $("#main_video_win").height($("#main_video_win").width()*9/16);
 </script>

app/course/course_list.php

@@ -0,0 +1,15 @@
+<?php
+//
+
+require_once "../path.php";
+require_once "../public/_pdo.php";
+require_once '../public/load_lang.php';
+require_once '../media/function.php';
+
+global $PDO;
+PDO_Connect("sqlite:"._FILE_DB_COURSE_);
+$query = "select * from course where 1  order by create_time DESC limit 0,100";
+$Fetch = PDO_FetchAll($query);
+echo json_encode($Fetch, JSON_UNESCAPED_UNICODE);
+
+?>

app/course/index.php

@@ -6,7 +6,95 @@ include "../pcdl/html_head.php";
 <?php
     require_once("../pcdl/head_bar.php");
 ?>
+<style>
+	.content_block{
+		flex: 0 0 auto;
+		width: 25%;
+		padding: 10px;
+	}
 
+	.index_inner{
+		width: 960px;
+		margin-left: auto;
+		margin-right: auto;
+	}
+	.content_inner{
+		display:flex;
+	}
+	.h3{
+		font-size: 16px;
+	}
+	.index_list_categories{
+		margin-bottom: 2em;
+	}
+	
+	.index_list_categories a:hover{
+		color: var(--tool-link-hover-color);
+	}
+	.index_list_categories a,a:link{
+		color: var(--main-color);
+	}
+	.index_list_categories button{
+		border: none;
+	}
+	
+	.pd-10{
+		padding:10px;
+	}
+	</style>
+<div class="index_inner" >
+    
+	<div class="index_list_categories">
+		<div class="title_bar">
+			<span class="title h3">老师</span>	
+			<span class="title_more"><a href="../course">更多</a></span>
+		</div>
+		<div class="content">
+			<div id="course_list_new" class="content_inner">
+
+
+
+			</div>
+		</div>
+	</div>
+	<script>
+	$.get("../course/teacher_list.php",function(data,status){
+		let xDiv = document.getElementById("course_list_new");
+		if(xDiv){
+			xDiv.innerHTML=data;
+		}
+	});
+	</script>	
+    <div class="card" style="margin:1em;">
+    过滤
+    </div>
+    <div id="course_list">
+    </div >
+    <script>
+	$.get("../course/course_list.php",function(data,status){
+        let arrData = JSON.parse(data);
+        let html="";
+        for (const iterator of arrData) {
+            html += '<div class="card" style="display:flex;margin:1em;padding:10px;">';
+
+            html += '<div style="flex:7;">';
+            html +=  '<div class="title" style="padding-bottom:5px;font-size:110%;font-weight:600;"><a href="../course/course.php?id='+iterator.id+'">'+iterator.title+'</a></div>';
+            html += '<div class="summary"  style="padding-bottom:5px;">'+iterator.subtitle+'</div>';
+            html += '<div class="summary"  style="padding-bottom:5px;">'+iterator.summary+'</div>';
+
+            html += '</div>';
+
+            html += '<div style="flex:3;max-width:15em;">';
+
+            html += '</div>';
+
+            html += '</div>';
+            $("#course_list").html(html);
+        }
+	});
+	</script>	
+
+    </div>
 
 <?php
 include "../pcdl/html_foot.php";

app/course/list_new.php

@@ -22,22 +22,15 @@ foreach ($covers as $value) {
 foreach($Fetch as $row){
     echo '<div class="content_block">';
     echo '<div class="card">';
-    
-    $coverlink = $cover["{$row["cover"]}"];
-    echo '<div class="v-cover">';
-    if(substr($coverlink,0,6)=="media:"){
-        echo '<img src="'._DIR_USER_IMG_LINK_.'/'.substr($coverlink,6).'" width="100%" height="auto">';
-    }
-    else{
-        echo '<img src="'.$coverlink.'" width="50" height="50">';
-    }
-    echo '</div>';
 
     echo '<div class="pd-10">';
-    echo '<div class="title" style="padding-bottom:5px;"><a href="../course/course.php?id='.$row["id"].'">'.$row["title"].'</a></div>';
+    echo '<div class="title" style="padding-bottom:5px;font-size:110%;font-weight:600;"><a href="../course/course.php?id='.$row["id"].'">'.$row["title"].'</a></div>';
     echo '<div class="summary"  style="padding-bottom:5px;">'.$row["subtitle"].'</div>';
+    echo '<div class="author"  style="padding-bottom:5px;margin-bottom:0.4em;">主讲：'.$row["teacher"].'</div>';    
     echo '<div class="summary"  style="padding-bottom:5px;">'.$row["summary"].'</div>';
-    echo '<div class="author"  style="padding-bottom:5px;">主讲：'.$row["teacher"].'</div>';
+    echo '</div>';
+    echo '<div class="pd-10" style="display:flex;justify-content: space-between;">';
+    echo '<button>赞<span>3</span></button><button>订阅<span>23</span></button>';
     echo '</div>';
     
     echo '</div>';

app/course/teacher_list.php

@@ -0,0 +1,29 @@
+<?php
+//
+
+require_once "../path.php";
+require_once "../public/_pdo.php";
+require_once '../public/load_lang.php';
+require_once '../media/function.php';
+
+global $PDO;
+PDO_Connect("sqlite:"._FILE_DB_COURSE_);
+$query = "select teacher,count(*) as co from course where 1 group by teacher order by co DESC limit 0,4";
+$Fetch = PDO_FetchAll($query);
+
+foreach($Fetch as $value){
+    echo '<div class="content_block">';
+    echo '<div class="card pd-10">';
+    echo '<div class="title" style="padding-bottom:5px;font-size:110%;font-weight:600;"><a href="../course/course.php?id='.$row["id"].'">'.$value['teacher'].'</a></div>';
+    
+    $query = "select id, title  from course where teacher = '{$value['teacher']}'  order by create_time DESC limit 0,5";
+    $FetchTeacher = PDO_FetchAll($query);
+    foreach($FetchTeacher as $row){
+        echo '<div class="title" style="padding-bottom:5px;"><a href="../course/course.php?id='.$row["id"].'">'.$row["title"].'</a></div>';
+
+    }    
+    echo '</div>';
+    echo '</div>';
+}
+
+?>

app/pcdl/html_head.php

@@ -52,11 +52,18 @@ else{
 		line-height: 1.3;
 	}
 	.card>.title>a , .card>.title>a:link{
-		color: var(--tool-link-hover-color);
+		color: var(--main-color);
+
 	}
 	.card a:hover{
 		color: var(--tool-link-hover-color);
 	}
 
+	.index_inner {
+    width: 960px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 	</style>
 </head>

app/pcdl/index.php

@@ -24,9 +24,17 @@ require_once '../pcdl/html_head.php';
 	.index_list_categories{
 		margin-bottom: 2em;
 	}
-	.index_list_categories a,a:link{
+	
+	.index_list_categories a:hover{
 		color: var(--tool-link-hover-color);
 	}
+	.index_list_categories a,a:link{
+		color: var(--main-color);
+	}
+	.index_list_categories button{
+		border: none;
+	}
+	
 	.pd-10{
 		padding:10px;
 	}