zdcms自定义后台表单列表和详情页和数据调用方法

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样式和宽度可以自定义。

zdcms自定义后台表单列表表头

然后,在100行左右,找到如下图所示位置,添加你的自定义字段,字段格式为:{$t.字段名称}

zdcms自定义后台表单列表字段

完成以上步骤自定义后台表单列表就完成了,效果如下图:

zdcms自定义后台表单列表


下面在介绍下自定义表单详情页方法。

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个步骤,就完成了后台表单列表页和详情页模板自定义了,效果如下:

zdcms自定义后台表单详情页模板效果

评论