1首页
2封面页
3筛选页
4播放页
需要说明的是，暗黑风苹果cms，影视模板是一套适配苹果cms V10程序的极简影视模板，总体设计思路砍掉多余功能，重点围绕用户搜索影片、在线观看两大关键环节做出，与此同时做好电脑端与移动端适配，契合想要架设轻量化影视网站的站长使用。
需要说明的是，影视资源坊说明；这套模板依托苹果cmsV10原生Smarty模板语法开发，使用简约现代的页面设计。页面设置大图横幅推荐区域，影片统一使用卡片布局。导航栏搭配常驻搜索框，用户可以快速跳转播放页。模板删除登录申请、收藏、评论、排行榜，留言板等非必要功能，减少页面冗余代码，访客进入网站后可以更快找到影片并播放；有利于提升网站转化效果。
极简现代页面页面布局清爽干净；剔除多余元素，减少视觉干扰，把影片信息作为页面展现重点；
全端响应式布局手动适配电脑、平板、手机设备，电脑端导航居中展现、搜索框固定呈现。移动端导航与搜索收纳成按钮，点击展开面板；
图像直出模式需要说明的是，图像直接通过src标签输出；不依靠懒加载脚本，对首屏加载和搜索引擎收录更为友好；
CSS变量统一管理样式需要说明的是，页面配色、圆角大小、内外间距所有使用变量控制，修改一处选项就可以完成全站外观更换；
前端轻量架构需要说明的是，不依赖大型前端框架。不必额外编译构建，页面交互依靠原生JavaScript实现，上传模板文件夹就能直接使用。
模板自带网站运行要的基础页面功能，覆盖从主页浏览到视频播放整组浏览链路：
需要说明的是，Banner轮播推荐：兼容自动切换、左右切换箭头与圆点指示器；读取后台level="9"推荐影片，展现影片标题、概述与播放入口；
主页栏目信息区块：按照选定栏目循环展现全新影片，每个板块附带更多跳转网址；
顶部导航菜单：一级栏目搭配子栏目下拉菜单，浏览对应栏目手动高亮；
视频搜索功能：常驻搜索框，仅针对视频模型进行关键词搜索；
视频播放页：播放器自适应16:9宽屏展现；增加视频限制浏览提醒；集成上一集、选集、下一集切换；兼容多播放源标签切换；剧集横向滚动并且高亮当前播放集，底部搭配同类影片推荐；
需要说明的是，栏目列表与筛选页：兼容栏目筛选、排序切换，可按照时间、人气、点击量调整影片顺序；自带分页控件；
全站面包屑导航，清楚展现当前页面浏览网址；
主页底部预留友情网址展现区域；
内置标准化SEO组件，统一输出页面描述、关键词，OG协议等Meta标签；
移动端专属交互效果，导航、搜索面板点击展开收起，附带遮罩层调优操作感受。
| 建站程序 | 苹果cms V10 |
| 模板语法 | Smarty，支持{maccms:*}、{$obj.*}、{:mac_url_*}系统标签 |
| 页面结构 | HTML5语义化标签 header、nav、main、section、article |
| 样式方案 | CSS3自定义变量、Flex弹性布局、媒体查询响应式适配 |
| 脚本代码 | 原生JavaScript ES5兼容，搭配jQuery相关依赖库 |
| 部署方式 | 纯静态模板，无需编译构建，上传目录直接启用 |
| 模块名称 | 文件路径 | 功能说明 |
| 网站首页 | html/index/index.html | 轮播推荐、分类影片区块、友情链接展示 |
| 分类页面 | html/vod/type.html | 栏目分类浏览、影片列表展示 |
| 筛选列表页 | html/vod/show.html | 多条件筛选、排序切换、分页 |
| 搜索结果页 | html/vod/search.html | 关键词搜索影片列表 |
| 视频播放页 | html/vod/play.html | 播放器、选集切换、相关影片推荐 |
| 公共头部 | html/public/head.html | 网站Logo、顶部导航、搜索框、移动端按钮 |
| 公共底部 | html/public/foot.html | 页脚版权信息、JS脚本引入 |
| 资源统一引入 | html/public/include.html | 加载全站CSS、JavaScript资源 |
| 公共SEO模板 | html/public/seo.html | 统一输出页面Meta优化标签 |
| 通用分页组件 | html/public/paging.html | 全站共用分页导航 |
需要说明的是，补充提醒：当前模板play.html、index.html中调取了视频详情接口mac_url_vod_detail()，不过html/vod文件夹缺少detail.html详情模板。假如想要实现封面页→详情页→播放页完整浏览链路。要手动补充详情页文件。
这套模板仅兼容苹果cms V10程序，可以按照接下来环节部署：
上传模板文件夹：将muban1总体文件夹上传到网站根文件夹template文件夹内，保证文件夹结构 template/791/html/、template/791/css/、template/791/js/、template/791/images/；
需要说明的是，后台切换模板：登录苹果cms后台，依次开启系统→网站选项设置→页面，网站模板选项选中muban1；
需要说明的是，刷新网站缓存：保存设置后进入系统菜单更新数据缓存，也可以人为删除runtime文件夹缓存文件；
浏览网站前台刷新页面，模板就能正常加载；
需要说明的是，可选设置：根据网站诉求设置Nginx或Apache伪静态，播放器接口、采集规则、广告位。Banner横幅影片要在后台将影片推荐等级设置为level="9"。
muban1/ ├── css/ │ └── style.css # 全局样式（含响应式） ├── html/ │ ├── index/ │ │ └── index.html # 首页 │ ├── vod/ │ │ ├── play.html # 播放页 │ │ ├── search.html # 搜索页 │ │ ├── show.html # 列表 / 筛选页 │ │ └── type.html # 分类页 │ └── public/ │ ├── head.html # 公共头部 │ ├── foot.html # 公共底部 │ ├── include.html # 资源引入 │ ├── seo.html # SEO Meta │ └── paging.html # 分页组件 ├── images/ # 模板图片资源 ├── js/ │ ├── script.js # 模板核心交互（原生 JS） │ └── jquery相关脚本 # 依赖库 └── README.md # 说明文档
prepreprepreprepreprepreprepreprepreprepre
需要说明的是，Muban1主打轻量化极简路线，舍弃各种繁杂附属功能，专注影片浏览与播放感受。代码结构清爽，维护难度低。整组模板自带完善的SEO基础设置，适配移动端浏览。契合追求开启速率、清爽页面外观的影视网站。部署完成后可按照自身网站情形，补充影片详情模板、自定义配色、加入广告代码，进一步完善网站功能。
