自定义表单模板

功能介绍

每种表单类型可以定义N个表单模板，维护好表单模板后，可以在装修的时候快速创建，然后进行调整

框架定义的表单模板

系统框架定义了系统首页、系统个人中心的页面模板，同时会加载插件的表单模板

如需了解表单模板的核心原理，开发者可以自行阅读

文件位置：niucloud/app/dict/diy_form/TemplateDict.php

插件开发表单模板

文件位置：niucloud/addon/shop/app/dict/diy_form/template.php

关键代码说明

<?php

return [
    'DIY_FORM_GOODS_DETAIL' => [ // 表单类型关键字key
        'shop_goods_detail_form_data' => [ // 表单模板标识key
            "title" => "商品表单", // 表单模板名称
            'cover' => '', // 表单模板封面图
            'preview' => '', // 表单模板预览图
            'desc' => '', // 表单模板描述
            "data" => [
                // todo 自定义表单数据结构
            ]
        ]
    ]
];

维护表单模板时，根据美工设计的原型图，先装修出来 然后打开数据库，找到diy_form数据表中找到那条数据，然后复制value字段的值 格式化一下value的值，可以看到自定义表单的数据结构 将value转换成php的格式，放到data中即可

关键代码

<?php

return [
    'DIY_FORM_GOODS_DETAIL' => [ // 表单类型关键字key
        'shop_goods_detail_form_data' => [ // 表单模板标识key
            "title" => "商品表单", // 表单模板名称
            'cover' => '', // 表单模板封面图
            'preview' => '', // 表单模板预览图
            'desc' => '', // 表单模板描述
            "data" => [
                // 自定义表单JSON数据结构
                ...global
                ...value
            ]
        ]
    ]
];

注意：如果装修自定义表单时，上传了图片，在维护表单模板时，要把路径改成相对路径，放到自己开发的插件目录下，图片资源文件存放位置，自行管理。如图所示

form-submit 表单提交组件

注意：若前端以嵌入形式调用表单，提交按钮组件将不显示，相关业务由该页面自行处理