[发明专利]基于Vue的表单配置方法、系统、计算机设备及存储介质

说明书

本发明公开额一种基于Vue的表单配置方法、系统、计算机设备及存储介质；该方法包括以下的步骤：S1、进入前端页面渲染前端页面的基础结构，包括查询表单配置信息的步骤、后端服务器判断处理当前用户可查看显示的表单参数的步骤，以及返回给前端页面进行处理的步骤；S2、前端页面处理后端服务器返回的表单参数，包括前端Vue获取表单配置信息的步骤、根据定义的规则解码参数的步骤以及形成表单的基本结构显示在前端页面上的步骤；S3、前端页面提交表单；本发明的有益效果是：可以方便快捷地根据配置生成表单数据。

技术领域

本发明涉及表单处理技术领域，更具体的说，本发明涉及一种基于Vue的表单配置方法。

背景技术

现业内业内已有许多关于表单配置管理的方法，在其具体实现及用户使用的过程中，存在着诸多技术问题和使用问题等。

具体的，这些问题主要包括：1、经常会有输入性内容与参数来进行查询或者数据的处理；2、针对用户的输入会去编写表单前端页面以供用户填写；3、表单重复性很高，并且多个前端页面会使用一样的表单，造成资源的浪费；4、表单太多，代码量变大，造成人员时间和精力的浪费。

发明内容

为了克服现有技术的不足，本发明提供一种基于Vue的表单配置方法、系统、计算机设备及存储介质，可以方便快捷地根据配置生成表单数据。

本发明解决其技术问题所采用的技术方案是：一种基于Vue的表单配置方法，其改进之处在于，该方法包括以下的步骤：

S1、进入前端页面渲染前端页面的基础结构，包括查询表单配置信息的步骤、后端服务器判断处理当前用户可查看显示的表单参数的步骤，以及返回给前端页面进行处理的步骤；

S2、前端页面处理后端服务器返回的表单参数，包括前端Vue获取表单配置信息的步骤、根据定义的规则解码参数的步骤以及形成表单的基本结构显示在前端页面上的步骤；

S3、前端页面提交表单。

进一步的，所述的步骤S1中，查询表单配置信息的步骤包括：

通过进入前端页面，向Web服务器传递当前的前端页面ID和请求参数，Web服务器通过查询数据库的配置信息，获取当前前端页面的配置信息。

进一步的，所述的数据库为Mysql数据库或DB数据库。

进一步的，所述的步骤S1中，后端服务器判断处理当前用户可查看显示的表单参数的步骤包括：

Web服务器的规则查询模块，经过对配置信息的处理，返回前端页面的基础结构，包括表单的查询条件以及查询条件的选择项；

进一步的，所述的步骤S1中，返回给前端页面进行处理的步骤包括：

Web服务器的规则查询模块处理完成后，返回到前端页面。

进一步的，所述的步骤S2中，前端Vue获取表单配置信息的步骤包括：

表单配置信息包括list和url，list中包含多个json对象，每个json对象含有type和config，其中type分为Input、textarea、radio、select和checkbox的form表单规范的类型或者自定义命名的类型；config对应当前类型的属性配置，包括默认值default_value、输入框提示文本placeholder以及错误提示error_msg。

进一步的，所述的步骤S2中，根据定义的规则解码参数的步骤包括：

前端Vue包括有Vue解析模块，Vue解析模块获取到配置的list对象后，进行循环遍历解析，针对每一次遍历，获取type，根据对应的type显示对应的表单元素；如是自定义的表单元素，则渲染规定的对应的组件元素；