CN113268238A - 一种应用流程编排的h5编辑方法及系统 - Google Patents
一种应用流程编排的h5编辑方法及系统 Download PDFInfo
- Publication number
- CN113268238A CN113268238A CN202110616063.XA CN202110616063A CN113268238A CN 113268238 A CN113268238 A CN 113268238A CN 202110616063 A CN202110616063 A CN 202110616063A CN 113268238 A CN113268238 A CN 113268238A
- Authority
- CN
- China
- Prior art keywords
- page
- business
- service
- editing
- component
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 31
- 238000009877 rendering Methods 0.000 claims description 9
- 230000000712 assembly Effects 0.000 claims description 7
- 238000000429 assembly Methods 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 2
- 230000003993 interaction Effects 0.000 abstract description 6
- 230000008878 coupling Effects 0.000 abstract description 3
- 238000010168 coupling process Methods 0.000 abstract description 3
- 238000005859 coupling reaction Methods 0.000 abstract description 3
- 238000005516 engineering process Methods 0.000 abstract description 3
- 230000000694 effects Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种应用流程编排的H5编辑方法及系统，包括定义业务规则，并形成可复用的业务规则集合，在当前能够处理业务逻辑数据的编辑器基础上，增加流程编排技术，解决当前系统所存在的页面交互与逻辑流程所存在的耦合问题，将页面的ui处理和流程逻辑处理分离开，能够大大提升业务组件的复用性，进而提升页面的启动效率。在工作中，业务方提出类似的需求，有曾经处理过的一个业务组件，我们就无需开发，减少了开发工期，提供工作效率，缩短上线周期。
Description
技术领域
本发明涉及网络页面生成技术领域，尤其涉及一种应用流程编排的H5编辑方法及系统。
背景技术
得益于优异的性能和新的应用特性，HTML5(H5)已经逐渐成为互联网广泛应用的新标准。
当前市面上存在一些比较成熟的H5编辑器，但是这些编辑器基本都是拖拽一些简单的H5页面，更多的是宣传页，页面上的任何元素都是固定的，没有任何从接口或者数据库拿到的数据，即便是有一些交互，例如，分享，跳转等，这些也只是简单的一些交互，依旧不能够给大家提供业务上的能力的复用。
现有H5编辑器，只能编辑一些简单的没有业务数据的H5页面。并不能够拖拽一些带有业务属性、业务数据的页面，例如，登陆注册，领取奖励，即便有些是可以有业务数据的承载，但是页面中的相互跳转，根据一些业务属性去判断跳转不同的页面，也是很难处理，一般会是与UI交互掺杂在一起。但是这样大大降低了业务能力复用性，每次的UI交互有稍微的差别，这个业务能力需要重新开发，毕因为在这个业务能力里面有很多业务逻辑分散在里面。日复一日，业务能力就会越来越多，导致系统代码越来越多，系统启动越来越慢。
发明内容
为解决现有技术的不足，本发明提出一种应用流程编排的H5编辑方法及系统，在当前能够处理业务逻辑数据的编辑器基础上，增加流程编排技术，解决当前系统所存在的页面交互与逻辑流程所存在的耦合问题，将页面的ui处理和流程逻辑处理分离开，能够大大提升业务组件的复用性，进而提升页面的启动效率。在工作中，业务方提出类似的需求，有曾经处理过的一个业务组件，我们就无需开发，减少了开发工期，提供工作效率，缩短上线周期。
为实现以上目的，本发明所采用的技术方案包括：
一种应用流程编排的H5编辑方法，其特征在于，包括：
S1、定义业务规则，所述业务规则包括该业务对应的业务身份和该业务所实现的业务能力，还包括对应的输入数据规定和输出数据规定以及所述业务规则对应的页面UI标签；
S2、根据业务能力将业务规则分组整理，形成可复用的业务规则集合；
S3、根据业务需求，从业务规则集合中选择具有解决该业务需求的业务能力的对应业务规则作为编辑组件；
S4、重复步骤S3，至业务中的各项业务需求均匹配到对应的编辑组件；
S5、根据各编辑组件所对应业务规则的输入数据规定和输出数据规定，将各编辑组件依据逻辑顺序连接，形成页面流程结构；
S6、根据根据各编辑组件所对应业务规则的页面UI标签，调取对应的页面UI组件依据页面流程结构建立H5页面。
进一步地，所述页面流程结构和所述页面UI组件为json格式文件。
进一步地，所述步骤S3还包括：
当现有业务规则集合中不存在具有解决该业务需求的业务能力的对应业务规则时，返回执行步骤S1和步骤S2更新业务规则集合。
进一步地，所述步骤S2包括：
将业务能力相同或相近似的业务规则归结为一个业务分组中；
将业务能力具有前后逻辑连接关系的业务分组标记为相关分组。
进一步地，所述步骤S5包括：
设定业务的初始输入和结果输出；
将输入数据规定匹配初始输入的编辑组件设定为起始组件；
将输出数据规定匹配结果输出的编辑组件设定为终点组件；
连接输出数据规定和输入数据规定相同的编辑组件。
进一步地，所述调取对应的页面UI组件依据页面流程结构建立H5页面包括使用H5渲染引擎解析页面流程结构和所述页面UI组件，并渲染对应的页面节点。
本发明还涉及一种应用流程编排的H5编辑系统，其特征在于，包括：
业务规则整理模块，用于定义业务规则，并生成业务规则集合；
编辑组件组装模块，用于选择编辑组件，并连接各编辑组件形成页面流程结构；
H5页面渲染模块，用于调取对应的页面UI组件依据页面流程结构建立H5页面。
本发明还涉及一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的方法。
本发明还涉及一种电子设备，其特征在于，包括处理器和存储器；
所述存储器，用于存储业务规则和页面UI组件；
所述处理器，用于通过调用业务规则和页面UI组件，执行上述的方法。
本发明的有益效果为：
采用本发明所述应用流程编排的H5编辑方法及系统，通过调用可复用的业务规则集合，在当前能够处理业务逻辑数据的编辑器基础上，增加流程编排技术，解决当前系统所存在的页面交互与逻辑流程所存在的耦合问题，将页面的ui处理和流程逻辑处理分离开，能够大大提升业务组件的复用性，进而提升页面的启动效率。在工作中，业务方提出类似的需求，有曾经处理过的一个业务组件，我们就无需开发，减少了开发工期，提供工作效率，缩短上线周期。
附图说明
图1为本发明应用流程编排的H5编辑方法流程示意图。
图2为本发明应用流程编排的H5编辑系统结构示意图。
具体实施方式
为了更清楚的理解本发明的内容，将结合附图和实施例详细说明。
本发明第一方面设计一种应用流程编排的H5编辑方法，流程如图1所示，包括：
S1、定义业务规则，所述业务规则包括该业务对应的业务身份和该业务所实现的业务能力，还包括对应的输入数据规定和输出数据规定以及所述业务规则对应的页面UI标签；
S2、根据业务能力将业务规则分组整理，形成可复用的业务规则集合，特别是包括：将业务能力相同或相近似的业务规则归结为一个业务分组中，将业务能力具有前后逻辑连接关系的业务分组标记为相关分组；
S3、根据业务需求，从业务规则集合中选择具有解决该业务需求的业务能力的对应业务规则作为编辑组件；当现有业务规则集合中不存在具有解决该业务需求的业务能力的对应业务规则时，返回执行步骤S1和步骤S2更新业务规则集合；
S4、重复步骤S3，至业务中的各项业务需求均匹配到对应的编辑组件；
S5、根据各编辑组件所对应业务规则的输入数据规定和输出数据规定，将各编辑组件依据逻辑顺序连接，形成json格式文件的页面流程结构，具体的，包括：设定业务的初始输入和结果输出，将输入数据规定匹配初始输入的编辑组件设定为起始组件，将输出数据规定匹配结果输出的编辑组件设定为终点组件，连接输出数据规定和输入数据规定相同的编辑组件；
S6、根据根据各编辑组件所对应业务规则的页面UI标签，调取对应的json格式文件的页面UI组件依据页面流程结构建立H5页面，优选的使用H5渲染引擎解析页面流程结构和所述页面UI组件，并渲染对应的页面节点。
本发明第二方面涉及一种结构如图2所示的应用流程编排的H5编辑系统，包括：
业务规则整理模块，用于定义业务规则，并生成业务规则集合；
编辑组件组装模块，用于选择编辑组件，并连接各编辑组件形成页面流程结构；
H5页面渲染模块，用于调取对应的页面UI组件依据页面流程结构建立H5页面。
通过使用该系统可以执行上述方法，实现H5页面的流程化编辑。
在实际应用中，例如当前需要定义一个新的业务身份为“新用户可领取优惠券”，则对应业务规则中，需要定义对应的业务能力，首先需要判断是否为新用户，其次，对判断为新用户的执行领取优惠券操作。因此，还需要定义对应该业务规则的输入数据规定和输出数据规定，例如以用户的电话号码作为输入数据规定，以是否成功领取优惠券为输出数据规定。这样就形成了一个完整的业务规则主要内容，再根据需要，安排其对应的页面UI标签，确定其具体的展示内容和方式。
进一步地，还可以再定义另一相关的业务身份为“老用户不可领取优惠券但可跳转至另一活动”，对应的业务能力首先需要判断是否为老用户，其次，对判断为老用户的引导至另一活动的操作。但因为与前一业务身份相关联，因此可以直接定义输入数据规定为根据前一业务身份判断不为新用户，输出数据规定为发出另一活动弹窗提示，使两个业务身份具备了相互之间的逻辑连接关系，实现流程化编排。
以上所述仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换等都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求书的保护范围为准。
Claims (9)
1.一种应用流程编排的H5编辑方法，其特征在于，包括：
S1、定义业务规则，所述业务规则包括该业务对应的业务身份和该业务所实现的业务能力，还包括对应的输入数据规定和输出数据规定以及所述业务规则对应的页面UI标签；
S2、根据业务能力将业务规则分组整理，形成可复用的业务规则集合；
S3、根据业务需求，从业务规则集合中选择具有解决该业务需求的业务能力的对应业务规则作为编辑组件；
S4、重复步骤S3，至业务中的各项业务需求均匹配到对应的编辑组件；
S5、根据各编辑组件所对应业务规则的输入数据规定和输出数据规定，将各编辑组件依据逻辑顺序连接，形成页面流程结构；
S6、根据根据各编辑组件所对应业务规则的页面UI标签，调取对应的页面UI组件依据页面流程结构建立H5页面。
2.如权利要求1所述的方法，其特征在于，所述页面流程结构和所述页面UI组件为json格式文件。
3.如权利要求1所述的方法，其特征在于，所述步骤S3还包括：
当现有业务规则集合中不存在具有解决该业务需求的业务能力的对应业务规则时，返回执行步骤S1和步骤S2更新业务规则集合。
4.如权利要求1所述的方法，其特征在于，所述步骤S2包括：
将业务能力相同或相近似的业务规则归结为一个业务分组中；
将业务能力具有前后逻辑连接关系的业务分组标记为相关分组。
5.如权利要求1所述的方法，其特征在于，所述步骤S5包括：
设定业务的初始输入和结果输出；
将输入数据规定匹配初始输入的编辑组件设定为起始组件；
将输出数据规定匹配结果输出的编辑组件设定为终点组件；
连接输出数据规定和输入数据规定相同的编辑组件。
6.如权利要求1所述的方法，其特征在于，所述调取对应的页面UI组件依据页面流程结构建立H5页面包括使用H5渲染引擎解析页面流程结构和所述页面UI组件，并渲染对应的页面节点。
7.一种应用流程编排的H5编辑系统，其特征在于，包括：
业务规则整理模块，用于定义业务规则，并生成业务规则集合；
编辑组件组装模块，用于选择编辑组件，并连接各编辑组件形成页面流程结构；
H5页面渲染模块，用于调取对应的页面UI组件依据页面流程结构建立H5页面。
8.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法。
9.一种电子设备，其特征在于，包括处理器和存储器；
所述存储器，用于存储业务规则和页面UI组件；
所述处理器，用于通过调用业务规则和页面UI组件，执行权利要求1至6中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110616063.XA CN113268238A (zh) | 2021-06-02 | 2021-06-02 | 一种应用流程编排的h5编辑方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110616063.XA CN113268238A (zh) | 2021-06-02 | 2021-06-02 | 一种应用流程编排的h5编辑方法及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113268238A true CN113268238A (zh) | 2021-08-17 |
Family
ID=77234096
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110616063.XA Pending CN113268238A (zh) | 2021-06-02 | 2021-06-02 | 一种应用流程编排的h5编辑方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113268238A (zh) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102930191A (zh) * | 2011-09-13 | 2013-02-13 | 微软公司 | 用于受限显示设备的基于角色的用户界面 |
| CN105808226A (zh) * | 2014-12-31 | 2016-07-27 | 亚申科技研发中心（上海）有限公司 | 实验工作流的生成方法及系统 |
| CN109343831A (zh) * | 2018-08-22 | 2019-02-15 | 平安普惠企业管理有限公司 | 一种html组件的管理方法及装置 |
| CN110795095A (zh) * | 2019-09-20 | 2020-02-14 | 贝壳技术有限公司 | 建立业务逻辑组件与业务组件及生成页面的方法与系统 |
| CN111625220A (zh) * | 2020-05-26 | 2020-09-04 | 北京思特奇信息技术股份有限公司 | 一种页面组件的自动组装方法、系统、装置和存储介质 |
| CN112084446A (zh) * | 2020-08-16 | 2020-12-15 | 中信百信银行股份有限公司 | 一种网页编辑方法、编辑器、电子设备和可读存储介质 |
| CN112860234A (zh) * | 2021-01-18 | 2021-05-28 | 北京神州数字科技有限公司 | 一种前端页面代码生成方法及系统 |
-
2021
- 2021-06-02 CN CN202110616063.XA patent/CN113268238A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102930191A (zh) * | 2011-09-13 | 2013-02-13 | 微软公司 | 用于受限显示设备的基于角色的用户界面 |
| CN105808226A (zh) * | 2014-12-31 | 2016-07-27 | 亚申科技研发中心（上海）有限公司 | 实验工作流的生成方法及系统 |
| CN109343831A (zh) * | 2018-08-22 | 2019-02-15 | 平安普惠企业管理有限公司 | 一种html组件的管理方法及装置 |
| CN110795095A (zh) * | 2019-09-20 | 2020-02-14 | 贝壳技术有限公司 | 建立业务逻辑组件与业务组件及生成页面的方法与系统 |
| CN111625220A (zh) * | 2020-05-26 | 2020-09-04 | 北京思特奇信息技术股份有限公司 | 一种页面组件的自动组装方法、系统、装置和存储介质 |
| CN112084446A (zh) * | 2020-08-16 | 2020-12-15 | 中信百信银行股份有限公司 | 一种网页编辑方法、编辑器、电子设备和可读存储介质 |
| CN112860234A (zh) * | 2021-01-18 | 2021-05-28 | 北京神州数字科技有限公司 | 一种前端页面代码生成方法及系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10630614B2 (en) | Opaque message parsing | |
| CN111104635B (zh) | 一种表格网页的生成方法和装置 | |
| CN106547527B (zh) | 一种JavaScript文件构建方法及装置 | |
| CN104484216A (zh) | 服务接口文档和在线测试工具生成方法、装置 | |
| CN111241182A (zh) | 数据处理方法和装置、存储介质和电子装置 | |
| CN102306102A (zh) | 程序文件自动生成方法及装置 | |
| CN110727429B (zh) | 一种前端页面的生成方法、装置及设备 | |
| CN109542878B (zh) | 一种列表创建方法及装置 | |
| CN112084446A (zh) | 一种网页编辑方法、编辑器、电子设备和可读存储介质 | |
| CN114416056A (zh) | 页面生成方法、系统、计算机设备及可读存储介质 | |
| CN114416049A (zh) | 结合rpa和ai的服务接口的配置方法及装置 | |
| CN110543307A (zh) | 一种应用构建方法及装置 | |
| CN117290250A (zh) | 自动化测试框架建立方法、计算机设备及计算机存储介质 | |
| CN111290996A (zh) | 文档格式转换方法、装置、设备及可读存储介质 | |
| CN112631563A (zh) | 基于框架的系统开发方法、装置、计算机设备及存储介质 | |
| CN113268238A (zh) | 一种应用流程编排的h5编辑方法及系统 | |
| CN102486731B (zh) | 增强软件的软件调用栈的可视化的方法、设备和系统 | |
| CN115065945B (zh) | 短信链接生成方法、装置、电子设备及存储介质 | |
| CN103561113A (zh) | Web Service接口的生成方法及装置 | |
| CN105338104A (zh) | 业务请求响应方法、解析方法和系统 | |
| CN116069330A (zh) | 中后台模板构建方法、装置和存储介质 | |
| US11843679B2 (en) | Automated dependency management based on page components | |
| CN115686515A (zh) | 参数可视化配置界面生成方法、装置、介质和电子设备 | |
| Bernardi et al. | Model driven evolution of web applications | |
| CN113326407A (zh) | 一种数据处理方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |