使用系统自带的内嵌注册链接(最简单)
这种方法不需要修改任何模板文件,直接在页面中调用系统标签即可。

(图片来源网络,侵删)
优点:
- 极其简单,无需操作模板文件。
- 适合快速测试或在后台管理界面等不显眼的地方使用。
缺点:
- 样式非常简陋,与网站整体风格不统一。
- 功能有限,无法自定义字段。
操作步骤:
-
确保会员系统已开启
(图片来源网络,侵删)- 登录 DedeCMS 后台。
- 进入【系统】-> 【系统基本参数】-> 【会员设置】。
- 确保
允许会员注册选项是“是”。 - 保存设置。
-
在模板页面中调用注册链接
- 打开你希望放置注册链接的模板文件(
index.htm,head.htm等)。 - 在需要的位置插入以下标签:
<a href="{dede:global.cfg_memberurl/}/index.php?uid=register">会员注册</a>{dede:global.cfg_memberurl/}会自动获取会员中心的目录地址,通常是/member。
- 打开你希望放置注册链接的模板文件(
-
效果
- 用户点击这个链接后,会直接跳转到
/member/index.php?uid=register页面,这是一个由 DedeCMS 系统生成的、非常基础的注册页面。
- 用户点击这个链接后,会直接跳转到
调用自定义页面模板(推荐)
这是最常用、最灵活的方法,你可以创建一个独立的注册页面,并完全自定义其样式和布局,使其与你的网站风格完美融合。
优点:

(图片来源网络,侵删)
- 样式完全自定义:可以设计出美观、符合网站风格的注册页面。
- 功能强大:可以轻松添加自定义字段(如手机号、QQ、生日等)。
- 用户体验好:可以整合验证码、协议勾选等。
操作步骤:
第1步:创建一个自定义的注册页面模板文件
- 在你的网站模板目录(通常是
/templets/default/或你自定义的模板目录)下,新建一个 HTML 文件,register.htm。 - 在这个
register.htm文件中,编写注册页面的 HTML 结构和样式。最简单的方式是复制一个现有页面的头部和尾部,然后在中间内容区域放置注册表单。
第2步:在模板文件中编写注册表单代码
打开你刚创建的 register.htm 文件,在 <body> 标签内,填写以下核心代码:
<div class="register-box">
<h2>用户注册</h2>
{dede:php}
// 这段PHP代码是为了在静态页面中也能获取当前栏目ID,避免JS冲突
$typeid = isset($typeid) ? $typeid : 0;
{/dede:php}
<form action="{dede:global.cfg_memberurl/}/index.php?dopost=regnew" method="post" name="regUser" onsubmit="return checkSubmit();">
<!-- 1. 用户名 -->
<div class="form-group">
<label for="userid">用户名:</label>
<input type="text" name="userid" id="userid" />
</div>
<!-- 2. 密码 -->
<div class="form-group">
<label for="pwd">密码:</label>
<input type="password" name="pwd" id="pwd" />
</div>
<!-- 3. 确认密码 -->
<div class="form-group">
<label for="pwdok">确认密码:</label>
<input type="password" name="pwdok" id="pwdok" />
</div>
<!-- 4. 电子邮箱 (必填项) -->
<div class="form-group">
<label for="email">电子邮箱:</label>
<input type="text" name="email" id="email" />
</div>
<!-- 5. 验证码 -->
<div class="form-group">
<label for="vdcode">验证码:</label>
<input type="text" name="vdcode" id="vdcode" style="width:50px;text-transform:uppercase;" />
<img src="{dede:global.cfg_cmspath/}/include/vdimgck.php" width="60" height="24" style="cursor:pointer" onclick="this.src='{dede:global.cfg_cmspath/}/include/vdimgck.php?'+Math.random();" title="看不清?点击更换" />
</div>
<!-- 6. 同意协议 -->
<div class="form-group">
<input type="checkbox" name="agreement" id="agreement" checked="checked" />
<label for="agreement">我已阅读并同意 <a href="{dede:global.cfg_cmspath/}/plus/agreement.php" target="_blank">《用户协议》</a></label>
</div>
<!-- 提交按钮 -->
<div class="form-group">
<button type="submit" name="submit">立即注册</button>
</div>
</form>
</div>
<!-- 在页面底部引入JS文件,用于前端验证 -->
<script language="javascript" src="{dede:global.cfg_cmspath/}/member/js/reg_new.js"></script>
代码解释:
form标签:action="{dede:global.cfg_memberurl/}/index.php?dopost=regnew":这是提交表单的地址,dopost=regnew告诉系统这是一个“新用户注册”的请求。method="post":使用 POST 方法提交数据。
input标签:name属性是关键,必须与 DedeCMS 会员系统要求的字段名一致,如userid,pwd,email等。
- 验证码图片:
src指向验证码生成脚本vdimgck.php。onclick事件实现了点击刷新验证码的功能。
- JS 文件:
- 引入
reg_new.js是为了使用 DedeCMS 自带的前端验证功能(如检查两次密码是否一致、用户名格式等),提升用户体验。
- 引入
第3步:创建自定义页面并关联模板
- 登录 DedeCMS 后台。
- 进入【核心】-> 【频道管理】-> 【自定义页面管理】。
- 点击右上角的 “增加自定义页面”。
- 填写页面信息:
- 页面名称:填写一个易于识别的名称,如“用户注册”。
- :在浏览器标签页显示的标题,如“用户注册 - 我的网站”。
- :这里留空,因为我们内容已经写在模板文件里了。
- 文件名:填写你希望访问这个页面的地址,
register.html或user-register.html。 - 模板选择:这是最关键的一步! 点击模板选择框,从列表中选择你刚刚创建的模板文件
register.htm。
- 点击“确定”保存。
第4步:在网站中调用注册页面
你可以通过以下方式在网站的任何地方(如首页的登录框旁边、页脚导航栏等)添加注册链接:
<a href="/register.html">立即注册</a>
用户点击后,就会跳转到你设计的、美观的自定义注册页面了。
添加自定义注册字段(进阶)
如果你想增加“手机号”、“性别”等字段,需要以下步骤:
- 后台增加字段:
- 进入【会员】-> 【会员字段管理】。
- 点击 “增加新字段”。
- 填写字段信息,
- 字段名称:
tel(必须是英文) - 字段别名:
手机号码(中文描述) - 字段类型:
文本框 - 是否必填:
是 - 保存。
- 字段名称:
- 修改模板文件:
- 打开你的
register.htm模板文件。 - 在
form表单内,合适的位置添加新的input框:<div class="form-group"> <label for="tel">手机号码:</label> <input type="text" name="tel" id="tel" /> </div>
- 打开你的
- (可选)修改处理逻辑:
- 默认情况下,新增加的字段数据会被存入
dede_member表,如果需要存入扩展表dede_member_tj,你可能需要根据 DedeCMS 的版本修改/member/index.php中的注册处理逻辑,或者使用二次开发插件,对于大多数简单需求,直接存入主表即可。
- 默认情况下,新增加的字段数据会被存入
| 特性 | 方法一 (内嵌链接) | 方法二 (自定义页面) |
|---|---|---|
| 实现难度 | 非常简单 | 简单 |
| 样式控制 | 无,使用系统默认 | 完全自定义 |
| 功能扩展 | 困难 | 非常容易 |
| 推荐度 | ⭐☆☆☆☆ (仅用于快速测试) | ⭐⭐⭐⭐⭐ (强烈推荐) |
对于任何正式的网站项目,强烈建议使用方法二,它能让你更好地控制用户体验和网站品牌形象。
