会员模板的核心目录结构

当你安装 DedeCMS 后,会员相关的模板文件主要存放在 /templets/ 目录下,默认情况下,会有一个 default/ 文件夹,里面存放着官方默认的会员模板。

/templets/
├── default/              # 【核心】会员模板默认文件夹
│   ├── index.htm        # 会员中心首页模板
│   ├── reg_new.htm      # 新用户注册模板
│   ├── login.htm        # 用户登录模板
│   ├── password_find.htm# 找回密码模板
│   ├── space/           # 【核心】会员个人空间/资料页模板文件夹
│   │   ├── index.htm    # 个人空间首页
│   │   ├── profile.htm  # 编辑个人资料
│   │   └── ...          # 其他个人空间页面
│   └── ...              # 其他会员相关页面
└── plus/                # 公共模板文件夹
    └── ...              # 一些公共的页面模板,如评论、留言等

最重要的文件夹是 templets/default/templets/default/space/


核心模板文件详解

会员中心首页:/templets/default/index.htm

这是用户登录后看到的主页面,通常包含个人信息、我的文章、我的评论、我的收藏等功能模块。

如何修改? 直接编辑 templets/default/index.htm 文件,它是一个标准的 HTML 文件,里面嵌套了 DedeCMS 的模板标签。

常用标签示例:

  • {dede:global.cfg_webname/}:获取网站名称。
  • {dede:global.cfg_weburl/}:获取网站网址。
  • {dede:memberinfos}:获取当前登录会员的信息。
    • [field:uname/]:会员用户名
    • [field:rank/]:会员等级
    • [field:scores/]:会员积分
    • [field:face/]:会员头像
  • {dede:arclist}:获取会员发布的文章列表。
    • typeid='':指定栏目ID
    • row='10':获取10条
    • titlelen='30'长度30字符
  • {dede:sql sql="SELECT * FROMdede_member_tjWHERE mid=~userid~"}:执行自定义SQL,获取会员统计信息(如发布文章数、评论数等)。

注册页面:/templets/default/reg_new.htm

这是新用户注册的页面,你可以自由设计表单布局和样式。

如何修改? 编辑 templets/default/reg_new.htm,注意,表单的 action 属性和各个 inputname 属性不要随意修改,因为后端 PHP 文件(member/reg_new.php)是依赖这些名称来接收和处理数据的。

登录页面:/templets/default/login.htm

与注册页面类似,这是用户登录的入口,同样,表单的 actionname 属性需要保持原样。

个人空间/资料页:/templets/default/space/

这个文件夹下的模板用于构建会员的个人空间页面。

  • space/index.htm:个人空间首页,展示会员的详细信息、动态等。
  • space/profile.htm:编辑个人资料的页面,同样,表单字段不能乱改。
  • space/article.htm:查看自己发布的文章。
  • space/feedback.htm:查看自己的评论/留言。

如何自定义你的会员模板(实操步骤)

假设你想创建一套全新的会员模板,命名为 mytheme

步骤 1:创建新的模板文件夹

/templets/ 目录下,复制整个 default 文件夹,并将其重命名为 mytheme

/templets/
├── default/   # 官方原版,建议保留
└── mytheme/   # 你的自定义模板

步骤 2:修改模板文件

你可以打开 mytheme 文件夹里的所有 .htm 文件,用你喜欢的 HTML/CSS/JS 代码进行重新设计。

  • 设计首页:修改 mytheme/index.htm,设计一个全新的会员中心布局。
  • 设计注册/登录页:修改 mytheme/reg_new.htmmytheme/login.htm,使其与网站整体风格统一。
  • 设计个人空间:修改 mytheme/space/ 下的所有文件。

步骤 3:让 DedeCMS 使用你的新模板

这是最关键的一步,你需要修改数据库,告诉系统使用 mytheme 这个模板。

  1. 登录你的网站后台
  2. 进入 【系统】 -> 【系统基本参数】 -> 【核心设置】
  3. 找到 “会员模板目录” 这个选项。
  4. 将其默认值 default 修改为你的新模板目录名 mytheme
  5. 点击 “保存”

完成这一步后,所有新注册的用户或者访问会员中心的用户,都会自动调用 mytheme 文件夹下的模板。


进阶技巧与注意事项

公共模板目录 /plus/

一些页面,比如评论列表、留言板等,它们的模板可能存放在 /plus/ 目录下,评论列表模板是 /plus/feedback_templet.htm,如果你需要修改这些页面的样式,也需要关注这个目录。

模板标签的局限性

DedeCMS 的模板标签功能相对固定,如果你想在模板里使用复杂的 PHP 逻辑(if...else 判断、循环等),可以使用 PHP 原生代码,但需要用 {dede} 标签包裹。

{dede}
<?php
if ($this->Fields['typeid'] == 1) {
    echo "这是文章栏目1";
} else {
    echo "这不是文章栏目1";
}
?>
{/dede}

CSS 和 JS 文件的位置

  • 默认的 CSS 文件通常位于 /templets/default/style/ 目录下。
  • 默认的 JS 文件通常位于 /include/js/ 目录下。

在你修改模板 HTML 时,如果需要引入新的 CSS 或 JS 文件,或者修改默认的路径,请确保路径正确。

响应式设计

DedeCMS 5.7 的默认模板可能不是完全响应式的,如果你想让会员中心在手机上也能良好显示,你需要:

  1. head 部分加入 viewport meta 标签。
  2. 使用 CSS3 的媒体查询(@media)来为不同屏幕尺寸设置不同的样式。

修改 DedeCMS 5.7 的会员模板,核心思路就是:

  1. 找到文件:定位到 /templets/default/ 及其子目录。
  2. 复制备份:在修改前,务必先复制一份 default 文件夹作为备份。
  3. 编辑HTML:用你自己的代码替换默认模板文件中的内容,但要保留关键的 DedeCMS 标签表单字段名
  4. 更新设置:在后台的 “系统基本参数” -> “核心设置” 中,将 “会员模板目录” 修改为你自定义的文件夹名。

通过以上步骤,你就可以打造一个与网站完美融合、功能强大的个性化会员中心了。