一种业务流程页面的展现方法和装置制造方法及图纸

本发明专利技术实施例提供了一种业务流程页面的展现方法和装置，包括：在打开业务流程页面时，获取业务流程页面的页面组件模板；加载所述页面组件模板；获取业务流程页面的各个元素所需的属性，以对业务流程页面进行初始化；从服务器中获取所述页面组件模板所需的目标数据；在所述页面组件模板中展现所述目标数据。在本发明专利技术实施例中，可以将每个业务流程处理节点封装为一个页面组件模板，每个业务流程节点的页面组件模板都可以高度复用。在移动端开发针对不同业务流程场景的页面时，可以根据实际需要选择业务流程页面所需的业务流程节点的页面组件模板，即可开发业务流程页面，提高了开发效率。

【技术实现步骤摘要】
一种业务流程页面的展现方法和装置
本专利技术涉及终端
，特别是涉及一种业务流程页面的展现方法和一种业务流程页面的展现装置。
技术介绍
随着移动互联网的发展，越来越多的企业开始使用移动APP来处理原有PC端的业务流程。相较传统业务处理模式，移动办公使得办公人员或企业相关领导可在任何时间,任何地点处理业务相关的任何事情。这种全新的办公模式，可以让办公人员摆脱时间和空间的束缚,提高工作效率、加强远程协作，尤其是可轻松处理常规办公模式下难以解决的紧急事务。现有业务流程开发主要借鉴PC端的技术实现，使用Jquery的技术实现。开发依据业务场景，需要写很复杂的DOM操作，随着业务发展，后期代码会变得越来越难维护。同时移动端业务流程的开发，很大程度依赖后端服务的实现，很难做到复用。再加上使用后端渲染技术，用户操作响应较慢体验不友好。虽然企业内部的业务流程操作，具备很强的通用性，但首先现在的开发模式和架构，很难做到开发工作的规范和标准化，因此也很难降低业务流程开发的成本和提高开发的效率。
技术实现思路
鉴于上述问题，提出了本专利技术实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种业务流程页面的展现方法和相应的一种业务流程页面的展现装置。为了解决上述问题，本专利技术实施例公开了一种业务流程页面的展现方法，包括：在打开业务流程页面时，获取业务流程页面的页面组件模板；加载所述页面组件模板；获取业务流程页面的各个元素所需的属性，以对业务流程页面进行初始化；从服务器中获取所述页面组件模板所需的目标数据；在所述页面组件模板中展现所述目标数据。优选的，所述获取业务流程页面的页面组件模板的步骤包括：获取业务流程页面的业务流程标签；获取业务流程标签对应的页面组件模板。优选的，所述业务流程页面包括首页；所述获取业务流程标签对应的页面组件模板的步骤包括：获取当前系统标识和流程类型标识；获取与所述当前系统标识、所述流程类型标识以及首页的业务流程标签，对应的页面组件模板。优选的，还包括：接收用户针对首页的页面组件模板中的目标数据的点击操作；所述业务流程页面还包括详情页，所述获取业务流程页面的业务流程标签的步骤包括：确定所述点击操作对应的目标数据所对应的详情页；获取所述详情页的业务流程标签以及按钮配置。优选的，所述获取业务流程标签对应的页面组件模板的步骤包括：获取与所述当前系统标识、所述流程类型标识以及详情页的业务流程标签，对应的页面组件模板。优选的，还包括：在详情页中展现所述按钮。优选的，还包括：接收用户针对所述详情页的按钮的点击操作；所述获取业务流程页面的页面组件模板的步骤包括：获取点击操作所针对的按钮所对应页面组件模板。本申请实施例还公开了一种业务流程页面的展现装置，包括：页面组件模板获取模块，用于在打开业务流程页面时，获取业务流程页面的页面组件模板；记载模块，用于加载所述页面组件模板；初始化模块，用于获取业务流程页面的各个元素所需的属性，以对业务流程页面进行初始化；目标数据获取模块，用于从服务器中获取所述页面组件模板所需的目标数据；目标数据展现模块，用于在所述页面组件模板中展现所述目标数据。优选的，所述页面组件模板获取模块包括：标签获取子模块，用于获取业务流程页面的业务流程标签；第一页面组件模板获取子模块，用于获取业务流程标签对应的页面组件模板。优选的，所述业务流程页面包括首页；所述第一页面组件模板获取子模块包括：标识获取单元，用于获取当前系统标识和流程类型标识；第一页面组件模板获取单元，用于获取与所述当前系统标识、所述流程类型标识以及首页的业务流程标签，对应的页面组件模板。优选的，还包括：第一点击操作接收模块，用于接收用户针对首页的页面组件模板中的目标数据的点击操作；所述业务流程页面还包括详情页，所述标签获取子模块包括：详情页确定单元，用于确定所述点击操作对应的目标数据所对应的详情页；标签获取单元，用于获取所述详情页的业务流程标签以及按钮配置。优选的，所述第一页面组件模板获取子模块包括：第二页面组件模板获取单元，用于获取与所述当前系统标识、所述流程类型标识以及详情页的业务流程标签，对应的页面组件模板。优选的，还包括：按钮展现模块，用于在详情页中展现所述按钮。优选的，还包括：第二点击操作接收模块，用于接收用户针对所述详情页的按钮的点击操作；所述页面组件模板获取模块包括：第二页面组件模板获取子模块，用于获取点击操作所针对的按钮所对应页面组件模板。本专利技术实施例包括以下优点：在本专利技术实施例中，可以将每个业务流程处理节点封装为一个页面组件模板，每个业务流程节点的页面组件模板都可以高度复用。在移动端开发针对不同业务流程场景的页面时，可以根据实际需要选择业务流程页面所需的业务流程节点的页面组件模板，即可开发业务流程页面，提高了开发效率。附图说明图1是本专利技术的一种业务流程页面的展现方法实施例的步骤流程图；图2是本专利技术的一种业务流程页面的展现装置实施例的结构框图。具体实施方式为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本专利技术作进一步详细的说明。参照图1，示出了本专利技术的一种业务流程页面的展现方法实施例的步骤流程图，具体可以包括如下步骤：步骤101，在打开业务流程页面时，获取业务流程页面的页面组件模板；在本专利技术实施例中，将移动端的业务流程页面的业务流程处理节点，切分为耦合性低的页面组件。页面组件可以React组件化技术封装为页面组件模板。在移动端打开的业务流程页面时，可以从预先创建的页面组件模板中根据实际需要选择业务流程页面所需的页面组件模板。业务流程页面一般具有多个业务流程处理节点供用户处理，在本专利技术实施例中，可以将每个业务流程处理节点封装为一个页面组件模板。在开发针对不同业务流程场景的页面时，可以根据实际需要选择业务流程页面所需的业务流程节点的页面组件模板，即可开发业务流程页面。在本专利技术实施例中，所述步骤101可以包括如下子步骤：子步骤S11，获取业务流程页面的业务流程标签；在本专利技术实施例，业务流程页面中展示有业务流程标签，业务流程标签可以是根据业务流程节点设置的。例如，业务流程节点可以包括：待办、已办等任务列表查询节点、业务状况查询节点、附件查看节点、批示意见节点。将这些业务流程节点都作为业务流程标签添加到业务流程页面中。子步骤S12，获取业务流程标签对应的页面组件模板。每个标签都预先设置有对应的页面组件模板。在本专利技术实施例中，业务流程页面可以包括：首页、详情页和处理节点页。首页是指打开业务流程系统时首先展现的页面。在首页中可以展现多个任务记录。例如，属于待审批标签的任务记录、属于已审批标签的任务记录、属于发起标签的任务记录。在本专利技术实施例中，在打开首页时，所述子步骤S12可以包括：获取当前系统标识和流程类型标识；获取与所述当前系统标识、所述流程类型标识以及首页的业务流程标签，对应的页面组件模板。移动端首先获取当前业务流程系统的系统标识和业务流程的流程类型标识，然后根据当前系统标识、所述流程类型标识以及首页的业务流程标签获取响应的页面组件模板。在本专利技术实施例中，移动端可以接收用户针对首页的页面组件模板中的目标数据的点击操作。首页的页面组件模板中展现的目标数据可以为任务记录。当用户点击某个任务记录时，本文档来自技高网...

【技术保护点】
一种业务流程页面的展现方法，其特征在于，包括：在打开业务流程页面时，获取业务流程页面的页面组件模板；加载所述页面组件模板；获取业务流程页面的各个元素所需的属性，以对业务流程页面进行初始化；从服务器中获取所述页面组件模板所需的目标数据；在所述页面组件模板中展现所述目标数据。

【技术特征摘要】
1.一种业务流程页面的展现方法，其特征在于，包括：在打开业务流程页面时，获取业务流程页面的页面组件模板；加载所述页面组件模板；获取业务流程页面的各个元素所需的属性，以对业务流程页面进行初始化；从服务器中获取所述页面组件模板所需的目标数据；在所述页面组件模板中展现所述目标数据。2.根据权利要求1所述的方法，其特征在于，所述获取业务流程页面的页面组件模板的步骤包括：获取业务流程页面的业务流程标签；获取业务流程标签对应的页面组件模板。3.根据权利要求2所述的方法，其特征在于，所述业务流程页面包括首页；所述获取业务流程标签对应的页面组件模板的步骤包括：获取当前系统标识和流程类型标识；获取与所述当前系统标识、所述流程类型标识以及首页的业务流程标签，对应的页面组件模板。4.根据权利要求3所述的方法，其特征在于，还包括：接收用户针对首页的页面组件模板中的目标数据的点击操作；所述业务流程页面还包括详情页，所述获取业务流程页面的业务流程标签的步骤包括：确定所述点击操作对应的目标数据所对应的详情页；获取所述详情页的业务流程标签以及按钮配置。5.根据权利要求4所述的方法，其特征在于，所述获取业务流程标签对应的页面组件模板的步骤包括：获取与所述当前系统标识、所述流程类型标识以及详情页的业务流程标签，对应的页面...

【专利技术属性】
技术研发人员：李乐，王巍鳓，王志松，
申请(专利权)人：中国民生银行股份有限公司，
类型：发明
国别省市：北京,11