CN112328225A - 一种页面运行方法及其运行系统 - Google Patents
一种页面运行方法及其运行系统 Download PDFInfo
- Publication number
- CN112328225A CN112328225A CN202110016001.5A CN202110016001A CN112328225A CN 112328225 A CN112328225 A CN 112328225A CN 202110016001 A CN202110016001 A CN 202110016001A CN 112328225 A CN112328225 A CN 112328225A
- Authority
- CN
- China
- Prior art keywords
- page
- state
- event
- parameter
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/17—Details of further file system functions
- G06F16/176—Support for shared access to files; File sharing support
-
- 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/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种页面运行方法及其运行系统,该方法包括如下步骤:响应于页面上动作组件的触发动作执行预先定义的事件;所述事件改变目标组件的状态参数;所述目标组件根据改变的状态参数改变状态。通过创建状态树、共享事件库以及组件集合和配套运行方案,本申请得到全新的页面模型数据驱动方法和系统,通过该方法和系统可以简化复杂数据驱动的配置过程,降低终端用户能力要求,使得页面状态走向清晰明了,方便进行问题排查和定位。
Description
技术领域
本申请涉及计算机领域,尤其涉及一种页面运行方法及其运行系统。
背景技术
随着企业数字化和上云的趋势愈演愈烈,越来越多的个性化SaaS应用,需要更快、更高效的开发。低代码开发是一种通过可视化进行应用程序开发的方法,使具有不同经验水平的开发人员可以通过图形化的用户界面,使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。低代码开发平台使非技术开发人员可不必编写代码,而是将传统IT架构抽象化来支持专业开发人员。业务部门和IT部门的开发人员可以共同创建、迭代和发布应用程序,花费的时间则比传统方式更少。
低代码开发平台是无需编码(零代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法(参考可视编程语言),使具有不同经验水平的开发人员可以通过图形化的用户界面,使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。
现有低代码开发平台很多,在现有的低代码相关产品内,在低代码开发页面模型数据驱动的处理上,均采用“动作指令型”的形式(如图1所示)。通过给每个有动作需求的组件配置一套动作指令(包含三个要素:作用目标,动作类型,动作效果),然后找到对应的目标进行动作触发和效果改变。
在单对单和简单场景下,图1所示的这种数据驱动方式具有直接、有效的效果,但是在处理复杂场景时例如页面内存在数个组件均有相互作用需求,这种模式就很难满足或者难以配置达到数据驱动的要求,同时页面状态走向会变得异常复杂和混乱。
发明内容
本申请通过新型数据驱动模式,解决现有动作指令型数据驱动在复杂场景下难以满足且难以配置和页面状态走向异常复杂混乱的问题。
本申请提供了一种页面运行方法,包括如下步骤:响应于页面上动作组件的触发动作执行预先定义的事件;所述事件改变目标组件的状态参数;所述目标组件根据改变的状态参数改变状态。
优选的,其中,在每个事件方法封装时,给每个事件方法一个或多个固定的形式参数作为入口参数。
优选的,其中,页面运行时每个事件方法的形式参数会自动转换成对应页面状态树上的变量集合。
优选的,其中,状态参数为形式参数。
优选的,其中,使用状态树保存状态参数。
优选的,其中,所述状态树管控页面状态数据集,所述页面状态数据集包括自定义变量集、共享数据源、表单变量集。
本申请还提供一种页面运行系统,包括接收器和处理器,其中:
接收器接收用户的输入;
处理器执行如下方法:
响应于页面上动作组件的触发动作执行预先定义的事件;
所述事件改变目标组件的状态参数;
所述目标组件根据改变的状态参数改变状态。
优选的,其中接收器接收的用户的输入包括触发动作组件的触发动作。
优选的,其中每个事件方法封装时,给每个事件方法一个或多个固定的形式参数作为入口参数。
优选的,其中,页面运行时每个事件方法的形式参数会自动转换成对应页面状态树上的变量集合。
本申请实现的有益效果如下:本申请提供的页面运行方法和系统,很好的解决了“动作指令型”数据驱动在复杂场景下多组件数据流动和逻辑交互控制难以实现且难以配置的问题。总体而言,能带来以下有益效果:
1.通过创建状态树、共享事件库以及组件集合和配套运行方案,得到全新的页面模型数据驱动。
2.简化复杂数据驱动的配置过程,降低终端用户能力要求。
3.页面状态走向清晰明了,方便进行问题排查和定位。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1是现有的页面运行方法流程图;
图2是本申请的一种页面运行方法的组织架构图;
图3是本申请的一种页面运行方法的流程图;
图4是本申请的一种页面搭建方法的流程图;
图5是本申请的一种页面运行系统的系统结构图。
具体实施方式
下面结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本申请提供了一种页面运行方法及其运行系统,该系统的组织架构图如图2所示,包括状态树、共享事件库以及组件集合,通过创建状态树、共享事件库以及组件集合和配套运行方案,得到全新的页面模型数据驱动。
共享事件库的存在,使得页面内所有组件的事件触发得以统一。状态树的设计,让所有组件的数据来源可以清晰的追溯变化状态和链路过程。共享数据源的封装,极大的扩充了在复杂场景下组件对于复杂数据的需求。
组件统一调用事件库内的事件,而事件库内的事件会统一修改状态树上的变量。状态变量的修改最终通过数据监听同步反应至相应的组件上。
实施例一
如图3所示,本申请实施例一提供一种页面运行方法,包括如下步骤:
步骤310、响应于页面上动作组件的触发动作执行预先定义的事件;
预先根据规范自定义事件,将定义的事件存入共享数据库。共享数据库是用户按照给定规范自行根据需求编辑出的可以复用的事件方法集合。在每个事件方法封装时,给每个事件方法一个或多个固定的形式参数作为入口参数。其中,状态参数为形式参数。页面运行时每个事件方法的形式参数会自动转换成对应页面状态树上的变量集合。
步骤320、所述事件改变目标组件的状态参数;
步骤330、所述目标组件根据改变的状态参数改变状态。
例如,某弹窗组件的显示隐藏状态在状态树上注册modalVisible,某自定义事件内根据形参state,改变state.modalVisible,在页面运行时,方法执行会自动匹配当前页面的状态树,然后真实的触发组件状态改变。
实施例二
本申请还包括预先的页面搭建方法,如图4所示,该方法包括如下步骤:
步骤410、选取动作组件和目标组件;
步骤420、在动作组件上选取预先定义的事件;
步骤430、在配置栏的状态树上注册目标组件所需的状态参数;
使用状态树保存状态参数,所述状态树管控页面状态数据集,所述页面状态数据集包括自定义变量集、共享数据源、表单变量集。其中自定义变量集中保存在页面搭建过程中注册的状态参数,所述状态参数中保存目标组件的组件逻辑参数或交互状态参数。
其中共享数据源中保存提前定义的页面与服务器通过接口交互的得到特定目标数据的方法。共享数据源中的单个数据源包括单个接口和相应的业务逻辑数据转换,或者共享数据源中的单个数据源包括串行/并行的多个接口和复杂逻辑数据处理方法。
其中表单变量集中保存表单变量,所述表单变量表示页面表单的状态。
在页面处于表单场景时,自动检测页面表单注册的表单变量从而快速查阅表单状态。
步骤440、将所述选取的事件和目标组件关联。
实施例三
本申请的页面运行系统500的系统结构图如图5所示,其中接收器510接收用户的输入,处理器520执行实施例一和实施例二中的方法。接收器接收的用户的输入包括触发动作组件的触发动作。
以上所述实施例,仅为本申请的具体实施方式,用以说明本申请的技术方案,而非对其限制,本申请的保护范围并不局限于此,尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特殊进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围。都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种页面运行方法,其特征在于,包括如下步骤:
响应于页面上动作组件的触发动作执行预先定义的事件;
所述事件改变目标组件的状态参数;
所述目标组件根据改变的状态参数改变状态。
2.如权利要求1所述的页面运行方法,其中,在每个事件方法封装时,给每个事件方法一个或多个固定的形式参数作为入口参数。
3.如权利要求1所述的页面运行方法,其中,页面运行时每个事件方法的形式参数会自动转换成对应页面状态树上的变量集合。
4.如权利要求1所述的页面运行方法,其中,状态参数为形式参数。
5.如权利要求1所述的页面运行方法,其中,使用状态树保存状态参数。
6.如权利要求5所述的页面运行方法,其中,所述状态树管控页面状态数据集,所述页面状态数据集包括自定义变量集、共享数据源、表单变量集。
7.一种页面运行系统,包括接收器和处理器,其中:
接收器接收用户的输入;
处理器执行如下方法:
响应于页面上动作组件的触发动作执行预先定义的事件;
所述事件改变目标组件的状态参数;
所述目标组件根据改变的状态参数改变状态。
8.如权利要求7所述的页面运行系统,其中接收器接收的用户的输入包括触发动作组件的触发动作。
9.如权利要求7所述的页面运行系统,其中每个事件方法封装时,给每个事件方法一个或多个固定的形式参数作为入口参数。
10.如权利要求7所述的页面运行系统,其中,页面运行时每个事件方法的形式参数会自动转换成对应页面状态树上的变量集合。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110016001.5A CN112328225A (zh) | 2021-01-07 | 2021-01-07 | 一种页面运行方法及其运行系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110016001.5A CN112328225A (zh) | 2021-01-07 | 2021-01-07 | 一种页面运行方法及其运行系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112328225A true CN112328225A (zh) | 2021-02-05 |
Family
ID=74302249
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110016001.5A Pending CN112328225A (zh) | 2021-01-07 | 2021-01-07 | 一种页面运行方法及其运行系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112328225A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113434800A (zh) * | 2021-06-28 | 2021-09-24 | 青岛海尔科技有限公司 | 数据处理方法及装置 |
CN113553200A (zh) * | 2021-07-26 | 2021-10-26 | 江苏数兑科技有限公司 | 跨应用系统的信息传递方法及系统 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012125270A1 (en) * | 2011-02-28 | 2012-09-20 | Oracle International Corporation | Method and computer program to monitor and correlate user - initiated actions with backend operations |
CN103197929A (zh) * | 2013-03-25 | 2013-07-10 | 中国科学院软件研究所 | 一种面向儿童的图形化编程系统和方法 |
CN105446740A (zh) * | 2015-11-27 | 2016-03-30 | 国网信息通信产业集团有限公司 | 一种基于MVVM架构的Web前端展现系统 |
CN111427631A (zh) * | 2020-04-01 | 2020-07-17 | 中电万维信息技术有限责任公司 | 一种多样化移动应用功能模块的动态配置方法 |
CN111813403A (zh) * | 2020-07-09 | 2020-10-23 | 北京亚鸿世纪科技发展有限公司 | 大屏数据可视化开发中拖拽组件数据管理的方法和装置 |
-
2021
- 2021-01-07 CN CN202110016001.5A patent/CN112328225A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012125270A1 (en) * | 2011-02-28 | 2012-09-20 | Oracle International Corporation | Method and computer program to monitor and correlate user - initiated actions with backend operations |
CN103197929A (zh) * | 2013-03-25 | 2013-07-10 | 中国科学院软件研究所 | 一种面向儿童的图形化编程系统和方法 |
CN105446740A (zh) * | 2015-11-27 | 2016-03-30 | 国网信息通信产业集团有限公司 | 一种基于MVVM架构的Web前端展现系统 |
CN111427631A (zh) * | 2020-04-01 | 2020-07-17 | 中电万维信息技术有限责任公司 | 一种多样化移动应用功能模块的动态配置方法 |
CN111813403A (zh) * | 2020-07-09 | 2020-10-23 | 北京亚鸿世纪科技发展有限公司 | 大屏数据可视化开发中拖拽组件数据管理的方法和装置 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113434800A (zh) * | 2021-06-28 | 2021-09-24 | 青岛海尔科技有限公司 | 数据处理方法及装置 |
CN113434800B (zh) * | 2021-06-28 | 2023-06-09 | 青岛海尔科技有限公司 | 数据处理方法及装置 |
CN113553200A (zh) * | 2021-07-26 | 2021-10-26 | 江苏数兑科技有限公司 | 跨应用系统的信息传递方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109542556B (zh) | 一种基于Activiti的流程与表单交互方法及系统 | |
US20150095811A1 (en) | Context aware user interface parts | |
CN112214210A (zh) | 后勤业务规则引擎及其配置方法、装置、设备和存储介质 | |
CN112506602B (zh) | 页面生成方法及装置、电子设备、计算机可读介质 | |
CN112328225A (zh) | 一种页面运行方法及其运行系统 | |
US11647250B2 (en) | Methods and systems for remote streaming of a user-customized user interface | |
CN112733511A (zh) | 表单处理方法、系统、电子设备及计算机可读存储介质 | |
CN115080016A (zh) | 基于ue编辑器的扩展功能实现方法、装置、设备及介质 | |
WO2016003850A1 (en) | Rule-based activation of behaviors in an extensible software application | |
CN112506854A (zh) | 页面模板文件的存储和页面生成方法、装置、设备及介质 | |
CN114912897A (zh) | 工作流执行方法、工作流编排方法及电子设备 | |
US11789775B2 (en) | Progress visualization of computational job | |
CN111125451B (zh) | 数据生产加工方法、装置、电子设备及存储介质 | |
CN116909553A (zh) | 一种页面在线开发及本地编译运行系统 | |
CN111124386B (zh) | 基于Unity的动画事件处理方法、装置、设备和存储介质 | |
CN114816430A (zh) | 一种业务代码开发方法、系统及计算机可读存储介质 | |
CN114661274A (zh) | 用于生成智能合约的方法和装置 | |
CN113012258A (zh) | 生成多段折线图的方法、装置、电子设备以及可读介质 | |
CN113760403A (zh) | 状态机联动方法和装置 | |
CN113806596B (zh) | 运营数据管理方法及相关装置 | |
CN118035096A (zh) | 基于可灵活配置的卫星测试用例生成方法和装置 | |
CN117251160A (zh) | 代码生成方法、装置、电子设备及存储介质 | |
CN114090063A (zh) | 对应用进行打包的方法、装置、电子设备及介质 | |
CN113920228A (zh) | 对象编辑方法及装置 | |
CN115408120A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210205 |