[发明专利]一种可视化完成表单代码编写以及接口调试的方法

权利要求书

1.一种可视化完成表单代码编写以及接口调试的方法，其特征在于，包括如下步骤：

S1：根据所在项目的实际情况，对表单项的html代码结构进行配置，同时配置可能用到的输入项验证规则；

S2：指定表单初始化接口地址或输入JSON格式数据源；

S3：在数据展示区，以JSON格式展示整个初始化数据；

S4：在图形展示区，呈现最终的表单项；

S5：将表单输入项按照最初配置的数据格式，以JSON格式提交到接口；

S6：根据最初配置的数据格式，生成对应的html代码，并直接补充到项目代码中。

2.如权利要求1所述的可视化完成表单代码编写以及接口调试的方法，其特征在于，所述步骤S1还包括：指定需要自定义的参数项。

3.如权利要求1所述的可视化完成表单代码编写以及接口调试的方法，其特征在于，所述步骤S1还包括：指定项目中样式文件路径。

4.如权利要求1所述的可视化完成表单代码编写以及接口调试的方法，其特征在于，所述步骤S4包括：

S41：在数据展示区，点击每个需要展示在表单中的数据项，从而出现属性选择区；

S42：根据属性选择区选择该数据项的表单表现形式，并对配置文件中设置好的属性值进行一一赋值；

S43：点击“生成”按钮，从而在最左侧图形展示区呈现最终的表单项。

5.如权利要求4所述的可视化完成表单代码编写以及接口调试的方法，其特征在于，所述步骤S42的表单表现形式包括输入框及下拉选项框。

6.如权利要求1所述的可视化完成表单代码编写以及接口调试的方法，其特征在于，所述步骤S5包括：在提交接口地址栏输入最终的表单提交地址，点击“提交”按钮，从而将表单输入项按照最初配置的数据格式，以JSON格式提交到接口。

7.如权利要求1所述的可视化完成表单代码编写以及接口调试的方法，其特征在于，所述步骤S5还包括：在接口反馈信息区域，输出接口调用的结果。

8.如权利要求1所述的可视化完成表单代码编写以及接口调试的方法，其特征在于，所述步骤S6包括：通过点击“生成表单”按钮，以根据最初配置的数据格式，生成对应的html代码，并直接补充到项目代码中。

9.如权利要求7所述的可视化完成表单代码编写及接口调试的方法，其特征在于，所述步骤S5中，接口调用的方法如下：

S51：利用wayjs，将表单中已经填入的测试数据组装成要提交的json数据对象；

S52：利用Jquery中的ajax方法，向指定的接口完成数据提交过程；

S53：在接口反馈信息处打印接口返回的信息，根据反馈信息，做进一步调整。