System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 页面更新方法和装置制造方法及图纸_技高网

页面更新方法和装置制造方法及图纸

技术编号:42697538 阅读:1 留言:0更新日期:2024-09-13 11:53
本公开的实施例公开了页面更新方法和装置。该方法的一具体实施方式包括:响应于检测到针对页面中的目标页面元素的目标操作,根据目标操作,通过调用目标页面元素对应的处理函数确定目标页面元素绑定的数据源的更新结果,目标操作触发页面的内容变更;确定目标页面元素的关联页面元素,关联页面元素绑定的数据源包括目标页面元素绑定的数据源;通过调用关联页面元素对应的处理函数确定关联页面元素的更新结果;根据得到的更新结果,生成更新后的页面。该实施方式实现了页面元素和数据源的相互响应式更新。

【技术实现步骤摘要】

本公开的实施例涉及计算机,具体涉及页面更新方法和装置


技术介绍

1、前后端分离是目前常见的一种应用架构模式。但随着前端技术的不断发展,其多样性和复杂性促使了各类dsl(domain specific language,领域专用语言)的涌现。目前,常见的dsl设计方式包括如vue、react、angular等spa类dsl设计、以数据结构为基础的dsl设计和模板引擎类的dsl设计等等。

2、其中,spa类dsl设计主要是将页面分类成模板、逻辑和样式分别进行维护,并将逻辑内的函数和变量自动更新到模板内。以数据结构为基础的dsl设计(如基于json格式定义的vjsf等),通常是以事件驱动进行数据源更新。模板引擎类的dsl设计通常以html为基础,以代码嵌入的方式引入其中的变量和逻辑。

3、上述常见的各类dsl设计方式都是基于过程式编程实现,但对于一些复杂页面场景,这些dsl设计方式下,数据源和页面元素会存在各类交叉性关联,从而容易出现逻辑混乱、页面元素和数据源较难关联、以及多个页面元素之间逻辑关系较难维护等问题。


技术实现思路

1、本公开的实施例提出了页面更新方法和装置。

2、第一方面,本公开的实施例提供了一种页面更新方法,该方法包括:响应于检测到针对页面中的目标页面元素的目标操作,根据目标操作,通过调用目标页面元素对应的处理函数确定目标页面元素绑定的数据源的更新结果,其中,目标操作触发页面的内容变更;确定目标页面元素的关联页面元素,其中,关联页面元素绑定的数据源包括目标页面元素绑定的数据源;通过调用关联页面元素对应的处理函数确定关联页面元素的更新结果;根据得到的更新结果,生成更新后的页面。

3、第二方面,本公开的实施例提供了一种页面更新装置,该装置包括:调用单元,被配置成响应于检测到针对页面中的目标页面元素的目标操作,根据目标操作,通过调用目标页面元素对应的处理函数确定目标页面元素绑定的数据源的更新结果,其中,目标操作触发页面的内容变更;确定单元,被配置成确定目标页面元素的关联页面元素,其中,关联页面元素绑定的数据源包括目标页面元素绑定的数据源;调用单元进一步被配置成通过调用关联页面元素对应的处理函数确定关联页面元素的更新结果;生成单元,被配置成根据得到的更新结果,生成更新后的页面。

4、第三方面,本公开的实施例提供了一种电子设备,该电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序;当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。

5、第四方面,本公开的实施例提供了一种计算机可读介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。

6、本公开的实施例提供的页面更新方法和装置,在触发页面内容变更时,先调用对应页面元素的处理函数确定该页面元素的更新结果,然后再调用数据源具有关联的其它页面元素的处理函数以确定其它页面元素的更新结果,从而根据各页面元素的更新结果更新页面,在分离数据源和页面元素的基础上,利用处理函数实现页面元素和数据源的响应式更新。

本文档来自技高网...

【技术保护点】

1.一种页面更新方法,包括:

2.根据权利要求1所述的方法,其中,所述页面中的每个页面元素对应预先通过领域专用语言实现的配置项,所述配置项通过处理函数声明对应页面元素和数据源的更新逻辑。

3.根据权利要求2所述的方法,其中,所述目标页面元素对应的处理函数包括写函数,所述关联页面元素对应的处理函数包括读函数,其中,读函数用于实现页面元素的更新逻辑,写函数用于实现页面元素绑定的数据源的更新逻辑。

4.根据权利要求1所述的方法,其中,在根据所述目标操作,通过调用所述目标页面元素对应的处理函数确定所述目标页面元素绑定的数据源的更新结果之前,所述方法还包括:

5.根据权利要求3所述的方法,其中,所述页面中的每个页面元素对应的配置项还用于声明对应页面元素和数据源的默认值。

6.根据权利要求5所述的方法,其中,所述方法还包括:

7.根据权利要求6所述的方法,其中,所述通过调用所述页面中的各页面元素分别对应的读函数生成页面,包括:

8.一种页面更新装置,包括:

9.一种电子设备,包括:

10.一种计算机可读介质,其上存储有计算机程序,其中,该程序被处理器执行时实现如权利要求1-7中任一所述的方法。

...

【技术特征摘要】

1.一种页面更新方法,包括:

2.根据权利要求1所述的方法,其中,所述页面中的每个页面元素对应预先通过领域专用语言实现的配置项,所述配置项通过处理函数声明对应页面元素和数据源的更新逻辑。

3.根据权利要求2所述的方法,其中,所述目标页面元素对应的处理函数包括写函数,所述关联页面元素对应的处理函数包括读函数,其中,读函数用于实现页面元素的更新逻辑,写函数用于实现页面元素绑定的数据源的更新逻辑。

4.根据权利要求1所述的方法,其中,在根据所述目标操作,通过调用所述目标页面元素对应的处理函数确定所述目标页面元素绑定的...

【专利技术属性】
技术研发人员:董劭杰尚斌杰刘金芳贺一婷
申请(专利权)人:京东科技控股股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1