在之前的案例中，所选算法都是无需用户配置额外参数的算法，本案例专门进行需要用户输入参数的配置指导；

我们假设某http算法的输入参数示例如下：

[
    {
        "data_type": "image",
        "id": "",
        "data": "${data base64}",
        "length"："20px",
        "width":"10px"
    }
]

此时，算法需要用户填写的参数为长度length和宽度width，于是在前端组件定义处，定义两个前端组件如下：

• 控件类型选择输入框，表示该算子需要用户填写内容；其备选项还包括单选下拉框、多选下拉框、复选框、文本域等；

• 参数名：唯一标识控件的英文名，也是用于在输入参数中配置的变量名；

• 参数类型：表示该组件所填写的数据类型，针对输入框分为string和integer两种；

• 配置项名称：表示该组件在前端展示的中文配置项名称；

• 可用枚举：当控件类型选择下拉框时，可在此处配置下拉选项；

• 是否必填：标识该组件是否为必填项；

• 默认值：若填写了默认值，则会默认填充默认值；

• 配置说明：针对该组件填写的一些说明，若填写则会在配置项名称后显示”？“，鼠标hover显示说明内容；

前端组件定义完成后，我们需要将前端组件的参数名以变量的方式绑定到算法是输入参数中，如上输入参数中，在配置页面的body参数应如下配置：

[
    {
        "data_type": "image",
        "id": "",
        "data": "${data base64}",
        "length"："${user_length}",
        "width":"${user_width}"
    }
]