发新话题
打印

Apache目录列表模式定制个性化界面

本主题由 bottle 于 2007-12-10 22:45 设置高亮

Apache目录列表模式定制个性化界面

首先请参考:Mod_AutoIndex模块
http://w.yi.org/ftp/FAPM/apache/Apache2/zh/mod/mod_autoindex.html  

以下只是展示了其中很少一部分设置的用法,要想获得更好的效果,请自己查看Mod_AutoIndex模块的文档。如果你没有时间,请联系我定制方案。谢谢。

演示:http://w.yi.org/ftp


<Directory "/path/to/you/folder">;

#开启目录列表索引模式
Options Indexes

#参数设置
IndexOptions FancyIndexing ScanHTMLTitles
                      NameWidth=128 DescriptionWidth=256
                      HTMLTable VersionSort FoldersFirst
#ScanHTMLTitles:搜索HTML标题
#NameWidth:文件命显示字节数
#DescriptionWidth:描述显示字节数
#HTMLTable:允许HTML格式
#FoldersFirst:目录优先

#索引排除选项
IndexIgnore header.html footer.html

#索引头部嵌入文件
HeaderName /data/index/header.html
#索引底部嵌入文件
ReadmeName /data/index/footer.html

#默认索引排序方式
IndexOrderDefault Ascending Date

#关闭服务器标志
ServerSignature Off            

#目录索引文件
DirectoryIndex index.htm     
</Directory>;




以下配置文件内容,演示了如何把基本目录列表信息完整的嵌入到一个HTML网页之中
#索引头部嵌入文件  
HeaderName /data/index/header.html


<!--// 网页基本信息以及修饰配置部分_Start//-->;
<!--// 网页基本信息以及修饰配置部分_End//-->;
<table>;
<tr>;
<td>;
<!--// 目录内容开始显示部分_Start//-->;



#索引底部嵌入文件  
ReadmeName /data/index/footer.html


<!--// 目录内容开始显示部分_EnD//-->;
</td>;
<td>;
<!--// 其他修饰部分,例如我的美美老婆的图片啊//-->;
</td>;
</tr>;
</table>;
<!--// 网页尾部基本信息以及修饰配置部分_Start//-->;
<!--// 网页尾部基本信息以及修饰配置部分_End//-->;




生成个性化的目录列表页面的过程
1、读取#索引头部嵌入文件HeaderName /data/index/header.html 并输出
2、服务器生成目录列表信息并输出

<table>;<tr>;<th>;<img src="/icons/blank.gif" alt="[ICO]" />;</th>;<th>;<a href="?C=N;O=A">;Name</a>;</th>;<th>;<a href="?C=M;O=D">;Last modified</a>;</th>;<th>;<a href="?C=S;O=A">;Size</a>;</th>;<th>;<a href="?C=D;O=A">;Description</a>;</th>;</tr>;<tr>;<th colspan="5">;<hr />;</th>;</tr>;
<tr>;<td valign="top">;<img src="/icons/back.gif" alt="[DIR]" />;</td>;<td>;<a href="/">;Parent Directory</a>;                                                                                                                </td>;<td>;&</td>;<td align="right">;  - </td>;</tr>;
<tr>;<td valign="top">;<img src="/icons/folder.gif" alt="[DIR]" />;</td>;<td>;<a href="3.PHP-MYSQL/">;3.PHP-MYSQL/</a>;                                                                                                                    </td>;<td align="right">;11-Nov-2003 13:19  </td>;<td align="right">;  - </td>;</tr>;
<tr>;<td valign="top">;<img src="/icons/folder.gif" alt="[DIR]" />;</td>;<td>;<a href="2.WEB-Server/">;2.WEB-Server/</a>;                                                                                                                   </td>;<td align="right">;11-Nov-2003 13:19  </td>;<td align="right">;  - </td>;</tr>;
<tr>;<td valign="top">;<img src="/icons/folder.gif" alt="[DIR]" />;</td>;<td>;<a href="1.FreeBSD/">;1.FreeBSD/</a>;                                                                                                                      </td>;<td align="right">;11-Nov-2003 13:28  </td>;<td align="right">;  - </td>;</tr>;
<tr>;<td valign="top">;<img src="/icons/layout.gif" alt="[DIR]" />;</td>;<td>;<a href="FAPM/">;FAPM/</a>;                                                                                                                           </td>;<td align="right">;23-Aug-2004 10:17  </td>;<td align="right">;  - </td>;<td>;FAPM 豪华手册</td>;</tr>;
<tr>;<td valign="top">;<img src="/icons/folder.gif" alt="[DIR]" />;</td>;<td>;<a href="incoming/">;incoming/</a>;                                                                                                                       </td>;<td align="right">;28-Sep-2004 13:16  </td>;<td align="right">;  - </td>;</tr>;
<tr>;<th colspan="5">;<hr />;</th>;</tr>;
</table>;


3、读取#索引底部嵌入文件ReadmeName /data/index/footer.html 并输出
以上三个部分的输出组成一个完整的网页,可以看出,基本目录列表信息是动态生成为一段表格的HTML内容,只需要适当定制你的HTML页面,然后把页面分割为头部和尾部,使得基本目录列表信息刚好嵌入到你所指定的位置,那么你就可以任意定制一个花里胡哨的个性化目录列表页面了。

TOP

发新话题