一种动态更新UI接口字段的方法及终端与流程

本发明涉及ui设计领域，尤其涉及一种动态更新ui接口字段的方法及终端。

背景技术：

ui(userinterface，用户界面)是应用程序和用户直接接触的窗口，在应用程序的开发中有着重要地位。ui在应用的生命周期中并不是一成不变的，开发者经常需要根据用户需要或功能的改变对ui字段或相应ui接口字段进行更新。目前ios端的ui界面数据更新都是通过网络接口完成，并且较为封闭的ios系统对其应用中可执行代码的下载或安装有着严格的管控，借助一些第三方sdk(软件开发工具包)实现动态更新的方式被禁止，如果需要对ui接口字段进行动态更新就必须通过发布应用新版本来实现，给开发者造成不便，也给应用的用户带来不好的使用感受。

技术实现要素：

本发明所要解决的技术问题是：提供一种动态更新ui接口字段的方法及终端，方便、高效的实现ui接口字段的更新。

为了解决上述技术问题，本发明采用的一种技术方案为：

一种动态更新ui接口字段的方法，包括步骤：

s1、汇总页面显示需要使用的所有ui信息；

s2、将所述汇总的ui信息用格式化语言描述，得到对应的ui数据集；

s3、根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关；

s4、根据所述动态配置网关动态更新ui接口字段。

为了解决上述技术问题，本发明采用的另一种技术方案为：

一种动态更新ui接口字段的终端，包括存储器、处理器及存储在存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

s1、汇总页面显示需要使用的所有ui信息；

s2、将所述汇总的ui信息用格式化语言描述，得到对应的ui数据集；

s3、根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关；

s4、根据所述动态配置网关动态更新ui接口字段。

本发明的有益效果在于：通过将页面显示需要使用的所有ui信息汇总，并且用格式化语言描述得到对应的ui数据集，根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关，根据所述动态配置网关动态更新ui接口字段，实现在不更新应用版本的情况下动态更新ui接口字段；汇总页面展示需要使用的所有ui信息并用格式化语言描述，方便页面数据的传递和加载，也方便后期的维护，通过更改动态配置网关更新接口字段，ui界面在进行展示时直接响应更新后的动态配置网关数据，不依赖原接口字段，加快了页面的响应速度，且通过调用相应解析函数就可以实现对所述动态配置网关进行解析，实现对ui界面的展示，能够方便、高效的实现ui接口字段的更新。

附图说明

图1为本发明实施例的一种动态更新ui接口字段的方法的步骤流程图；

图2为本发明实施例的一种动态更新ui接口字段的终端的结构示意图；

标号说明：

1、一种动态更新ui接口字段的终端；2、处理器；3、存储器；

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图予以说明。

请参照图1，一种动态更新ui接口字段的方法，所述方法包括步骤：

s1、汇总页面显示需要使用的所有ui信息；

s2、将所述汇总的ui信息用格式化语言描述，得到对应的ui数据集；

s3、根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关；

s4、根据所述动态配置网关动态更新ui接口字段。

从上述描述可知，本发明的有益效果在于：通过将页面显示需要使用的所有ui信息汇总，并且用格式化语言描述得到对应的ui数据集，根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关，根据所述动态配置网关动态更新ui接口字段，实现在不更新应用版本的情况下动态更新ui接口字段；汇总页面展示需要使用的所有ui信息并用格式化语言描述，方便页面数据的传递和加载，也方便后期的维护，通过更改动态配置网关更新接口字段，ui界面在进行展示时直接响应更新后的动态配置网关数据，不依赖原接口字段，加快了页面的响应速度，且在通过调用相应解析函数就可以实现对所述动态配置网关进行解析，实现对ui界面的展示，能够方便、高效的实现ui接口字段的更新。

进一步的，所述s1中ui信息包括：数据字段集、数据字段集中数据字段对应的状态以及ui的展示模板。

由上述描述可知，将数据字段集及其中数据字段对应的状态以及总结好的ui模板都汇总到ui信息中，使ui信息涵盖更加全面，保证接口更新的字段能及时体现在其对应的ui界面元素中，被ui界面展示，方便后续的使用和修改。

进一步的，所述s2中所述ui数据集中的对象包含属性和属性值；所述属性值为空。

由上述描述可知，将属性值设置为空，在进行页面展示时可以根据需要确定属性值的具体值，使ui界面的展示更加灵活。

进一步的，所述s3中所述得到对应的动态配置网关包括：采用javascript脚本语言，将所述ui数据集中的每一数据字段和其对应的ui接口，转化为动态配置网关。

由上述描述可知，采用javascript脚本代码对ui数据集中每一数据字段和其对应的ui接口进行二次封装，借助javascript的强大功能，更加轻松实现通过修改相应动态配置网关动态修改其对应的接口字段，将ui数据集中数据字段和其对应的ui接口一一对应，方便后期对ui接口字段进行相应更改，也方便对相应ui元素和ui接口进行维护。

进一步的，所述步骤s4包括：接收针对ui接口字段的更新请求，所述更新请求包括请求更新的ui接口字段及其对应的更新值；根据所述更新请求将与所述ui接口字段对应的动态配置网关中的ui接口字段更新为所述更新值。

由上述描述可知，通过动态配置网关修改其对应的ui接口字段，实现在不更新版本的情况下对ui接口字段的更新，提高ui接口字段更新的效率。

请参照图2，一种动态更新ui接口字段的终端，所述终端包括存储器、处理器及存储在存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

s1、汇总页面显示需要使用的所有ui信息；

s2、将所述汇总的ui信息用格式化语言描述，得到对应的ui数据集；

s3、根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关；

s4、根据所述动态配置网关动态更新ui接口字段。

从上述描述可知，本发明的有益效果在于：通过将页面显示需要使用的所有ui信息汇总，并且用格式化语言描述得到对应的ui数据集，根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关，根据所述动态配置网关动态更新ui接口字段，实现在不更新应用版本的情况下动态更新ui接口字段；汇总页面展示需要使用的所有ui信息并用格式化语言描述，方便页面数据的传递和加载，也方便后期的维护，通过更改动态配置网关更新接口字段，ui界面在进行展示时直接响应更新后的动态配置网关数据，不依赖原接口字段，加快了页面的响应速度，且通过调用相应解析函数就可以实现对所述动态配置网关进行解析，实现对ui界面的展示，能够方便、高效的实现ui接口字段的更新。

进一步的，所述s1中ui信息包括：数据字段集、数据字段集中数据字段对应的状态以及ui的展示模板；

由上述描述可知，将数据字段集及其中数据字段对应的状态以及总结好的ui模板都汇总到ui信息中，使ui信息涵盖更加全面，保证接口更新的字段能及时体现在其对应的ui界面元素中，被ui界面展示，方便后续的使用和修改。

进一步的，所述s2中所述ui数据集中的对象包含属性和属性值；所述属性值为空；

由上述描述可知，将属性值设置为空，在进行页面展示时可以根据需要确定属性值的具体值，使ui界面的展示更加灵活。

进一步的，所述s3中所述得到对应的动态配置网关包括：采用javascript脚本语言，将所述ui数据集中的每一数据字段和其对应的ui接口，转化为动态配置网关；

由上述描述可知，采用javascript脚本代码对ui数据集中每一数据字段和其对应的ui接口进行二次封装，借助javascript的强大功能，更加轻松实现通过修改相应动态配置网关动态修改其对应的接口字段，将ui数据集中数据字段和其对应的ui接口一一对应，方便后期对ui接口字段进行相应更改，也方便对相应ui元素和ui接口进行维护。

进一步的，所述步骤s4包括：接收针对ui接口字段的更新请求，所述更新请求包括请求更新的ui接口字段及其对应的更新值；根据所述更新请求将与所述ui接口字段对应的动态配置网关中的ui接口字段更新为所述更新值。

由上述描述可知，通过动态配置网关修改其对应的ui接口字段，实现在不更新版本的情况下对ui接口字段的更新。

请参照图1，本发明的实施例一为：

一种动态更新ui接口字段的方法，具体包括：

s1、汇总页面显示需要使用的所有ui信息；

所述ui信息包括：数据字段集、数据字段集中数据字段对应的状态以及ui的展示模板；

具体的，总结界面展示可能用到的数据字段集以及其中的数据字段需要改变的状态，如颜色、是否展示等状态数据，ui设计好的相应展示模板也需要进行总结；

s2、将所述汇总的ui信息用格式化语言描述，得到对应的ui数据集；

所述ui数据集中的对象包含属性和属性值，所述属性值为空；

将所述汇总的ui信息用格式化语言描述，优选地，可以将s1中汇总的页面ui信息用json(javascriptobjectnotation，js对象简谱)进行描述，并将其汇总成json数据集，如需要展示的数据字段有姓名、日期，数据字段；需要改变的状态有姓名字段的颜色、日期字段是否显示，将这些ui信息汇总成一个json数据集，其属性对应的属性值为空，就可以根据具体的需要对ui进行定制；

s3、根据所述ui数据集和其对应的ui接口，得到对应的动态配置网关；

所述得到对应的动态配置网关包括：采用javascript脚本语言，将所述ui数据集中的每一数据字段和其对应的ui接口，转化为动态配置网关；

动态配置网关即通过javascript对原ui接口的二次封装，如原ui接口数据为{"unit_info":{"name":"wang"}},s2中得到汇总的json数据集中相应字段为{"content":{"namelabel":""}}，需要显示的ui元素为label，则通过javascript脚本语言转化后的动态配置网关数据为{"content":{"label":"varfun＝function(data){returndata.unit_info.name"}}，含义为ui界面中label的赋值取的是接口的name字段；

s4、根据所述动态配置网关动态更新ui接口字段；

具体包括：接收针对ui接口字段的更新请求，所述更新请求包括请求更新的ui接口字段及其对应的更新值；根据所述更新请求将与所述ui接口字段对应的动态配置网关中的ui接口字段更新为所述更新值。

如需要将接口字段{"unit_info":{"name":"wang"}}改为：{"unit_info":{"newname":"wang"}}，只需将配置网关数据修改为：{"content":{"label":"varfun＝function(data){returndata.unit_info.newname"}}；

客户端重新请求接口后，获得更新后的动态配置网关数据和ui接口数据，通过客户端中相应动态解析工具即可解析获取到的动态配置网关的数据，比如返回的ui接口数据为：{"unit_info":{"name":"wang"}}，其对应的动态配置网关数据为{"content":{"label":"varfun＝function(data){returndata.unit_info.name"}}，通过动态解析工具调用相应的js解析函数直接解析动态配置网关数据，得到的结果为：{"content":{"label":"wang"}}，客户端根据这个解析的结果就可以进行相应ui界面展示，将ui界面中label元素显示为wang；

可选的，接收针对ui接口字段的新增请求，所述新增请求包括新增的ui接口字段；

根据所述新增请求，新增与所述新增的ui接口字段对应的动态配置网关；

比如，如果要新增name1的接口字段，则只需要添加与其对应的动态配置网关数据即可，即添加{"content":{"label":"varfun＝function(data){returndata.unit_info.name1"}}；

可选的，若删除原接口字段，设置新的接口字段替换所述被删除的原接口字段，则接受针对ui接口字段的更改请求，所述更改请求包括需要更改的ui接口字段和该字段所处的ui接口；

根据所述更改请求，更改与所述删除的原接口字段对应的动态配置网关；

比如，如果需要删除newname的接口字段，设置name1的接口字段替换newname，则将与newname接口字段对应的动态配置网关{"content":{"label":"varfun＝function(data){returndata.unit_info.newname"}}更改为{"content":{"label":"varfun＝function(data){returndata.unit_info.name1"}}即可。

上述的动态更新ui接口字段的方法可以适用于ios终端，也可以用于其他类似的需要进行ui接口字段更新的系统；将上述方法应用于ios终端的ui接口字段更新，ios的ui可以实现动态展示，包括展示内容的简单改变，颜色字体大小等的动态变化，而且还可以对接口字段进行增删改等，并且不会影响到ios的正常使用，ios只需要重新请求接口即可实现对数据的实时更新，同时也不违反appstore审核规则。

请参照图2，本发明的实施例二为：

一种动态更新ui接口字段的终端1，所述终端1包括处理器2、存储器3及存储在存储器3上并可在所述处理器2上运行的计算机程序，所述处理器3执行所述计算机程序时实现实施例一中的各个步骤。

综上所述，本发明提供了一种动态更新ui接口字段的方法及终端，汇总页面显示需要使用的所有ui信息，得到对应的ui数据集，根据所述ui数据集和其对应的ui接口得到对应的动态配置网关，根据所述动态配置网关动态更新ui接口字段，实现在不更新应用版本的情况下动态更新ui接口字段，同时ui界面在进行展示时直接响应更新后的动态配置网关数据，不依赖原接口字段对ui界面进行展示，加快了页面的响应速度；将页面展示需要使用的所有ui信息汇总并用格式化语言描述得到对应的ui数据集，使汇总的ui信息涵盖尽可能完备的ui界面元素，保证接口更新的字段能及时体现在其对应的ui界面元素中，被ui界面展示，同时用格式化语言进行描述也方便页面数据的传递和加载及后期的维护；将ui数据集中属性对应的属性值设置为空，在进行页面展示时可以根据需要确定属性值的具体值，使ui界面的展示更加灵活；通过javascript生成动态配置网关更新接口字段，借助javascript的强大功能，更加轻松实现对ui接口字段的更新，将ui数据集中数据字段和其对应的ui接口一一对应，方便后期对ui接口字段进行相应更改，也方便对相应ui元素和ui接口进行维护，并且通过调用相应解析函数就可以实现对所述动态配置网关的解析，从而实现对ui界面的展示，能够方便、高效的实现ui接口字段的更新。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。