CN110990126A - 基于js的快捷前端业务页面实现方法及装置 - Google Patents

Abstract

本申请提供一种基于js的快捷前端业务页面实现方法及装置，涉及页面展示技术领域。其中，该方法通过根据目标业务的业务类型，确定对应的目标原子页面组件，目标原子页面组件包括多个子原子页面组件，使得可以根据目标原子页面组件所包括多个子原子页面组件、以及目标js解释程序所包括的多个子原子页面组件的组装信息，生成目标业务对应的目标业务页面，简化了目标业务页面的生成过程，实现了业务人员可以根据需要完成对目标业务页面的配置，进而生成相应的目标页面，有效缩短了目标业务页面的制作周期。

Description

基于js的快捷前端业务页面实现方法及装置

技术领域

本申请涉及页面展示技术领域，特别涉及一种基于js的快捷前端业务页面实现方法及装置。

背景技术

随着互联网技术的发展，用户使用各种业务系统的频率越来越高，因而一个用户可能同时需要操作多个业务系统，例如公司员工办公室，可能需要同时使用OA(OfficeAutomation，办公自动化)系统、CRM(Customer Relationship Management，客户关系管理)系统、邮件系统以及其它系统等，这些系统都包括各种各样的展示页面。

现有的对于不同业务系统的业务页面的设计过程包括：产品业务人员设计好原型、美工人员出设计图、UI人员制作页面和交互动作、后台联调、测试人员测试等过程，才能最终开发出满足设计需求的业务页面。

但现有的业务页面的设计方式，由于流程长、用时长、多人合作沟通成本高、各个环节重复劳动多等问题，存在业务页面的制作周期较长的问题。

发明内容

本申请的目的在于，针对上述现有技术中的不足，提供一种基于js的快捷前端业务页面实现方法及装置，可以解决现有技术中业务页面的制作周期较长的技术问题。

为实现上述目的，本申请实施例采用的技术方案如下：

第一方面，本申请实施例提供了一种基于js的快捷前端业务页面实现方法，包括：根据目标业务的业务类型，确定对应的目标原子页面组件，目标原子页面组件包括多个子原子页面组件，各子原子页面组件包括对应的子原子页面标识；根据目标原子页面组件、目标js解释程序及目标业务的数据信息，生成目标业务对应的目标业务页面，目标js解释程序包括多个子原子页面组件的组装信息，目标业务页面包括对应的目标页面标识。

可选地，上述方法还包括：接收用户输入的目标业务页面的访问指令，访问指令包括目标页面标识；根据访问指令，显示目标页面标识对应的目标业务页面。

可选地，上述根据访问指令，显示目标页面标识对应的目标业务页面，包括：根据访问指令，获取目标业务页面所对应的目标js解释程序；根据目标js解释程序，获取目标业务页面所对应的目标原子页面组件；根据目标原子页面组件，获取多个子原子页面组件；根据多个子原子页面组件和目标js解释程序，组装显示目标页面标识对应的目标业务页面。

可选地，上述方法还包括：根据预配置业务字段，获取目标业务的业务字段；根据目标业务的业务字段及预配置文件，生成各子原子页面组件；预配置文件包括：业务字段的显示样式、以及业务字段所对应的业务值的预设数据格式和显示样式。

可选地，子原子页面组件包括对应的子js解释程序和预设业务接口，预配置文件包括更新业务值的预设频率，上述方法还包括：根据预设业务接口和子js解释程序，以预设频率获取业务字段所对应的最新业务值；判断业务值的数据格式与业务值的预设数据格式是否匹配；若匹配，根据最新业务值，更新子原子页面组件的当前业务值。

可选地，上述业务字段所对应的业务值的预设数据格式包括下述一种或多种的组合：文本、列表、图片及视频。

可选地，上述预设数据格式为列表时，列表的显示样式包括：列表的分页大小、显示行数；预设数据格式为图片时，图片的显示样式包括：图片的大小、播放格式；预设数据格式为视频时，视频的显示样式包括：视频的时长、播放格式。

第二方面，本申请实施例提供了一种基于js的快捷前端业务页面实现装置，包括：确定模块和第一生成模块。

确定模块，用于根据目标业务的业务类型，确定对应的目标原子页面组件，目标原子页面组件包括多个子原子页面组件，各子原子页面组件包括对应的子原子页面标识；第一生成模块，用于根据目标原子页面组件、目标js解释程序及目标业务的数据信息，生成目标业务对应的目标业务页面，目标js解释程序包括多个子原子页面组件的组装信息，目标业务页面包括对应的目标页面标识。

可选地，上述装置还包括接收模块和显示模块。

接收模块，用于接收用户输入的目标业务页面的访问指令，访问指令包括目标页面标识；显示模块，用于根据访问指令，显示目标页面标识对应的目标业务页面。

可选地，上述显示模块，具体用于根据访问指令，获取目标业务页面所对应的目标js解释程序；根据目标js解释程序，获取目标业务页面所对应的目标原子页面组件；根据目标原子页面组件，获取多个子原子页面组件；根据多个子原子页面组件和目标js解释程序，组装显示目标页面标识对应的目标业务页面。

可选地，上述装置还包括：获取模块和第二生成模块。

获取模块，用于根据预配置业务字段，获取目标业务的业务字段；第二生成模块，用于根据目标业务的业务字段及预配置文件，生成各子原子页面组件；预配置文件包括：业务字段的显示样式、以及业务字段所对应的业务值的预设数据格式和显示样式。

可选地，子原子页面组件包括对应的子js解释程序和预设业务接口，预配置文件包括更新业务值的预设频率，上述装置还包括：更新模块，用于根据预设业务接口和子js解释程序，以预设频率获取业务字段所对应的最新业务值；判断业务值的数据格式与业务值的预设数据格式是否匹配；若匹配，根据最新业务值，更新子原子页面组件的当前业务值。

可选地，上述业务字段所对应的业务值的预设数据格式包括下述一种或多种的组合：文本、列表、图片及视频。

可选地，上述预设数据格式为列表时，所述列表的显示样式包括：列表的分页大小、显示行数；所述预设数据格式为图片时，所述图片的显示样式包括：图片的大小、播放格式；所述预设数据格式为视频时，所述视频的显示样式包括：视频的时长、播放格式。

第三方面，本申请实施例提供了一种电子设备，包括：处理器、存储介质和总线，存储介质存储有处理器可执行的机器可读指令，当电子设备运行时，处理器与存储介质之间通过总线通信，处理器执行机器可读指令，以执行上述第一方面的基于js的快捷前端业务页面实现方法的步骤。

第四方面，本申请实施例提供了一种存储介质，存储介质上存储有计算机程序，计算机程序被处理器运行时执行如执行上述第一方面的基于js的快捷前端业务页面实现方法的步骤。

本申请的有益效果是：

本申请实施例提供的一种基于js的快捷前端业务页面实现方法、装置、电子设备及存储介质中，通过根据目标业务的业务类型，确定对应的目标原子页面组件，目标原子页面组件包括多个子原子页面组件，使得可以根据目标原子页面组件所包括多个子原子页面组件、以及目标js解释程序所包括的多个子原子页面组件的组装信息，生成目标业务对应的目标业务页面，简化了目标业务页面的生成过程，实现了业务人员可以根据需要完成对目标业务页面的配置，进而生成相应的目标页面，有效缩短了目标业务页面的制作周期。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的一种基于js的快捷前端业务页面实现方法的流程示意图；

图2为本申请实施例提供的另一种基于js的快捷前端业务页面实现方法的流程示意图；

图3为本申请实施例提供的又一种基于js的快捷前端业务页面实现方法的流程示意图；

图4为本申请实施例提供的另一种基于js的快捷前端业务页面实现方法的流程示意图；

图5为本申请实施例提供的又一种基于js的快捷前端业务页面实现方法的流程示意图；

图6为本申请实施例提供的一种基于js的快捷前端业务页面实现装置的结构示意图；

图7为本申请实施例提供的另一种基于js的快捷前端业务页面实现装置的结构示意图；

图8为本申请实施例提供的又一种基于js的快捷前端业务页面实现装置的结构示意图；

图9为本申请实施例提供的一种电子设备结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

图1为本申请实施例提供的一种基于js的快捷前端业务页面实现方法的流程示意图，该方法可以应用于计算机、服务器、处理器、移动终端等可以进行业务页面展示的设备，包括：

S101、根据目标业务的业务类型，确定对应的目标原子页面组件，目标原子页面组件包括多个子原子页面组件，各子原子页面组件包括对应的子原子页面标识。

上述目标业务的业务类型可以包括：文本业务、表格业务、图片业务等，进而根据目标业务的业务类型可以确定对应的目标原子页面组件，该目标原子页面组件可以包括多个子原子页面组件，比如，文本业务所对应的文本子原子页面组件，表格业务所对应的表格子原子页面组件，而各子原子页面组件又可包括对应的子原子页面标识，该标识用于唯一标识各子原子页面组件，该标识可以是人为进行设置的，也可以是在生成子原子页面组件自动生成的，本申请在此不作限定。

S102、根据目标原子页面组件、目标js解释程序及目标业务的数据信息，生成目标业务对应的目标业务页面。

目标js解释程序包括多个子原子页面组件的组装信息，目标业务页面包括对应的目标页面标识。

其中，目标JavaScript(js)解释程序包括多个子原子页面组件的组装信息，可选地，该组装信息可以包括子原子页面组件的数量、包括哪些子原子页面组件等，各子原子页面组件可以通过子原子页面标识来区分，而最终生成的目标业务页面也可对应相应的目标页面标识，该目标页面标识可以是网页网址等，进而根据该目标页面标识可以访问到所生成的目标业务页面。因此，在生成目标业务对应的目标业务页面时，可以根据目标原子页面组件所包括多个子原子页面组件、以及目标js解释程序所包括的多个子原子页面组件的组装信息，生成目标业务对应的目标业务页面，使得对于业务人员自己可以根据需要完成对目标业务页面的配置，进而生成相应的目标页面，简化目标业务页面的生成过程，有效缩短业务页面的制作周期。

此外，需要说明的是，对于生成的目标业务页面还可以进一步通过在线图形化DevOps实现调试，以测试所生成的目标业务页面是否满足目标需求，其中，DevOps是Development和Operations的组合词。

综上所述，本申请实施例所提供的一种基于js的快捷前端业务页面实现方法中，通过根据目标业务的业务类型，确定对应的目标原子页面组件，目标原子页面组件包括多个子原子页面组件，使得可以根据目标原子页面组件所包括多个子原子页面组件、以及目标js解释程序所包括的多个子原子页面组件的组装信息，生成目标业务对应的目标业务页面，简化了目标业务页面的生成过程，实现了业务人员可以根据需要完成对目标业务页面的配置，进而生成相应的目标页面，有效缩短了目标业务页面的制作周期。

图2为本申请实施例提供的另一种基于js的快捷前端业务页面实现方法的流程示意图。可选地，如图2所示，上述方法还包括：

S201、接收用户输入的目标业务页面的访问指令，访问指令包括目标页面标识。

S202、根据访问指令，显示目标页面标识对应的目标业务页面。

其中，访问指令用于访问目标业务页面，可以包括该目标业务页面的目标页面标识，可选地，该访问指令可以携带该目标页面标识，使得业务人员对于生成的目标业务页面进行相应的访问。当然，在显示目标业务页面之后，在该目标业务页面还可以进行其他后续操作，比如，可以在目标业务页面实现对已有数据信息检索的呈现，如交易历史，物流流程，人员物品信息等的呈现。

图3为本申请实施例提供的又一种基于js的快捷前端业务页面实现方法的流程示意图。可选地，如图3所示，上述根据访问指令，显示目标页面标识对应的目标业务页面，包括：

S301、根据访问指令，获取目标业务页面所对应的目标js解释程序。

S302、根据目标js解释程序，获取目标业务页面所对应的目标原子页面组件。

S303、根据目标原子页面组件，获取多个子原子页面组件。

S304、根据多个子原子页面组件和目标js解释程序，组装显示目标页面标识对应的目标业务页面。

其中，可以根据访问指令，可以确定目标业务页面所对应的目标js解释程序，而根据目标js解释程序可以获取到目标业务页面对应的目标原子页面组件，并进而可以获取到该目标原子页面组件所包括的多个子原子页面组件，使得可以根据多子原子页面组件和目标js解释程序，对该多个子原子页面组件进行组装，经组装后即可显示目标页面标识对应的目标业务页面。

图4为本申请实施例提供的另一种基于js的快捷前端业务页面实现方法的流程示意图。可选地，如图4所示，上述方法还包括：

S401、根据预配置业务字段，获取目标业务的业务字段。

其中，预配置业务字段可以预配置在预设的业务字段表中，比如，某业务字段表可以包括：姓名、出生日期、性别、婚否、教育经历、工作经历、项目经历、培训经历、病历、宾馆住宿经历、出行经历、出入境经历等业务字段，而某目标业务的业务字段为：姓名和出生日期时，则可以从预配置业务字段的业务字段中获取目标业务的业务字段，省去了自行设置的过程。

S402、根据目标业务的业务字段及预配置文件，生成各子原子页面组件。

预配置文件包括：业务字段的显示样式、以及业务字段所对应的业务值的预设数据格式和显示样式。

在获取到目标业务的业务字段后，即可根据该目标业务的业务字段及预配置文件，配置各子原子组件的业务字段、业务字段的显示样式、以及业务字段所对应的业务值的预设数据格式和显示样式，而该配置过程为图形化过程，具有配置简单、方便直观使用的特点，可以降低业务人员的使用难度。其中，所生成的子原子页面组件可以包括每个html元素数量和大小、位置、颜色、图片参数等，本申请在此不作限定。

可选地，业务字段的显示样式可以包括：业务字段的字体颜色、字体类型、字体大小、字体粗细、字体行高、字间距等多种配置方式；业务字段所对应的业务值的预设数据格式可以包括：文本、列表、图片等数据格式；对应地，根据不同的数据格式，可对应不同的显示样式，比如：预设数据格式为文本时，显示样式可以包括：文本的颜色、大小、粗细等，但不以此为限。

此外，需要说明的是，预配置文件也可进行复制，比如，可以事先设置多种预配置文件模板，生成各子原子页面组件时，可以对该预配置文件模板进行复制，获取复制后的预配置文件副本，进而基于该预配置文件副本可以进一步自行设置，可以简化业务人员的配置过程，有效缩短业务页面的制作周期。

图5为本申请实施例提供的又一种基于js的快捷前端业务页面实现方法的流程示意图。可选地，如图5所示，子原子页面组件包括对应的子js解释程序和预设业务接口，预配置文件包括更新业务值的预设频率，其中，子js解释程序可以用于根据该预设频率获取业务字段所对应的最新业务值，预设业务接口为获取业务字段所对应的业务值的请求接口，上述方法还包括：

S501、根据子js解释程序和预设业务接口，以预设频率获取业务字段所对应的最新业务值。

S502、判断业务值的数据格式与业务值的预设数据格式是否匹配。

S503、若匹配，根据最新业务值，更新子原子页面组件的当前业务值。

其中，子原子组件的业务字段所对应的业务值可以通过子原子页面组件所对应的子js解释程序和预设业务接口，以预设频率获取该业务字段所对应的最新业务值，而在获取到最新业务值后，若判断该业务值的数据格式与业务值的预设数据格式匹配，则可以根据最新业务值对子原子页面组件的业务值进行更新。

比如，某子原子页面组件中的业务字段包括：缴费时间和缴费金额(单位：元)，所对应的当前业务值分别为：10月15号和100，若获取的缴费时间所对应的当前最新业务值为10月20号，而该业务值的数据格式与业务值的预设数据格式相匹配(均为文本)，因此，可以将缴费时间所对应的当前业务值更新为10月20号；若获取的缴费金额所对应的当前最新业务值为某图片，而该业务值的数据格式(图片)与业务值的预设数据格式(文本)不匹配，因此，可以不对缴费金额所对应的当前业务值进行更新，又或者选择某默认文本(比如，未获取成功)进行更新。

当然，在匹配时，还可以进一步判断所获取的业务值所属的业务字段与预设业务字段是否匹配，若匹配，根据最新业务值，更新子原子页面组件的当前业务值，可以保证更新的正确性。

比如：以某子原子页面组件中的业务字段包括：缴费时间为例进行说明，缴费时间可以用相应的键值(key)表示，而获取的业务值又属于相应的业务字段，比如缴费时间可以用JFSJ的键值表示，若获取的业务值的所属的业务字段为JFSJ，则可以根据最新业务值，更新子原子页面组件的当前业务值，否则不作更新。

当然，需要说明的是，本申请在此并不限定该预设频率，根据不同的业务字段的不同类型，该预设频率可以是1分钟、2分钟、5分钟等；此外，还需要说明的是，本申请在此并不限定业务值的数据来源，可以来源于某网页，某表等。

可选地，上述业务字段所对应的业务值的预设数据格式包括下述一种或多种的组合：文本、列表、图片及视频。

其中，需要说明的是一子原子页面组件可以包括多个业务字段，各业务字段所对应的业务值的预设数据可以相同，也可以不同。比如，一原子页面组件中业务字段所对应的业务值的预设数据格式可以有：文本、列表、图片。当然，需要说明的是，业务字段所对应的业务值的预设数据格式也可以包括动画等其他数据格式，根据实际的应用可自行设置，本申请在此不作限定。

可选地，上述预设数据格式为列表时，列表的显示样式可以包括：列表的分页大小、显示行数，其中，分页大小可以表示该列表的分页尺寸，显示行数可以表示每页列表的所显示的数据条数；预设数据格式为图片时，图片的显示样式包括：图片的大小、播放格式，其中，图片的大小可以表示该图片的尺寸，比如，分辨率为640×480的图片，图片的播放格式可以表示多个图片的播放格式，比如，多个图片是否自动轮播；预设数据格式为视频时，视频的显示样式可以包括：视频的时长、播放格式，其中，视频的时长可以为视频总的时长，比如：3分钟、5分钟等，播放格式可以包括3GP格式、MP4格式、流媒体格式(FlashVideo，FLV)等，本申请在此不作限定。

图6为本申请实施例提供的一种基于js的快捷前端业务页面实现装置的结构示意图，该装置基本原理及产生的技术效果与前述对应的方法实施例相同，为简要描述，本实施例中未提及部分，可参考方法实施例中的相应内容，如图6所示，该装置包括：确定模块110和第一生成模块120。

确定模块110，用于根据目标业务的业务类型，确定对应的目标原子页面组件，目标原子页面组件包括多个子原子页面组件，各子原子页面组件包括对应的子原子页面标识；第一生成模块120，用于根据目标原子页面组件、目标js解释程序及目标业务的数据信息，生成目标业务对应的目标业务页面，目标js解释程序包括多个子原子页面组件的组装信息，目标业务页面包括对应的目标页面标识。

图7为本申请实施例提供的另一种基于js的快捷前端业务页面实现装置的结构示意图。可选地，如图7所示，上述装置还包括接收模块130和显示模块140。

接收模块130，用于接收用户输入的目标业务页面的访问指令，访问指令包括目标页面标识；显示模块140，用于根据访问指令，显示目标页面标识对应的目标业务页面。

可选地，上述显示模块140，具体用于根据访问指令，获取目标业务页面所对应的目标js解释程序；根据目标js解释程序，获取目标业务页面所对应的目标原子页面组件；根据目标原子页面组件，获取多个子原子页面组件；根据多个子原子页面组件和目标js解释程序，组装显示目标页面标识对应的目标业务页面。

图8为本申请实施例提供的又一种基于js的快捷前端业务页面实现装置的结构示意图。可选地，如图8所示，上述装置还包括：获取模块160和第二生成模块170。

获取模块160，用于根据预配置业务字段，获取目标业务的业务字段；第二生成模块170，用于根据目标业务的业务字段及预配置文件，生成各子原子页面组件；预配置文件包括：业务字段的显示样式、以及业务字段所对应的业务值的预设数据格式和显示样式。

可选地，子原子页面组件包括对应的子js解释程序和预设业务接口，预配置文件包括更新业务值的预设频率，上述装置还包括：更新模块，用于根据预设业务接口和子js解释程序，以预设频率获取业务字段所对应的最新业务值；判断业务值的数据格式与业务值的预设数据格式是否匹配；若匹配，根据最新业务值，更新子原子页面组件的当前业务值。

可选地，上述业务字段所对应的业务值的预设数据格式包括下述一种或多种的组合：文本、列表、图片及视频。

可选地，上述预设数据格式为列表时，所述列表的显示样式包括：列表的分页大小、显示行数；所述预设数据格式为图片时，所述图片的显示样式包括：图片的大小、播放格式；所述预设数据格式为视频时，所述视频的显示样式包括：视频的时长、播放格式。

上述装置用于执行前述实施例提供的方法，其实现原理和技术效果类似，在此不再赘述。

以上这些模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(Application Specific Integrated Circuit，简称ASIC)，或，一个或多个微处理器(Digital Signal Processor，简称DSP)，或，一个或者多个现场可编程门阵列(Field Programmable Gate Array，简称FPGA)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(CentralProcessing Unit，简称CPU)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统(system-on-a-chip，简称SOC)的形式实现。

图9为本申请实施例提供的一种电子设备结构示意图。如图9所示，该电子设备可以包括：处理器210、存储介质220和总线230，存储介质220存储有处理器210可执行的机器可读指令，当电子设备运行时，处理器210与存储介质220之间通过总线230通信，处理器210执行机器可读指令，以执行上述方法实施例的步骤。具体实现方式和技术效果类似，这里不再赘述。

可选地，本申请还提供一种存储介质，存储介质上存储有计算机程序，计算机程序被处理器运行时执行上述方法实施例的步骤。具体实现方式和技术效果类似，这里不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(英文：processor)执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取存储器(英文：Random Access Memory，简称：RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种基于js的快捷前端业务页面实现方法，其特征在于，包括：

根据目标业务的业务类型，确定对应的目标原子页面组件，所述目标原子页面组件包括多个子原子页面组件，各所述子原子页面组件包括对应的子原子页面标识；

根据所述目标原子页面组件、目标js解释程序及所述目标业务的数据信息，生成所述目标业务对应的目标业务页面，所述目标js解释程序包括多个所述子原子页面组件的组装信息，所述目标业务页面包括对应的目标页面标识。

2.根据权利要求1所述的方法，其特征在于，还包括：

接收用户输入的所述目标业务页面的访问指令，所述访问指令包括所述目标页面标识；

根据所述访问指令，显示所述目标页面标识对目标业务页面。

3.根据权利要求2所述的方法，其特征在于，所述根据所述访问指令，显示所述目标页面标识对应的目标业务页面，包括：

根据所述访问指令，获取所述目标业务页面所对应的所述目标js解释程序；

根据所述目标js解释程序，获取所述目标业务页面所对应的目标原子页面组件；

根据所述目标原子页面组件，获取多个子原子页面组件；

根据多个所述子原子页面组件和所述目标js解释程序，组装显示所述目标页面标识对应的目标业务页面。

4.根据权利要求1所述的方法，其特征在于，还包括：

根据预配置业务字段，获取所述目标业务的业务字段；

根据所述目标业务的业务字段及预配置文件，生成各所述子原子页面组件；所述预配置文件包括：所述业务字段的显示样式、以及所述业务字段所对应的业务值的预设数据格式和显示样式。

5.根据权利要求4所述的方法，其特征在于，所述子原子页面组件包括对应的子js解释程序和预设业务接口，所述预配置文件包括更新所述业务值的预设频率，所述方法还包括：

根据所述预设业务接口和所述子js解释程序，以所述预设频率获取所述业务字段所对应的最新业务值；

判断所述业务值的数据格式与所述业务值的预设数据格式是否匹配；

若匹配，根据当前最新的所述业务值，更新所述子原子页面组件的当前业务值。

6.根据权利要求4所述的方法，其特征在于，所述业务字段所对应的业务值的预设数据格式包括下述一种或多种的组合：文本、列表、图片及视频。

7.根据权利要求6所述的方法，其特征在于，所述预设数据格式为列表时，所述列表的显示样式包括：列表的分页大小、显示行数；

所述预设数据格式为图片时，所述图片的显示样式包括：图片的大小、播放格式；

所述预设数据格式为视频时，所述视频的显示样式包括：视频的时长、播放格式。

8.一种基于js的快捷前端业务页面实现装置，其特征在于，包括：确定模块和第一生成模块；

所述确定模块，用于根据目标业务的业务类型，确定对应的目标原子页面组件，所述目标原子页面组件包括多个子原子页面组件，各所述子原子页面组件包括对应的子原子页面标识；

所述第一生成模块，用于根据所述目标原子页面组件、目标js解释程序及所述目标业务的数据信息，生成所述目标业务对应的目标业务页面，所述目标js解释程序包括多个所述子原子页面组件的组装信息，所述目标业务页面包括对应的目标页面标识。

9.根据权利要求8所述的装置，其特征在于，还包括接收模块和显示模块，

所述接收模块，用于接收用户输入的所述目标业务页面的访问指令，所述访问指令包括所述目标页面标识；

所述显示模块，用于根据所述访问指令，显示所述目标页面标识对应的目标业务页面。

10.根据权利要求9所述的装置，其特征在于，所述显示模块，具体用于根据所述访问指令，获取所述目标业务页面所对应的所述目标js解释程序；

根据所述目标js解释程序，获取所述目标业务页面所对应的目标原子页面组件；

根据所述目标原子页面组件，获取多个子原子页面组件；

根据多个所述子原子页面组件和所述目标js解释程序，组装显示所述目标页面标识对应的目标业务页面。

Images