本发明涉及数据处理方法技术领域,尤其涉及一种通过语义化标签实现WEB前后端数据交互的方法和装置。
背景技术:
现有技术中,一般的WEB前后端数据交互代码量都比较大,代码冗余比较多,如果要对当前表数据进行增删改查操作,通过传统的方法需要写对应4个请求方法,随着表的增加,对应方法数量也是叠加,操作繁琐不便捷,也不能规范化,相关的操作也需要不同的技术人员去完成。
技术实现要素:
本发明所要解决的技术问题是如何提供一种可减少前后端代码交互量,使得代码开发人员即使技术水平不高,也能完成前后端数据交互编程工作的通过语义化标签实现WEB前后端数据交互的方法。
为解决上述技术问题,本发明所采取的技术方案是:一种通过语义化标签实现WEB前后端数据交互的方法,其特征在于包括如下步骤:
配置符合规范的各种语义化标签,所述符合规范的语义化标签定义了WEB后端需要执行的动作;
将语义化标签设置在WEB前端;
WEB后端对WEB前端设置的所述标签进行解析;
根据解析后的结果来控制WEB后端实施相应的操作。
进一步的技术方案在于:所述语义化标签中包含字段名称和表名,通过对字段名称和表名的读取获取所述语义化标签的对应的WEB后端操作。
进一步的技术方案在于:WEB后端对所述标签中的参数进行解析,分析标签内容,如果标签内容是查询,则向WEB后端发送请求,并解析数据到对应标签中去。
进一步的技术方案在于:WEB后端对所述标签中的参数进行解析,分析标签内容,如果标签内容是保存,则进一步分析是新增还是编辑,并获取表单内标签值,拼装为字段名对应字段值的结构,并实现保存功能。
进一步的技术方案在于:WEB后端对所述标签中的参数进行解析,分析标签内容,如果标签内容是删除,则WEB后端自动获取对应数据的唯一编号,实现删除操作。
相应的,本发明还公开了一种通过语义化标签实现WEB前后端数据交互的装置,其特征在于包括:
前端标签配置模块:用于配置符合规范的各种语义化标签,所述符合规范的语义化标签定义了WEB后端需要执行的动作;
前端标签设置模块:用于将语义化标签设置在WEB前端;
后端标签解析模块:用于对WEB前端设置的所述标签进行解析;
后端标签执行模块:用于根据解析后的结果来控制WEB后端实施相应的操作。
进一步的技术方案在于:所述标签包括WEB后端查询标签、WEB后端保存标签以及WEB后端删除标签。
采用上述技术方案所产生的有益效果在于:本申请所述方法通过配置符合规范的各种语义化标签,将语义化标签设置在WEB前端,WEB后端对WEB前端设置的所述标签进行解析,根据解析后的结果来控制WEB后端实施相应的操作,减少了前后端代码交互量,使得开发人员只需要写对标签以及标签内的参数就能完成前端数据增删改查工作,在标签内按照规范写下对应字段名称,就能取到和保存对应字段数据,不需要开发人员写任何交互JavaScript代码。解放了开发人员的交互代码量,实现更好的控制代码规范,更方便的代码维护,以及隐藏式的交互代码,能达到即使技术水平不高,也能完成数据交互工作。
附图说明
下面结合附图和具体实施方式对本发明作进一步详细的说明。
图1是本发明实施例所述方法的主流程图;
图2是本发明实施例所述方法中查询功能的实现流程图;
图3是本发明实施例所述装置的原理框图。
具体实施方式
下面结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明的一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在下面的描述中阐述了很多具体细节以便于充分理解本发明,但是本发明还可以采用其他不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本发明内涵的情况下做类似推广,因此本发明不受下面公开的具体实施例的限制。
如图1所示,本发明实施例公开了一种通过语义化标签实现WEB前后端数据交互的方法,包括如下步骤:
S101:配置符合规范的各种语义化标签,所述符合规范的语义化标签定义了WEB后端需要执行的动作;
S101:将语义化标签设置在WEB前端;
S102:WEB后端对WEB前端设置的所述标签进行解析;
S103:根据解析后的结果来控制WEB后端实施相应的操作。
进一步的,一般情况下,所述语义化标签中包含字段名称和表名,通过对字段名称和表名的读取获取所述语义化标签的对应的WEB后端操作,需要说明的是,所述语义化标签中包含的具体内容还可以包括其它内容,本领域技术人员可以根据实际的情况进行相应的设置。
进一步的,WEB后端对所述标签中的参数进行解析,分析标签内容,如果标签内容是查询,则向WEB后端发送请求,并解析数据到对应标签中去。WEB后端对所述标签中的参数进行解析,分析标签内容,如果标签内容是保存,则进一步分析是新增还是编辑,并获取表单内标签值,拼装为字段名对应字段值的结构,并实现保存功能。WEB后端对所述标签中的参数进行解析,分析标签内容,如果标签内容是删除,则WEB后端自动获取对应数据的唯一编号,实现删除操作。
图2为所述方法实现查询功能的流程图,具体的包括如下步骤:
前端代码写入cm-list标签,并在标签参数中写上对应表名,分页和显示条数参数,并在标签包含内容写上字段标签;
前端程序获取标签参数,并向后端服务发送交互请求;
后端读取标签内容返回数据JSON格式,后端程序根据JSON内容判断数据条数,并将对应标签内容生成与数据相同的数目;
程序将返回数据按照字段标签将数据注入。
需要说明的是,图2只是给出了本发明实现查询功能的流程图,保存流程以及删除流程与图2的内容类似,在此不做赘述。
本申请所述方法通过配置符合规范的各种语义化标签,将语义化标签设置在WEB前端,WEB后端对WEB前端设置的所述标签进行解析,根据解析后的结果来控制WEB后端实施相应的操作,减少了前后端代码交互量,使得开发人员只需要写对标签以及标签内的参数就能完成前端数据增删改查工作,在标签内按照规范写下对应字段名称,就能取到和保存对应字段数据,不需要开发人员写任何交互JavaScript代码。解放了开发人员的交互代码量,实现更好的控制代码规范,更方便的代码维护,以及隐藏式的交互代码,能达到即使技术水平不高,也能完成数据交互工作。
相应的,如图3所示,本发明还公开了一种通过语义化标签实现WEB前后端数据交互的装置,包括:
前端标签配置模块101:用于配置符合规范的各种语义化标签,所述符合规范的语义化标签定义了WEB后端需要执行的动作;
前端标签设置模块102:用于将语义化标签设置在WEB前端;
后端标签解析模块103:用于对WEB前端设置的所述标签进行解析;
后端标签执行模块104:用于根据解析后的结果来控制WEB后端实施相应的操作。
优选的,所述标签包括WEB后端查询标签、WEB后端保存标签以及WEB后端删除标签,需要说明的是,所述标签还可以包括其它类型的标签,本领域技术人员可以根据实际需要进行相应的设置。