Discuz!使用问题、建议、BUG等请到论坛反馈以便获得及时帮助，大型问题建议走付费途径。

SupeV 模板说明

一、每个页面的模板文件是哪个

二、CSS 是哪个文件

三、以首页为例子，讲解模板代码结构

SupeV 的模板文件夹是：theme 文件夹。官方提供的默认模板是存放到 theme\zh-cn\tpl 文件夹里。

一、每个页面的模板文件是哪个

首先讲解 theme\zh-cn\tpl 文件夹里每一个文件对应的页面模板

ajax_footer.php ajax尾

ajax_header.php ajax头

announcements.php 公告页面

category.php 分类二级页面

comment.php 各页面公用的评论内容页

footer.php 页脚（全站共用一个页脚）

getpasswd.php 获取密码

header.php 头部（全站共用一个头部）

help.php 帮助页面

history.php 我看过的节目

hottags.php 热门标签页

icategory.php 频道页面

index.php 首页（门户样式）

index_simpleness.php 首页（简洁样式）

ispecial.php 专辑列表页面

ivideo.php 视频列表页面

login.php 登录页面

login_secques.php 带验证码的登录页面

lostpass.php 取回密码

myspecial.php 我的专辑

myvideo.php 我的视频

nopermission.php 无权限访问

playlist.php 我的点播单

refers.php 站外引用

register.php 注册页面

relatekw.php 相关视频

report.php 举报信息

search.php 搜索页面

show.php 系统消息

special.php 某个专辑的页面

specialm.php 公共的专辑信息

tag.php TAG页面

union.php 联盟网站页面

userm.php 公共的会员信息

video.php 某个视频的页面

videom.php 公共的视频信息

vspace.php 个人空间页面

vspacecp.php 管理中心页面

然后讲解 theme\zh-cn\tpl\vspacecp 文件夹里每一个文件对应的页面模板，这个文件夹里的文件都是个人空间管理页面的模板文件

comments.php 评论管理

creditrule.php 积分规则

exchangecredit.php 积分兑换

favs.php 收藏管理

friend.php 好友管理

home.php 个人空间管理中心首页

menu.php 个人后台左侧导航

personal.php 修改个人信息

preferences.php 偏好设置

specials.php 专辑管理

subs.php 订阅管理

video.php 我的视频

二、CSS是哪个文件

SupeV 全部的页面由两个 CSS 文件控制，这两个文件分别是：./theme/zh-cn/css/supev.css 和 ./theme/zh-cn/css/vspacecp.css。./theme/zh-cn/css/vspacecp.css 这个 CSS 文件是控制个人管理中心。./theme/zh-cn/css/supev.css 这个 CSS 文件是控制除个人后台之外的所有页面。

三、以首页为例子，讲解模板代码结构

打开 theme\zh-cn\tpl\index.php 文件，即 SupeV 站点首页的模板文件。

1、{template header}

这一句，是调用头部模板的代码，即调用 header.php 文件。

2、

<div class="col1"> <h1>热点推荐</h1> <div class="hot_commend"> <dl> {block "portal_video_troll"} {block "portal_video_views"} </dl> </div> <!--热点推荐 end--> <!--热门专辑--> {block "portal_special_hot"} <!--热门专辑 end--> <!--最佳原创--> {block "portal_videos_orig"} <!--最佳原创 end--> <!--大家顶上来的节目--> {block "portal_videos_pushs"} <!--大家顶上来的节目 end--> <!--分类信息--> {block "portal_videos_cats"} <!--分类一 end--> </div> <!--col1 end -->

对应的部分如下图所示：

我们以“热门专辑”为例，简单说明 SupeV 模板里的代码：

<!--热门专辑--> {block "portal_special_hot"} <!--热门专辑 end-->

这里的三行代码：一行代码+两个注释，代表的是：

或许大家会奇怪，仅仅 {block "portal_special_hot"} 一段代码，就可以显示“热门专辑”这一块。其实 {block "portal_special_hot"} 这段代码是 SupeV 后台的模块代码，即JS代码。请大家到 SupeV 后台，点击“模块管理”的“浏览模块”，然后搜索“portal_special_hot”。请点击 portal_special_hot 模块，找到这个模块的模板，大家可以看到这个模块代表的模板代码是：

<div class="modulebg"> <div class="module_title"> <h2>热门专辑</h2> <em> <ul> <!--{if !empty($block[tags])}--> <!--{loop $block[tags] $k $v}--><!--{if empty($k)}--><li style="background:none;"><!--{else}--><li><!--{/if}--><a href="./tag.php?stype={STYPE_SPECIAL}&keywords=<!--{eval echo rawurlencode($v);}-->">$v</a></li><!--{/loop}--> <!--{/if}--> </ul> </em> </div> <ul class="video_list video_album"> <!--{if empty($block['data'])}--> <p class="info">没有信息</p> <!--{else}--> <!--{loop $block['data'] $row}--> <li> <div class="album_pic"><a href="./special.php?spid=$row[spid]"><img src="$row[thumb]" alt="$row[subject]" title="$row[subject]" onerror="this.src='{SPNOTHUMB}';"/></a></div> <h4><a href="./special.php?spid=$row[spid]" title="$row[subject]">$row[subject]</a></h4> <span>视频: $row[videos]</span> <span>播放: $row[views]</span> </li> <!--{/loop}--> <!--{/if}--> </ul> <div class="clear"></div> </div>

至于中间如何将 {block "portal_special_hot"} 转变为一大段的代码，大家可以不必在意，这个都是使用 PHP 处理的。

3、

<div class="col2"> <div class="modulebg memberzone_bg"> <div class="memberzone"> <script> <!--{if empty($member[mid])}--> dw('<h3>会员登录</h3><form action="./login.php?action=login" method="post"><fieldset><legend>用户名与密码</legend><p class="p1"><label>用户名:</label><input class="input_loginbox" name="username" type="text" size="12" maxlength="30" /></p><p class="p1"><label>密   码:</label><input class="input_loginbox" name="userpass" type="password" size="12" maxlength="30" /></p><p class="p1"></fieldset><fieldset><legend>登录与注册</legend><p class="p2"><input type="checkbox" name="cookietime" value="315360000" $cookietimecheck[315360000] />保存状态              <input class="input_loginsubmit" type="submit" value="登录" id="submit" name="loginsubmit" /></p>'); <!--{else}--> dw('<h3>用户中心</h3><div class="mz_hellow"><a href="./vspace.php?mid=$member[mid]"><img src="./avatar.php?uid=$member[mid]&size=middle" onerror="this.src=\'{MEMBERNOAVATAR}\'" alt="$member[username]" /></a><p><a href="./vspace.php?mid=$member[mid]">$member[username]</a></p></p></div><ul class="mz_tools"><li><a href="./vspacecp.php?script=video&action=upload" class="mz_t1">上传视频</a></li><li><a href="./vspacecp.php?script=video&action=list" class="mz_t2">我的视频</a></li><li><a href="./vspacecp.php" class="mz_t3">管理中心</a></li><li><a href="./vspace.php?mid=$member[mid]" class="mz_t4">个人空间</a></li></ul><div class="clear"></div>'); <!--{/if}--> </script> </div> </div> <div class="modulebg top10"> <h3>节目排行榜</h3> <div id="top10_program_title"> <ul> <li><a class="curmenu" target="_blank" onclick="secBoard('top10_program_title','program_list',1)"/><span>今日十大节目</span></a></li> <li><a class="ocurmenu" target="_blank" onclick="secBoard('top10_program_title','program_list',2)"/><span>昨日十大节目</span></a></li> </ul> </div> <div class="top10_content"> <!--今日十大节目--> {block "portal_videos_today"} <!--今日十大节目 end--> <!--昨日十大节目--> {block "portal_videos_yestday"} <!--昨日十大节目 end--> </div> </div> <!--节目排行榜 end--> <div class="modulebg top10"> <h3>会员排行榜</h3> <div id="top10_member_title"> <ul> <li><a class="curmenu" target="_blank" onclick="secBoard('top10_member_title','member_list',1)"/><span>最佳人气</span></a></li> <li><a class="ocurmenu" target="_blank" onclick="secBoard('top10_member_title','member_list',2)"/><span>上传最多</span></a></li> <li><a class="ocurmenu" target="_blank" onclick="secBoard('top10_member_title','member_list',3)"/><span>积分最高</span></a></li> </ul> </div> <div class="member_content"> <!--最佳人气--> {block "common_member_views"} <!--最佳人气 end--> <!--最多上传--> {block "common_member_upload"} <!--最多上传 end--> <!--积分最高--> {block "common_member_credits"} <!--积分最高 end--> </div> </div> <!--会员排行榜 end--> <!-- <div class="modulebg top10"> <div class="module_title"> <h2>推荐视频</h2> </div> <div class="top10_content"> {block "masterpushs"} </div> </div> --> <!--推荐视频 end--> <!--网站动态 start--> <!--{if !empty($cache['announcements'])}--> <div class="modulebg top10"> <div class="module_title"> <h2>网站动态</h2> <span class="more"><a href="./announcements.php">查看更多>></a></span></div> <ul class="top10_content"> <!--{loop $cache['announcements'] $row}--> <li><span class="num top10_num2">$row[rowid]</span><span class="text_clear"><a href="./announcements.php?id=$row[id]#$row[id]" title="$row[subject]">$row['subject']</a></span></li> <!--{/loop}--> </ul> </div> <!--{/if}--> <!--网站动态 end--> </div> <!--col2 end -->

对应的部分如下图所示：

类似 {block "portal_videos_today"} 这样的代码，参考上面的说明，这里不在赘述。

这里说明两个部分：

A、dw(***********)，在 SupeV 程序经过特殊处理，代表的是：document.write(***********)，document.write 是 JS 代码，将括号里的内容输出到浏览器。

B、secBoard('top10_program_title','program_list',1)，secBoard 是带有三个参数的 JS 函数，可以看做 secBoard('1','2',3) ：这里要注意，1必须和 secBoard 所在容器的div 的 id 保持统一；2和3必须和 secBoard 要显示的代码的 id 保持相同，例如，今日十大节目的模块代码里：<ul id="program_list_1">，所以 2 这里 要写 program_list ，然后 3 要和模块代码里的后部分保持一致。

4、{template header}

这一句，是调用尾部模板的代码，即调用 footer.php 文件。

5、介绍 SupeV 模块代码里的代码，如上所述的“热门专辑”，这里的代码是：

<div class="modulebg"> <div class="module_title"> <h2>热门专辑</h2> <em> <ul> <!--{if !empty($block[tags])}--> <!--{loop $block[tags] $k $v}--><!--{if empty($k)}--><li style="background:none;"><!--{else}--><li><!--{/if}--><a href="./tag.php?stype={STYPE_SPECIAL}&keywords=<!--{eval echo rawurlencode($v);}-->">$v</a></li><!--{/loop}--> <!--{/if}--> </ul> </em> </div> <ul class="video_list video_album"> <!--{if empty($block['data'])}--> <p class="info">没有信息</p> <!--{else}--> <!--{loop $block['data'] $row}--> <li> <div class="album_pic"><a href="./special.php?spid=$row[spid]"><img src="$row[thumb]" alt="$row[subject]" title="$row[subject]" onerror="this.src='{SPNOTHUMB}';"/></a></div> <h4><a href="./special.php?spid=$row[spid]" title="$row[subject]">$row[subject]</a></h4> <span>视频: $row[videos]</span> <span>播放: $row[views]</span> </li> <!--{/loop}--> <!--{/if}--> </ul> <div class="clear"></div> </div>

这里为大家说明 if 和 loop 的含义和用法：

loop：这个是有头有尾的，它的意思就是在loop中间的部分会进行循环，输出多条数据。

if：这个是一个判断，例如：<!--{if empty($block['data'])}--> ，如果非空的话执行下边的语句，也是有头尾的，复制模块的时候认清 if 的开头和结尾。

返回首页    返回使用目录