资源描述
dede自定义表单做留言功能带管理员回复
首先进到后台:核心à自定义表单à新增新的自定义表单
以上都选默认就可以。点确定后如下:
然后点修改,为表单增加字段:
,依次添加各字段最后效果:
添加字段完成之后点击“前台预览”à“”,然后右击网页选“”,找到这段
<input type="hidden" name="dede_fields" value="name,text;dianhua,text;peixun,multitext;huifu,multitext" />
<input type="hidden" name="dede_fieldshash" value="d3c34ac302589bd8840dfb50a2c11f82" />
在你表单模板里的value值换成你自己value值。以下我把自己表单模板里的主要代码附上:<section class="main">
<div class="page-width clearfix"><!-- S content -->
<section class="content float-right">
<!-- S page-title -->
<section class="page-title page-title-inner clearfix"><!-- S breadcrumbs -->
<div class="breadcrumbs" skinobjectzone="HtmlBreadCrumb_3906"><span>当前位置:</span>{dede:field name='position'/}</div>
<!-- E breadcrumbs --></section>
<!-- E page-title -->
<div id="a1portalSkin_mainArea" class="content-wrapper"><!-- Start_Module_113241 --><a name="32035" id="32035"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr113241113241_mainArea" class="module-content"><!-- Start_Module_113241 -->
<div class="qhd-content">
<form class="center" data-form-token="cMR2Qu" id="new_entry" action="/plus/diy.php" accept-charset="UTF-8" method="post">
<input type="hidden" name="required" value="name,peixun"/>
<input type="hidden" type="text" value="感谢您的留言,我们会尽快给您回复!" name="huifu" id="huifu">
<input type="hidden" name="utf8" value="✓">
<input type="hidden" name="authenticity_token" value="RYDAMStoJyZ4IWTeZHKVmq+f/r/A8fzQyM+hXnJ2IKgJIomLhKXsNghuQX3DAVMAmA1+QTpzxDw7KfRV8wLF1w==">
<input type="hidden" name="action" value="post">
<input type="hidden" name="diyid" value="2">
<input type="hidden" name="do" value="2">
<div class="banner"></div>
<div class="form-content container-fluid">
<div class="row">
<div class="fields clearfix">
<div class="field field-text-field col-sm-12 required" data-api-code="field_1" data-type="TextField" data-label="姓名" data-validations="["Presence"]">
<div class="form-group">
<div class="field-label-container" onClick="">
<label class="field-label" for="姓名"> * 姓名 </label>
</div>
<div class="field-content">
<input type="text" value="" name="name" id="name">
</div>
</div>
</div>
<div class="field field-text-field col-sm-12 required" data-api-code="field_6" data-type="TextField" data-label="联系电话" data-validations="["Presence"]">
<div class="form-group">
<div class="field-label-container" onClick="">
<label class="field-label" for="dianhua"> 联系电话 </label>
</div>
<div class="field-content">
<input type="text" value="" name="dianhua" id="dianhua">
</div>
</div>
</div>
<div class="field field-text-area col-sm-12" data-api-code="field_11" data-type="TextArea" data-label="咨询留言" data-validations="[]">
<div class="form-group">
<div class="field-label-container" onClick="">
<label class="field-label" for="peixun" > *咨询留言 </label>
<li id="shijian"><script>
document.getElementById('shijian').innerHTML=new Date().toLocaleString();
setInterval("document.getElementById('shijian').innerHTML=new Date().toLocaleString();",1000);
</script>
</li>
</div>
<div class="field-content">
<p>
<textarea rows="3" name="peixun" id="peixun" data-autosize-on="true" style="overflow: hidden; word-wrap: break-word; height: 66px;width: 720px;"></textarea>
</p>
</div>
</div>
</div>
</div>
<script>
//<![CDATA[
$(function() {
String.locale = 'zh-CN';
var $form = $("form[data-form-token='cMR2Qu']");
var rules = $.parseJSON('{}');
if (!_.isEmpty(rules)) {
GD.initFormLogic(rules, $form);
}
if(GD.FormClientValidator) {
GD.clientValidator = new GD.FormClientValidator($form)
GD.clientValidator.run()
}
});
//]]>
</script>
<input type="submit" name="commit" value="提交" data-disable-with="提交中..." class="submit gd-btn gd-btn-primary-solid">
<input type="reset" name="reset" value="重 置" class='coolbg' />
<input type="hidden" name="dede_fields" value="name,text;peixun,multitext;dianhua,text;huifu,multitext" />
<input type="hidden" name="dede_fieldshash" value="aa1dd18df497cb653130e1f57f07c0c7" />
</div>
</div>
</form>
</script>
ß 调用历史留言及管理恢复开始 à
<font color='#FF0000' size='4'>历史留言:</font>
<div style="border-top:1px dotted #000"></div>
<li>
{dede:loop table='dede_diyform1' sort='id' row='3' if=''}
<font color='#FF0000' size='2'>姓名:</font><a ><font color='#48D1CC'>[field:name/]</font></a>
<li>留言内容:<a >[field:peixun/]</a> </li>
<font color='#FF0000' size='2'><li>专家回复:<a >[field:huifu/]</a> </li></font>
<div style="border-top:1px dotted #000"></div>
{/dede:loop}
</li>
ß 调用历史留言及管理员结束 à
</div>
<!-- End_Module_113241 --></div>
</div>
</div>
</div>
</section>
<!-- S content --><!-- S sidebar -->
{dede:include filename="left.htm"/}
<!-- E sidebar -->
</div>
</section>
上面代码的前台效果是:
现在来讲解上面代码,这样已经达到留言功能及管理员回复功能了。设计管理员回复功能的原理是:在模板里加上:<input type="hidden" type="text" value="感谢您的留言,我们会尽快给您回复!" name="huifu" id="huifu"> ,这个是一个多行文本输入框,让他在前台隐藏起来,注意:默认VALUE值是必须输入一些内容,之后到后台修改管理员默认的文字就实现了。下面来看效果:
后台看到:
这时,点编辑:
把管理要回复的内容放在管理员回复里,点保存,再点“一键更新”à”更新所有”。到前台看看效果吧,好棒哦!
展开阅读全文