织梦留言表单首页留言怎么用？-织梦建站-盈思创科技

创建留言模板：在首页模板文件中,添加留言表单的HTML代码。
修改首页模板：将留言模板文件引入到首页模板中。
添加CSS样式：美化留言表单,使其与网站整体风格协调。

第一步：创建留言模板文件

为了方便管理和维护,我们首先创建一个独立的留言模板文件。

（图片来源网络，侵删）

找到模板目录：登录您的织梦后台，在左侧菜单栏找到【模板】 -> 【默认模板管理】，您会看到您当前使用的模板文件，它们通常位于 /templets/default/ 目录下。
创建新文件：在您的模板目录（/templets/您的模板名/）下，新建一个名为 guestbook.htm 的文件，您可以直接复制 /templets/default/ 目录下的 article_feedback.htm（评论模板）文件的内容，然后进行修改,这样可以保证基本的表单结构和变量都是正确的。

编辑 guestbook.htm 文件：用代码编辑器（如 VS Code, Sublime Text, Dreamweaver）打开这个新文件，并修改其内容,一个简洁的留言表单代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">留言板</title>
<!-- 这里可以引入您的网站CSS样式 -->
</head>
<body>
<h2>欢迎给我们留言</h2>
<p>您的每一条留言都是我们前进的动力！</p>
<!-- 留言表单开始 -->
<form name="guestbookform" action="{dede:field name='phpurl'/}/guestbook.php" method="post" enctype="multipart/form-data">
    <input type="hidden" name="action" value="save" />
    <input type="hidden" name="dede_fields" value="msg;text" />
    <input type="hidden" name="dede_fieldshash" value="{dede:hash md5='msg'/}" />
    <div class="form-group">
        <label for="msg">留言内容：</label>
        <textarea id="msg" name="msg" rows="8" cols="60" class="form-control" required></textarea>
    </div>
    <div class="form-group">
        <input type="submit" name="submit" value="提 交" class="btn btn-primary" />
    </div>
</form>
<!-- 留言表单结束 -->
</body>
</html>

代码解释：

（图片来源网络，侵删）

{dede:field name='phpurl'/}/guestbook.php：这是留言表单提交的目标地址,织梦会自动解析为正确的路径。
name="action" value="save"：告诉后台这是一个“保存”操作。
name="dede_fields" value="msg;text"：这是关键！它告诉织梦后台，我提交的字段是 msg，它的数据类型是 text（文本）。msg 是字段名，text 是字段类型。
name="dede_fieldshash"：这是一个安全验证字段，织梦会自动生成，用于防止非法提交。请务必保留 {dede:hash md5='msg'/}。
name="msg"：这是文本域的 name 属性，必须与 dede_fields 中定义的字段名 msg 完全一致。

第二步：修改首页模板

我们需要将刚刚创建的 guestbook.htm 文件“嵌入”到您的首页模板中。

打开首页模板文件：在后台的【默认模板管理】中，找到您的首页模板文件，通常是 index.htm。
引入留言模板：在您希望显示留言表单的位置（页脚、侧边栏等），使用织梦的模板标签 {dede:include filename='guestbook.htm'/} 来引入。

示例：在首页底部添加留言表单
（图片来源网络，侵删）

在 index.htm 文件的最底部，在 </body> 标签之前,添加如下代码：
```

{dede:include filename='guestbook.htm'/}
```
更新首页：保存 index.htm 文件，然后回到后台首页，点击【生成】 -> 【更新主页】，这样,您的首页就会显示我们刚刚创建的留言表单了。

第三步：添加CSS样式（美化）

默认情况下，表单可能很丑,我们可以通过添加CSS样式来美化它。

直接写在模板里（简单） 打开 guestbook.htm 文件，在 <head> 标签内添加 <style> 标签,写入CSS代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">留言板</title>
<style type="text/css">
    body {
        font-family: "Microsoft YaHei", Arial, sans-serif;
        background-color: #f4f4f4;
        padding: 20px;
    }
    .form-group {
        margin-bottom: 15px;
    }
    label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    #msg {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; /* 确保padding不会增加宽度 */
        resize: vertical; /* 允许垂直方向拉伸 */
    }
    .btn-primary {
        background-color: #007bff;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
    }
    .btn-primary:hover {
        background-color: #0056b3;
    }
</style>
</head>
<body>
    <!-- ... 这里放上面第一步的表单HTML代码 ... -->
</body>
</html>

链接外部CSS文件（推荐） 如果您的网站已经有统一的CSS文件（/templets/default/style/css.css）,更好的做法是：

在 guestbook.htm 的 <head> 标签中,添加对您网站主CSS文件的链接。
在您的CSS文件中,为留言表单添加新的样式类。

在 guestbook.htm 中添加链接：

<head>
<meta charset="utf-8">留言板</title>
<link rel="stylesheet" href="/templets/default/style/css.css" /> <!-- 引入网站主样式表 -->
</head>

在CSS文件中添加样式：打开您的CSS文件,添加如下代码：

/* 留言板样式 */
.guestbook-form {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.guestbook-form h2 {
    text-align: center;
    color: #333;
}
.guestbook-form .form-group {
    margin-bottom: 15px;
}
.guestbook-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.guestbook-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.guestbook-form .btn-primary {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}
.guestbook-form .btn-primary:hover {
    background-color: #45a049;
}

修改 guestbook.htm 的HTML结构,以匹配新的CSS类：

<form name="guestbookform" action="{dede:field name='phpurl'/}/guestbook.php" method="post" enctype="multipart/form-data" class="guestbook-form">
    <!-- ... hidden inputs ... -->
    <h2>欢迎给我们留言</h2>
    <div class="form-group">
        <label for="msg">留言内容：</label>
        <textarea id="msg" name="msg" rows="8" class="form-control" required></textarea>
    </div>
    <div class="form-group">
        <input type="submit" name="submit" value="提 交" class="btn-primary" />
    </div>
</form>

重要补充：后台设置与管理

开启留言功能：登录织梦后台，进入【系统】 -> 系统基本参数 -> 互动设置。
- 确保是否开启“留言板功能”是 “是”。
- 您还可以在这里设置“游客是否需要填写验证码”、“游客是否需要审核”等选项。
管理留言：访客提交留言后，您可以在后台的【互动】 -> 留言管理 中查看、审核、回复和删除留言。

常见问题排查

问题1：提交后提示“未定义的字段”或类似错误。
- 原因：dede_fields 和 dede_fieldshash 的配置不正确。
- 解决：请仔细检查第一步中的 dede_fields 的值是否为 msg;text，dede_fieldshash 的 {dede:hash md5='msg'/} 是否完整保留。msg 必须和表单中 textarea 的 name 属性一致。
问题2：表单样式错乱。
- 原因：CSS样式冲突或未生效。
- 解决：检查CSS选择器是否正确，确保CSS文件路径正确,并清除浏览器缓存后刷新页面。
问题3：提交后没有任何反应，或跳转到空白页。
- 原因：可能是JS脚本冲突，或者服务器权限问题导致 /guestbook.php 无法执行。
- 解决：尝试暂时禁用首页的其他JS脚本，如果问题依旧，请检查服务器上 guestbook.php 文件是否存在且有执行权限。

按照以上步骤，您就可以成功地在织梦首页添加一个功能完善、外观漂亮的留言表单了。

织梦留言表单首页留言怎么用？

第一步：创建留言模板文件

第二步：修改首页模板

第三步：添加CSS样式（美化）

重要补充：后台设置与管理

常见问题排查

相关文章

目录[+]