第二節課 安裝蘋果cms
本節目標:
1.安裝蘋果cms
第三節課 模板首頁的引入
1.下載目標站點頁面
在檢查模板所需頁面正常後
1.在模板文件下(template)創建一個自定義名字的文件夾
2.在後臺啓用我們的模板
3.將資源文件放到(template)裏面
4.導入模板文件
仿站小工具下載
https://wwi.lanzoup.com/iHqCOs7m06d
文件資源存放目錄
/template/skin/static/
編程工具
notepad++
替換快捷鍵:Ctrl+H
保存快捷鍵:Ctrl+S
第四課 首頁標題、描述、關鍵詞調用
首頁TDK:
<title>{$maccms.site_name}</title>
<meta name="keywords" content="{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />列表TDK:
<title>{$obj.type_title} - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.type_key}" />
<meta name="description" content="{$obj.type_des}" />播放頁TDK:
<title>正在播放【{$obj.vod_name}】 - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.vod_name}在線收看,{$obj.vod_name}迅雷下載" />
<meta name="description" content="{$obj.vod_name}劇情:{$obj.vod_blurb}" />第五節課 調用導航
第五節課 分離模板導航欄
分離導航欄,不是分離head部分,分離的是body下面的部分
第六節課 模板導航的調用
導航調用參考代碼
蘋果cms調用導航欄目標籤以及導航亮尚
https://www.4s5.cn/archives/118.html
蘋果cms{:maccms:type}調用標籤詳解
https://www.4s5.cn/archives/129.html
沒有下拉的導航調用:
{maccms:type ids="1,2,3,4,5" order="asc" by="sort" id="vo1" key="key1"}
欄目名字:{$vo1.type_name}
欄目鏈接:{:mac_url_type($vo1)}
{/maccms:type}
有下拉的導航調用:
{maccms:type ids="1,2,3,4,5" order="asc" by="sort" id="vo1" key="key1"}
父欄目名字:{$vo1.type_name}
父欄目鏈接:{:mac_url_type($vo1)}
{maccms:type parent="'.$vo1['type_id'].'" order="asc" by="sort" id="vo2" key="key2"}
子欄目名字:{$vo2.type_name}
子欄目鏈接:{:mac_url_type($vo2)}
{/maccms:type}
{/maccms:type}
判斷是否爲當前欄目:
{if $vo1.type_id==$obj.type_id||$vo1.type_id==$obj.type_1.type_id||$vo1.type_id==$obj.parent.type_id}
active
{/if}
總結:
1.導航判斷 {if condition="判斷條件"} {/if}
2.我們可以把變量輸出打印出來
第七節課 調用首頁的本週熱門視頻
代碼
調用的代碼已經整理好了,在下面這個頁面
https://www.4s5.cn/archives/131.html
第八節課 利用常用函數給字段加上鍊接
主要代碼
mac_url_create=""{$vo.actor|mac_url_create='actor','vod','search'}
第九節課 蘋果cms指定欄目id調用視頻
蘋果cms指定分類調用最新視頻
https://www.4s5.cn/archives/135.html
第十節課 視頻順序講解
由於打錯字,導致視頻順序有些亂
第十一節課 分離公共小列表調用
重複使用和修改代碼很費時間,所以建立一個新公共文件來專門存放代碼
調用標籤:
{include file=""}第十二節課 蘋果cms指定分類調用底下子分類
調用代碼:
{maccms:type ids="2" order="asc" by="sort" id="vo1"}
{$key} 序號
{$vo1.type_id} 編號
{$vo1.type_name} 名稱
{$vo1.type_en} 拼音
{$vo1.type_pid} 父分類編號
{$vo1.type_sort} 排序
{$vo1.type_title} SEO標題
{$vo1.type_key} SEO關鍵字
{$vo1.type_des} SEO描述
{:mac_url_type($vo1)} 網址
{maccms:type parent="'.$vo1['type_id'].'" order="asc" by="sort" id="vo2"}
{$vo2.type_id} 編號
{$vo2.type_name} 名稱
{$vo2.type_en} 拼音
{$vo2.type_pid} 父分類編號
{$vo2.type_sort} 排序
{$vo2.type_title} SEO標題
{$vo2.type_key} SEO關鍵字
{$vo2.type_des} SEO描述
{:mac_url_type($vo2)} 網址
{/maccms:type}
{/maccms:type}第十三節課 蘋果cms調用最新電視劇,綜藝,動漫
代碼參考第十二節課的筆記:
https://www.4s5.cn/archives/161.html
第十四節課 蘋果cms調用友情鏈接
調用代碼:
{maccms:link num="10" type="font"}
{$key} 序號
{$vo.link_id} 編號
{$vo.link_name} 名稱
{$vo.link_type} 類型
{$vo.link_logo} logo
{$vo.link_url} 網址
{/maccms:link}第十五節課 分離首頁底部作爲公共調用板塊
1.在模板文件下(template)創建一個自定義名字的文件夾
2.在後臺啓用我們的模板
3.將資源文件放到(template)裏面
4.導入模板文件
調用代碼
{include file="public/footer"}
第十六節課 視頻列表頁的引入
模板文件不存在:vodtype.html
第十七節課 視頻列表公共模板的引入
TDK:{include file="public/seotdk"}
頭部:{include file="public/header"}
底部:{include file="public/footer"}
第十八節課 蘋果cms調用所有分類
調用代碼:
{maccms:type ids="parent" order="asc" by="sort" flag="vod" id="vo1" key="key1"}
<span{if $vo1.type_id==$obj.type_id} class="active"{/if}><a href="{:mac_url_type($vo1)}" title="{$vo1.type_name}">{$vo1.type_name}</a></span>
{maccms:type parent="'.$vo1['type_id'].'" order="asc" by="sort" id="vo2" key="key2"}
<span{if $vo2.type_id==$obj.type_id} class="active"{/if}><a href="{:mac_url_type($vo2)}" title="{$vo2.type_name}">{$vo2.type_name}</a></span>
{/maccms:type}
{/maccms:type}第十九節課 蘋果cms視頻列表調用
代碼:
{maccms:vod num="調用數量" paging="yes" pageurl="vod/type" order="desc" by="time"}
{$key} 序號
{$vo.vod_id} 編號
{$vo.vod_name} 名稱
{$vo.vod_en} 拼音
{$vo.vod_sub} 副標
{$vo.vod_content} 詳情
{$vo.vod_remarks} 備註
{$vo.vod_blurb} 簡介
{$vo.vod_letter} 首字母
{$vo.vod_total} 總集數
{$vo.vod_serial} 連載數
{$vo.vod_tv} 電視頻道
{$vo.vod_weekday} 節目週期
{$vo.vod_version} 資源版本
{$vo.vod_isend} 完結
{$vo.vod_author} 作者
{$vo.vod_jumpurl} 跳轉URL
{$vo.vod_color} 顏色
{$vo.vod_hits} 人氣
{$vo.vod_hits_day} 日人氣
{$vo.vod_hits_week} 周人氣
{$vo.vod_hits_month} 月人氣
{$vo.vod_up} 頂
{$vo.vod_down} 踩
{$vo.vod_time_add} 添加時間
{$vo.vod_time} 更新時間
{$vo.vod_level} 推薦
{$vo.vod_state} 資源類別
{$vo.vod_pic} 圖片
{$vo.vod_pic_thumb} 縮略圖
{$vo.vod_pic_slide} 幻燈片
{$vo.vod_tag} tag
{$vo.vod_actor} 演員
{$vo.vod_director} 導演
{$vo.vod_area} 地區
{$vo.vod_year} 年份
{$vo.vod_stint_play} 點播每集所需積分
{$vo.vod_stint_down} 下載每集所需積分
{$vo.vod_score} 平均分
{$vo.vod_score_all} 總評分
{$vo.vod_score_num} 總評次
{$vo.vod_duration} 視頻時長
{$vo.vod_play_from} 播放器類型
{$vo.vod_down_from} 下載器類型
{:mac_url_vod_detail($vo)} 網址
{:mac_url_vod_play($vo,1,1)} 播放網址
{:mac_url_vod_down($vo,1,1)} 下載網址
{$vo.type.type_id} 分類ID
{$vo.type.type_id_1} 父分類編號
{$vo.type.type_name} 分類名稱
{$vo.type.type_en} 分類拼音
{$vo.type.type_key} 分類SEO關鍵字
{$vo.type.type_des} 分類SEO描述
{$vo.type.type_title} 分類SEO標題
{:mac_url_type($vo.type)} 分類網址
{/maccms:vod}第二十節課 蘋果cms視頻列表分頁的調用
代碼
{if condition="$__PAGING__.record_total gt 0"}
{maccms:foreach name="$__PAGING__.page_num" id="num"}
{if condition="$__PAGING__['page_current'] eq $num"}
<a class="page_link page_current" href="javascript:;" title="第{$num}頁">{$num}</a>
{else}
<a class="page_link" href="{$__PAGING__.page_url|mac_url_page=$num}" title="第{$num}頁" >{$num}</a>
{/if}
{/maccms:foreach}
{$__PAGING__.page_url|mac_url_page=1} 首頁
{$__PAGING__.page_url|mac_url_page=$__PAGING__.page_prev} 上一頁
{$__PAGING__.page_url|mac_url_page=$__PAGING__.page_next} 下一頁
{$__PAGING__.page_url|mac_url_page=$__PAGING__.page_total} 尾頁
{else/}
{/if}視頻代碼:
{if condition="$__PAGING__.record_total gt 0"}
<ul class="pager">
<li><a href="{$__PAGING__.page_url|mac_url_page=1}">首頁</a></li>
<li class="previous"><a href="{$__PAGING__.page_url|mac_url_page=$__PAGING__.page_prev}">«</a></li>
{maccms:foreach name="$__PAGING__.page_num" id="num"}
{if condition="$__PAGING__['page_current'] eq $num"}
<li class="active"><a href="javascript:;" title="第{$num}頁">{$num}</a></li>
{else}
<li><a href="{$__PAGING__.page_url|mac_url_page=$num}" title="第{$num}頁">{$num}</a></li>
{/if}
{/maccms:foreach}
<li class="next"><a href="{$__PAGING__.page_url|mac_url_page=$__PAGING__.page_next}">»</a></li>
<li><a href="{$__PAGING__.page_url|mac_url_page=$__PAGING__.page_total}">尾頁</a></li>
</ul>
{/if}
第二十一節課 蘋果cms視頻列表麪包屑導航
父欄目麪包屑: 首頁 電影
子欄目麪包屑: 首頁 電影 動作片
參考代碼
{if condition="$obj.parent.type_id neq ''"}
{:mac_url_type($obj.parent)} {$obj.parent.type_name}
{/if}
{:mac_url_type($obj)} {$obj.type_name}視頻代碼
<section class="container">
<div class="alert alert-danger" id="topInfo" data-info=""> </div>
<ul class="breadcrumb">
<li><a href="/"><i class="icon icon-home"></i> 首頁</a></li>
{if condition="$obj.parent.type_id neq ''"}
<li><a href="{:mac_url_type($obj.parent)} " title="{$obj.parent.type_name}">{$obj.parent.type_name}</a></li>
{/if}
<li><a href="{:mac_url_type($obj)} " title="{$obj.type_name}">{$obj.type_name}</a></li>
</ul>
</section>第二十二節課 蘋果cms視頻列表頁排序方式的調用
代碼整理
最新:{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'time' ],'show')}
判斷是否爲最新排序:{if condition="$param.by eq '' || $param.by eq 'time'"} active{/if}
人氣:{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'hits' ],'show')}
判斷是否爲人氣排序:{if condition="$param.by eq 'hits'"} active{/if}
推薦:{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'level' ],'show')}
判斷是否爲推薦排序:{if condition="$param.by eq 'level'"} active{/if}視頻代碼
<a href="{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'time' ],'show')}" class="btn btn-danger {if condition="$param.by eq '' || $param.by eq 'time'"} active{/if}">最新</a>
<a href="{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'hits' ],'show')}" class="btn btn-danger {if condition="$param.by eq 'hits'"} active{/if}">人氣</a>
<a href="{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'level' ],'show')}" class="btn btn-danger {if condition="$param.by eq 'level'"} active{/if}">推薦</a>第二十三節課 年代篩選功能調用
--------------按年代:--------------
全部:
{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>'','level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>$param['by'] ],'show')}
全部判斷:{if condition="$param['year'] eq ''"} class="active"{/if}
{empty name="$obj.type_extend.year"}
{maccms:foreach name=":explode(',',$obj.parent.type_extend.year)" id="vo2" key="key2"}
HTML樣式
{/maccms:foreach}
{else /}
{maccms:foreach name=":explode(',',$obj.type_extend.year)" id="vo2" key="key2"}
HTML樣式
{/maccms:foreach}
{/empty}
值:
判斷是否爲當前:{if condition="$param['year'] eq $vo2"} class="active"{/if}
鏈接:{:mac_url_type($obj,['area'=>$param['area'],'lang'=>$param['lang'],'year'=>$vo2,'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>$param['by'] ],'show')}
名字:{$vo2}第二十四節課 地區篩選功能調用
--------------按地區:--------------
全部:
{:mac_url_type($obj,['area'=>'','lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>$param['by'] ],'show')}
全部判斷:{if condition="$param['area'] eq ''"} class="active"{/if}
{empty name="$obj.type_extend.area"}
{maccms:foreach name=":explode(',',$obj.parent.type_extend.area)" id="vo2" key="key2"}
HTML樣式
{/maccms:foreach}
{else /}
{maccms:foreach name=":explode(',',$obj.type_extend.area)" id="vo2" key="key2"}
HTML樣式
{/maccms:foreach}
{/empty}值:
判斷是否爲當前:{if condition="$param['area'] eq $vo2"}class="active"{/if}
鏈接:{:mac_url_type($obj,['area'=>$vo2,'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>$param['by'] ],'show')}
名字:{$vo2}第二十五節課 蘋果cms篩選頁面的製作
篩選頁面製作前,需要做一個跳轉頁面,也可以不做,但是需要去後臺開啓蘋果cms的篩選功能
public/jump.html 跳轉提示頁模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>系統提示......</title>
<link rel="stylesheet" href="__STATIC__/css/home.css">
<style>
body{background:#F9FAFD;color:#818181;}
</style>
</head>
<body>
<div class="mac_msg_jump">
<div class="msg_jump_tit">系統提示...</div>
<div class="title">親愛的:</div>
<div class="text">{$msg}</div>
<div class="jump">
頁面自動 <a id="href" href="<?php echo($url);?>">跳轉</a> 等待時間: <b id="wait"><?php echo($wait);?></b>
</div>
</div>
<script type="text/javascript">
(function(){
var wait = document.getElementById('wait'),
href = document.getElementById('href').href;
var interval = setInterval(function(){
var time = --wait.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
};
}, 1000);
})();
</script>
</body>
</html>篩選頁面和視頻列表頁差不多
唯一需要修改的就是列表頁的調用方式
第二十六節課 視頻詳情列表頁的製作
模板文件不存在:voddetail.html
第二十七節課 蘋果cms視頻詳情列表頁面包屑導航製作
視頻代碼
<section class="container">
<ul class="breadcrumb">
<li><a href="{$maccms.path}"><i class="icon icon-home"></i> 首頁</a></li>
<!--判斷是否有父分類存在-->
{if condition="$obj.type_1.type_id neq '' "}
<li><a href="{:mac_url_type($obj.type_1)}" title="{$obj.type_1.type_name|mac_filter_html}">{$obj.type_1.type_name|mac_filter_html}</a></li>
{/if}
<!--當前分類-->
<li><a href="{:mac_url_type($obj.type)}" title="{$obj.type.type_name|mac_filter_html}">{$obj.type.type_name|mac_filter_html}</a></li>
<!--當前視頻名字和當前url-->
<li><a href="{:mac_url_vod_detail($obj)}" title="{$obj.vod_name|mac_filter_html}">{$obj.vod_name|mac_filter_html}</a></li>
</ul>
</section>第二十八節課 蘋果cms視頻詳情列表製作
參考代碼:
圖片:{$obj.vod_pic}
標題:{$obj.type_name}
本頁地址:{:mac_url_vod_detail($obj)}
類型url:{:mac_url_type($obj.type)}
類型:{$obj.type.type_name|mac_filter_html}
導演:{$obj.vod_director|mac_url_create='director'}
主演:{$obj.vod_actor|mac_url_create='actor'}
年代:{$obj.vod_year|mac_url_create='yaer'}
地區:{$obj.vod_area|mac_url_create='area'}
語言:{$obj.vod_lang|mac_url_create='lang'}
簡介:{$obj.vod_content}
上次更新:{$obj.vod_time|date='Y-m-d',###}時間{$vo.actor|mac_url_create='actor','vod','search'}把,號相連的一串字符生成N個搜索鏈接,後2個參數可以不填寫默認是生成vod模塊搜索鏈接。 例子是創建演員搜索鏈接。支持演員、導演、tag、擴展分類等字段
第二十九節課 蘋果cms的播放源以及播放集數調用
1.先導入我們的播放器
https://wwi.lanzoup.com/imkIsynl4kh
2.繼續仿
代碼參考
{maccms:foreach name="obj.vod_play_list" id="vo" key="key"}
序號:{$key}
播放器名字:{$vo.player_info.show}
{maccms:foreach name="vo.urls" id="vo2" key="key"}
播放地址:{:mac_url_vod_play($obj,['sid'=>$vo.sid,'nid'=>$vo2.nid])}
播放名字:{$vo2.name}
{/maccms:foreach}
{/maccms:foreach}第三十節課 蘋果cms猜你喜歡調用視頻
標籤參考
{maccms:vod num="調用數量" type="current" order="desc" by="rnd"}
公共代碼
{/maccms:vod}第三十一節課 蘋果cms播放頁引入
模板文件不存在:vodplay.html
引入播放頁,然後將播放頁公共部分替換進去
第三十二節課 蘋果cms播放頁面包屑導航的調用
判斷是否有父欄目
{if condition="$obj.type_1.type_id neq '' "}
父欄目的網址
父欄目的名稱:{$obj.type_1.type_name}
{/if}
當前頁面分類的網址:{:mac_url_type($obj.type)}
當前頁面的分類:{$obj.type.type_name}
當前頁面的鏈接:{:mac_url_vod_detail($obj)}
當前頁面標題:{$obj.vod_name}第三十三節課 調用視頻播放窗口
用到的代碼
{$player_data} 播放數據
{$player_js} 加載播放器
第三十四節課 播放頁面上一集與下一集的調用
代碼
{$obj.player_info.link_next} 下一頁地址,最後一頁時此鏈接將當前頁鏈接
{$obj.player_info.link_pre} 上一頁地址,第一頁時此鏈接將當前頁鏈接
第三十五節課 蘋果cms播放頁完善
蘋果cms播放頁完善
第三十五節課 蘋果cms搜索頁面的製作
蘋果cms搜索頁面的製作
pageurl="vod/search"
排序方式wd
關鍵詞:
{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}
數量:{$__PAGING__.record_total}
第三十六節課 蘋果cms搜索頁面排序的修改
最新地址:{:mac_url_search(['wd'=>$param['wd'],'area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'time' ],'vod')}
判斷是否爲最新排序:{if condition="$param.by eq '' || $param.by eq 'time'"} active{/if}
人氣地址:{:mac_url_search(['wd'=>$param['wd'],'area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'hits' ],'vod')}
判斷是否爲人氣排序:{if condition="$param.by eq 'hits'"} active{/if}
推薦地址:{:mac_url_search(['wd'=>$param['wd'],'area'=>$param['area'],'lang'=>$param['lang'],'year'=>$param['year'],'level'=>$param['level'],'letter'=>$param['letter'],'state'=>$param['state'],'tag'=>$param['tag'],'class'=>$param['class'],'order'=>$param['order'],'by'=>'level' ],'vod')}
判斷是否爲推薦排序:{if condition="$param.by eq 'level'"} active{/if}第三十七節課 搜索表單的製作
搜索表單的參數參考
action="{:mac_url('vod/search')}"
name="wd"
第三十八節課 蘋果cms仿站結束
蘋果cms仿站結束
ThinkPHP V5.0——爲API開發而設計的高性能框架:https://www.kancloud.cn/manual/thinkphp5/118003