私文库 - 专注于帝国cms模板下载,织梦cms模板下载,苹果cms模板下载,discuz!模板下载,WordPress主题下载,帝国cms教程,苹果cms教程,织梦cms教程,discuz!教程,WordPress教程,等诸多源码等你下载。

Discuz! X3.5 的模板文件路径详细说明

正文概述 理想开发组   2019-01-11 21:00:39  
    <div class="container">
        <h1>Discuz! X3.5 模板目录结构</h1>
        
        <div class="intro">
            以下是Discuz! X3.5默认模板的完整目录结构,点击文件夹可展开/折叠内容<br>
            清晰展示各文件的功能用途和模块划分
        </div>
        
        <div class="legend">
            <div class="legend-item">
                <i class="fa fa-folder-o" style="color: #e67e22;"></i> 目录
            </div>
            <div class="legend-item">
                <i class="fa fa-file-o" style="color: #3498db;"></i> 文件
            </div>
            <div class="legend-item highlight" style="padding: 0 10px;">
                公共模板(所有页面共用)
            </div>
        </div>
        
        <div class="directory-tree">
            <!-- 根目录 -->
            <div class="tree-node directory">
                <div class="tree-label">
                    <i class="fa fa-folder-o"></i>
                    <span>template/</span>
                </div>
                <div class="tree-children expanded">
                    <!-- 默认模板目录 -->
                    <div class="tree-node directory">
                        <div class="tree-label">
                            <i class="fa fa-folder-o"></i>
                            <span>default/</span>
                        </div>
                        <div class="tree-children expanded">
                            <!-- 1. 公共模板目录 -->
                            <div class="tree-node directory">
                                <div class="tree-label highlight">
                                    <i class="fa fa-folder-o"></i>
                                    <span>common/</span>
                                    <span style="margin-left: 10px; font-size: 12px; color: #666;">(所有页面共用)</span>
                                </div>
                                <div class="tree-children expanded">
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>header.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">网站头部组件</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>footer.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">网站底部组件</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>page_footer.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">页面底部脚本区</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>message.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">系统消息提示页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>notice.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">用户通知模板</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 2. 论坛模块目录 -->
                            <div class="tree-node directory">
                                <div class="tree-label">
                                    <i class="fa fa-folder-o"></i>
                                    <span>forum/</span>
                                    <span style="margin-left: 10px; font-size: 12px; color: #666;">(论坛核心功能)</span>
                                </div>
                                <div class="tree-children expanded">
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>forumlist.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">论坛首页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>forumdisplay.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">版块列表页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>viewthread.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">帖子详情页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>post.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">发帖/回帖页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>search.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">搜索结果页</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 3. 会员模块目录 -->
                            <div class="tree-node directory">
                                <div class="tree-label">
                                    <i class="fa fa-folder-o"></i>
                                    <span>member/</span>
                                    <span style="margin-left: 10px; font-size: 12px; color: #666;">(登录注册相关)</span>
                                </div>
                                <div class="tree-children expanded">
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>login.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">登录页面</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>register.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">注册页面</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>lostpasswd.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">找回密码页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>profile.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">用户资料页</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 4. 门户模块目录 -->
                            <div class="tree-node directory">
                                <div class="tree-label">
                                    <i class="fa fa-folder-o"></i>
                                    <span>portal/</span>
                                    <span style="margin-left: 10px; font-size: 12px; color: #666;">(门户网站页面)</span>
                                </div>
                                <div class="tree-children expanded">
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>index.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">门户首页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>list.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">文章列表页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>view.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">文章详情页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node directory">
                                        <div class="tree-label">
                                            <i class="fa fa-folder-o"></i>
                                            <span>block/</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">门户区块模板</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 5. 用户中心目录 -->
                            <div class="tree-node directory">
                                <div class="tree-label">
                                    <i class="fa fa-folder-o"></i>
                                    <span>home/</span>
                                    <span style="margin-left: 10px; font-size: 12px; color: #666;">(个人空间页面)</span>
                                </div>
                                <div class="tree-children expanded">
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>space.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">用户空间首页</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>thread.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">用户主题列表</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>reply.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">用户回复列表</span>
                                        </div>
                                    </div>
                                    <div class="tree-node file">
                                        <div class="tree-label">
                                            <i class="fa fa-file-o"></i>
                                            <span>friend.htm</span>
                                            <span style="margin-left: 10px; font-size: 12px; color: #666;">好友列表页</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="info-panel">
            <h3><i class="fa fa-info-circle"></i> 模板结构说明</h3>
            <ul class="info-list">
                <li><strong>公共模板(common/)</strong>:所有页面都会引用的基础组件,如头部导航、底部信息等,实现代码复用</li>
                <li><strong>模块划分</strong>:按功能分为论坛、会员、门户、用户中心等模块,每个模块有独立的模板目录</li>
                <li><strong>引用关系</strong>:所有页面都由「公共模板(header+footer)+ 模块内容模板」组合而成</li>
                <li><strong>修改提示</strong>:修改模板后需在后台「工具→更新缓存」中清理模板缓存才能生效</li>
                <li><strong>扩展性</strong>:可在template/目录下创建新的模板目录,实现多模板切换</li>
            </ul>
        </div>
    </div>

    <script>
        // 实现目录树的展开/折叠功能
        document.querySelectorAll('.tree-label').forEach(label => {
            // 只给目录添加点击事件(包含子节点的)
            if (label.nextElementSibling && label.nextElementSibling.classList.contains('tree-children')) {
                label.addEventListener('click', () => {
                    const children = label.nextElementSibling;
                    children.classList.toggle('expanded');
                    
                    // 切换文件夹图标(打开/关闭状态)
                    const icon = label.querySelector('i');
                    if (children.classList.contains('expanded')) {
                        icon.classList.remove('fa-folder-o');
                        icon.classList.add('fa-folder-open-o');
                    } else {
                        icon.classList.remove('fa-folder-open-o');
                        icon.classList.add('fa-folder-o');
                    }
                });
            }
        });
    </script>
私文库 - 专注于帝国cms模板下载,织梦cms模板下载,苹果cms模板下载,discuz!模板下载,WordPress,一个优质的源码资源平台!
私文库 - 专注于帝国cms模板下载,织梦cms模板下载,苹果cms模板下载,discuz!模板下载,WordPress » Discuz! X3.5 的模板文件路径详细说明
  • 4会员总数(位)
  • 12本年发布(个)
  • 12本月发布(个)
  • 0 今日发布(个)
  • 稳定运行(天)