用zdcms做网站的时候,想要自定义后台表单信息列表和详情页如何做到呢?今天就来详细说说具体实现方法。
1. 在根据下/dayrui/App/Form/Views/目录中创建以下两个模板:
列表:/dayrui/App/Form/Views/表单表名_list.html 发布:/dayrui/App/Form/Views/表单表名_show.html
2. 然后把/dayrui/App/Form/Views/中share_form_list.html和share_form_show.html中的代码分别复制到上一步骤中你创建的两个模板中,注意对应list和show的代码要对应放好。
3. 完成第2步骤后,在你自定义的表单列表:表单表名_list.html中77行左右按照下图所示加上你的列表表头,具体css样式和宽度可以自定义。
然后,在100行左右,找到如下图所示位置,添加你的自定义字段,字段格式为:{$t.字段名称};
完成以上步骤自定义后台表单列表就完成了,效果如下图:
下面在介绍下自定义表单详情页方法。
4. 打开第1步骤创建的:表单表名_show.html 文件改成如下代码:
<!--这里用的是系统默认的详情模板代码,如果有特殊排版需要,可以自己写html即可--> {template "header.html"} <form action="" class="form-horizontal" method="post" name="myform" id="myform"> <div class="portlet bordered light myfbody"> <div class="portlet-title"> <div class="caption"> <span class="caption-subject font-green-sharp"> {$form_name} </span> </div> <div class="actions"> <div class="btn-group"> <a class="btn" href="{$reply_url}"> <i class="fa fa-mail-reply"></i> {dr_lang('返回')}</a> </div> </div> </div> <div class="portlet-body"> <div class="form-body"> <!--新加的自定义表单详情代码开始--> <div class="form-group" id="dr_row_title"> <label class="control-label col-md-2">活动名称</label> <div class="col-md-10"><div class="form-control-static"> {$title} </div></div> </div> <div class="form-group" id="dr_row_author"> <label class="control-label col-md-2">姓名</label> <div class="col-md-10"><div class="form-control-static"> {$author} </div></div> </div> <div class="form-group" id="dr_row_dianhua"> <label class="control-label col-md-2">电话</label> <div class="col-md-10"><div class="form-control-static"> {$dianhua} </div></div> </div> <div class="form-group" id="dr_row_tjrxm"> <label class="control-label col-md-2">备注</label> <div class="col-md-10"><div class="form-control-static"> {$tjrxm} </div></div> </div> <div class="form-group" id="dr_row_inputtime"> <label class="control-label col-md-2">录入时间</label> <div class="col-md-10"><div class="form-control-static"><span> {$inputtime} </span></div></div> </div> <div class="form-group" id="dr_row_inputip"> <label class="control-label col-md-2">客户端IP</label> <div class="col-md-10"><div class="form-control-static"> {$inputip} </div></div> </div> <div class="form-group" id="dr_row_displayorder"> <label class="control-label col-md-2">序号</label> <div class="col-md-10"><div class="form-control-static"> {$id} </div></div> </div> <!--新加的自定义表单详情代码结束--> <!--原版代码请注释掉--> <!--{$myfield}--> <!--{$diyfield}--> <!--{$sysfield}--> <!--原版代码请注释掉--> </div> </div> </div> </form> {template "footer.html"}
5. 完成步骤4代码粘贴后,把里面的字段改成你的字段名称。其中会用到如下标签,跟根据你的需要选择使用:
//标题 {$title} //id序号 {$id} //提交时间 {$inputtime} //提交客户端ip地址 {$inputip} //自定义字段 {$自定义字段名称}
6. 完成以上5个步骤,就完成了后台表单列表页和详情页模板自定义了,效果如下: