CN113779454A - 应用于单页应用的数据查询方法及装置 - Google Patents
应用于单页应用的数据查询方法及装置 Download PDFInfo
- Publication number
- CN113779454A CN113779454A CN202110055219.1A CN202110055219A CN113779454A CN 113779454 A CN113779454 A CN 113779454A CN 202110055219 A CN202110055219 A CN 202110055219A CN 113779454 A CN113779454 A CN 113779454A
- Authority
- CN
- China
- Prior art keywords
- page
- data
- data model
- application
- layer
- 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 48
- 238000013499 data model Methods 0.000 claims abstract description 195
- 238000003860 storage Methods 0.000 claims description 12
- 230000004044 response Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 10
- 238000009877 rendering Methods 0.000 claims description 7
- 238000010586 diagram Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 10
- 230000008569 process Effects 0.000 description 9
- 238000004891 communication Methods 0.000 description 7
- 238000004519 manufacturing process Methods 0.000 description 6
- 230000003993 interaction Effects 0.000 description 5
- 230000010365 information processing Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 239000012634 fragment Substances 0.000 description 3
- 239000000835 fiber Substances 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 238000007781 pre-processing Methods 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000009154 spontaneous behavior Effects 0.000 description 1
Images
Classifications
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/28—Databases characterised by their database models, e.g. relational or object models
- G06F16/284—Relational databases
-
- 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/953—Querying, e.g. by the use of web search engines
- G06F16/9538—Presentation of query results
-
- 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
Abstract
本申请公开了一种应用于单页应用的数据查询方法及装置。方法的一具体实施方式包括:根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。本申请提供了一种应用于单页应用的数据查询方法,当数据模型层存在操作请求所请求的页面所涉及的数据时,可以通过视图层中的视图遍历更新关联所涉及的数据的页面节点,提高了用户体验度。
Description
技术领域
本申请实施例涉及计算机技术领域,具体涉及一种应用于单页应用的数据查询方法及装置。
背景技术
随着网站的不断发展,单页应用由于其更好的用户体验(例如,用户不需要打开很多标签页面以及不需要重复刷新页面以获取最新的数据),得到越来越多的应用。单页应用从前端发起请求,访问后端接口以获取数据的过程被称为数据查询。目前,单页应用的数据查询过程做如下:后端根据数据库表信息,建立对应的数据模型;根据数据查询的需求,封装对应的数据查询接口,将这些数据模型经过业务逻辑处理生产出数据;单页应用中的前端调用这些接口并将接口中的数据渲染到页面上。
发明内容
本申请实施例提出了一种应用于单页应用的数据查询方法及装置。
第一方面,本申请实施例提供了一种应用于单页应用的数据查询方法,包括:根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。
在一些实施例中,上述获取页面中的页面节点所对应的数据,包括:响应于确定数据模型层对应的缓存中包括操作请求所请求的页面中的数据模型,从缓存中获取页面中的页面节点所对应的数据。
在一些实施例中,上述获取页面中的页面节点所对应的数据,包括:响应于确定数据模型层对应的缓存中不包括操作请求所请求的页面中的数据模型,从单页应用的后端获取页面所涉及的数据模型中的数据,将所获取的数据模型的数据存储至缓存中。
在一些实施例中,上述从单页应用的后端获取页面所涉及的数据模型中的数据,包括:以预设时间段为单位,向单页应用的后端批量发送获取请求,以获取单页应用的前端在该预设时间段内所需获取的数据。
在一些实施例中,在上述根据关系数据,生成视图层之前,上述方法还包括:根据单页应用的后端中的数据模型,在应用的前端中创建数据模型层。
在一些实施例中,上述方法还包括:根据页面中的页面节点所对应的数据渲染视图层中的视图,得到操作请求所请求的页面。
第二方面,本申请实施例提供了一种应用于单页应用的数据查询装置,包括:第一获取单元,被配置成根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;生成单元,被配置成根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;第二获取单元,被配置成基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。
在一些实施例中,第二获取单元,进一步被配置成:响应于确定数据模型层对应的缓存中包括操作请求所请求的页面中的数据模型,从缓存中获取页面中的页面节点所对应的数据。
在一些实施例中,第二获取单元,进一步被配置成:响应于确定数据模型层对应的缓存中不包括操作请求所请求的页面中的数据模型,从单页应用的后端获取页面所涉及的数据模型中的数据,将所获取的数据模型的数据存储至缓存中。
在一些实施例中,第二获取单元,进一步被配置成:以预设时间段为单位,向单页应用的后端批量发送获取请求,以获取单页应用的前端在该预设时间段内所需获取的数据。
在一些实施例中,上述装置还包括:创建单元,被配置成:根据单页应用的后端中的数据模型,在应用的前端中创建数据模型层。
在一些实施例中,上述装置还包括:渲染单元,被配置成根据页面中的页面节点所对应的数据渲染视图层中的视图,得到操作请求所请求的页面。
第三方面,本申请实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如第一方面任一实现方式描述的方法。
第四方面,本申请实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面任一实现方式描述的方法。
本申请实施例提供的应用于单页应用的数据查询方法及装置,通过根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据,从而提供了一种应用于单页应用的数据查询方法,当数据模型层存在操作请求所请求的页面所涉及的数据时,可以通过视图层中的视图遍历更新关联所涉及的数据的页面节点,如此,无需用户手动刷新整个页面或者开发者自己手动去刷新所有关联的页面节点,提高了信息更新效率和用户体验度;在单页应用的前端设置数据模型层,减少了单页应用的前端与后端的交互次数,提高了信息处理效率。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1是本申请的一个实施例可以应用于其中的示例性系统架构图;
图2是根据本申请应用于单页应用的数据查询方法的一个实施例的流程图;
图3A-3B是单页应用的页面的示意图;
图4是根据本实施例的应用于单页应用的数据查询方法的应用场景的示意图;
图5是根据本申请的应用于单页应用的数据查询方法的又一个实施例的流程图;
图6是根据本申请的应用于单页应用的数据查询装置的一个实施例的结构图;
图7是适于用来实现本申请实施例的计算机系统的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的应用于单页应用的数据查询方法及装置的示例性架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。终端设备101、102、103之间通信连接构成拓扑网络,网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
终端设备101、102、103可以是支持网络连接从而进行数据交互和数据处理的硬件设备或软件。当终端设备101、102、103为硬件时,其可以是支持网络连接,信息获取、交互、显示、处理等功能的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器,例如获取终端设备101、102、103上针对于单页应用的操作请求,支持单页应用运行的后台处理服务器。后台处理服务器在单页应用的前端生成视图层和数据模型层,并基于数据模型层与视图层之间的发布订阅模式,获取单页应用中的页面中的页面节点所对应的数据。其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系,数据模型层中包括多个数据模型。作为示例,服务器105可以是云端服务器。
需要说明的是,服务器可以是硬件,也可以是软件。当服务器为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
还需要说明的是,本公开的实施例所提供的应用于单页应用的数据查询方法可以由服务器执行,也可以由终端设备执行,还可以由服务器和终端设备彼此配合执行。相应地,应用于单页应用的数据查询装置包括的各个部分(例如各个单元、子单元、模块、子模块)可以全部设置于服务器中,也可以全部设置于终端设备中,还可以分别设置于服务器和终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。当应用于单页应用的数据查询方法运行于其上的电子设备不需要与其他电子设备进行数据传输时,该系统架构可以仅包括应用于单页应用的数据查询方法运行于其上的电子设备(例如服务器或终端设备)。
继续参考图2,示出了应用于单页应用的数据查询方法的一个实施例的流程200,包括以下步骤:
步骤201,根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据。
本实施例中,应用于单页应用的数据查询方法的执行主体(例如图1中的服务器)可以接收用户的操作请求,并根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据。
SPA(Single-Page Application,单页应用)是一种网站应用的模型,它由一个外壳页面和多个页面片段构成,可以动态重写当前的页面片段来与用户交互,实现页面片段的局部更新,而不需要重新加载整个页面。例如,在单页应用把一个页面片段删除或隐藏,而把另一个页面片段显示出来,从而实现页面片段之间的跳转。
如图3A-3B所示,示出了一个用于生产性企业的生产过程控制的单页应用的页面图300。可以看到,页面中包括用于查看“工艺流程”、“生产线管理”、“任务列表”和“用户列表”等信息的操作按钮。通过点击“任务列表”,用户发出查看“任务列表”的操作请求,页面中显示出任务列表中的具体内容。如图3A所示,任务1下对应有用户A、用户B、用户C,任务2下对应有用户A、用户B,任务3下对应有用户B、用户C。
当用户点击“用户列表”对应的操作按钮时,发出查看“用户列表”的操作请求,单页应用将任务列表中的具体内容隐藏,显示表征用户列表中的具体内容的页面。如图3B所示,用户A对应有任务1、任务2,用户B对应有任务1、任务2、任务3,用户C对应有任务1、任务3。
可以理解,应用一般是基于解决某个领域的问题而设计的,这些领域中会有各种各样的实体概念。继续参考上述图3A,任务列表涉及团队协作问题,例如任务1需要用户A、用户B、用户C协作完成,其中涉及到两个实体概念:任务、用户。这两个概念有自己特有的属性(例如任务的类型、用户的年龄等属性信息),这些概念抽象到应用中,则被表述为数据模型。
具体的,数据模型包括以下内容:数据模型的具体数据,用于表征数据模型所包括的具体信息;数据模型的描述数据,用于描述该数据模型中的具体数据,以上述表征任务的数据模型为例,描述数据包括任务名称、参与用户等数据;请求数据模型中的数据的方式,继续以上述表征任务的数据模型为例,请求该数据模型中的数据的方式可以是通过该任务数据模型对应的后端的数据接口,从后端获取任务数据模型的具体数据。
对于一个应用来说,普遍分为前端、后端两个部分。前端一般位于客户端,负责展示数据。对于单页应用,前端一般指Web浏览器客户端。后端一般位于服务器端,负责提供数据接口并处理数据。针对于每种数据模型,后端会提供对应的数据接口,以使得单页应用的前端通过数据模型对应的数据接口从后端获取数据模型中的数据。
数据模型的关系数据用于表征数据模型中的数据的关联性。继续参考图3A,其页面所涉及的任务数据模型的关系数据用于表征任务1与用户A、用户B、用户C之间关联性,任务2与用户A、用户B之间的关联性,以及任务3与用户B、用户C之间的关联性。
具体的,上述执行主体可以通过数据模型中各数据的ID(Identity document,身份标识号)描述数据模型的关系数据。例如,任务数据模型的关系数据为:
任务1-ID:用户A-ID,用户B-ID,用户C-ID
任务2-ID:用户A-ID,用户B-ID
任务3-ID:用户B-ID,用户C-ID
通过数据对应的ID,上述执行主体可以简洁地描述数据模型的关系数据。
步骤202,根据关系数据,生成视图层。
本实施例中,上述执行主体可以根据关系数据,生成视图层。其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系。其中,页面节点表征页面中的各区域。例如,图3A、3B中各用户、各任务对应的页面区域均为页面节点。
本实施例中,单页应用的前端设有数据模型层。数据模型层中包括多个数据模型。单页应用的前端设置的数据模型层中的数据模型与单页应用的后端的数据模型相对应。需要说明的是,后端中的数据模型用于更新后端的数据库表信息,而前段中的数据模型层中的数据模型用于更新视图层中各视图所对应的页面节点。
可以理解,视图层可以包括多个视图,多个视图中的每个视图用于表征该视图对应的页面节点与设置于前端的数据模型层中的数据模型之间的对应关系。
继续参考图3A所示的任务数据模型。任务1、任务2、任务3可以依次对应于视图层中的任务视图1、任务视图2、任务视图3。其中,任务视图1用于表征该视图中的页面节点“任务1”、“用户A”、“用户B”、“用户C”与数据模型层中的任务数据模型之间的对应关系。具体的,任务视图1用于表征该视图中的页面节点“任务1”、“用户A”、“用户B”、“用户C”与数据模型层中的任务数据模型下的任务1对应的具体数据之间的对应关系。
上述执行主体根据所请求的页面所涉及的数据模型的关系数据,首先,在页面上生成占位页面节点;然后,遍历所有占位页面节点,实例化各视图;最后,确定视图层中的各视图对应的页面节点。
以图3A所示的任务数据模型为例,首先,在页面中生成表征一任务下涉及3个用户的4个占位页面节点,表征另一任务下涉及2个用户的3个占位页面节点,以及表征另一任务下涉及2个用户的3个占位页面节点。然后,遍历上述的4个占位页面节点、3个占位页面节点和3个占位页面节点,实例化后得到3个视图。例如,上述4个占位页面节点分别对应于“任务1”、“用户A”、“用户B”、“用户C”,则任务视图1包括“任务1”、“用户A”、“用户B”、“用户C”。
可以理解,由于关系数据是表征数据模型中的数据的关联性的数据,因而,上述执行主体根据关系数据所生成的视图可以表征各页面节点与数据模型层中的视图模型的对应关系。
步骤203,基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。
本实施例中,上述执行主体可以基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。
其中,发布订阅模式其实是一种对象间一对多的依赖关系。当一个对象的状态发生改变时,所有依赖于它的对象都将得到状态改变的通知。
具体的,订阅者(Subscriber)把自己想订阅的事件注册(Subscribe)到调度中心(Event Channel),当发布者(Publisher)发布该事件(Publish Event)到调度中心,也就是该事件触发时,由调度中心统一调度(Fire Event)订阅者注册到调度中心的处理代码。
本实施例中,视图层中的各个视图作为订阅者,数据模型层中的数据模型作为发布者。当数据模型层中的数据模型发生数据改变时,订阅该数据模型的所有视图都将接收到表征改变后的数据。可以理解,针对于数据模型层中的每个数据模型,订阅该数据模型的视图中的页面节点与该视图模型相对应。作为示例,在图3A中,任务1、任务2、任务3分别对应于任务视图1、任务视图2、任务视图3,上述3个任务视图订阅数据模型层中的任务数据模型;在图3B中,用户1、用户2、用户3分别对应用户视图1、用户视图2、用户视图3,上述3个用户视图订阅数据模型层中的用户数据模型。
在本实施例的一些可选的实现方式中,响应于确定数据模型层对应的缓存中包括操作请求所请求的页面中的数据模型,从缓存中获取页面中的页面节点所对应的数据。
作为示例,上述执行主体可以将数据模型层中的数据缓存至客户端的内存中。
在本实施例的一些可选的实现方式中,响应于确定数据模型层对应的缓存中不包括操作请求所请求的页面中的数据模型,从单页应用的后端获取页面所涉及的数据模型中的数据,将所获取的数据模型的数据存储至缓存中。基于数据模型层与视图层之间的发布订阅模式,数据模型层中的数据模型,向订阅该数据模型的视图推送该数据模型中的数据。
在本实施例的一些可选的实现方式中,上述执行主体以预设时间段为单位,向单页应用的后端批量发送获取请求,以获取单页应用的前端在该预设时间段内所需获取的数据。其中,预设时间单的时间长度可以根据实际情况具体设置,例如,预设时间段的时间长度为1秒。
可以理解,本实施例中,由于前端中设置数据模型层,前端可以在数据模型层中获取数据,降低了单页应用的前端与后端的交互次数。在此基础上,单页应用通过批量获取的方式,将预设时间段内接收的操作请求统一处理,提高了信息处理效率。
继续参见图4,图4是根据本实施例的应用于单页应用的数据查询方法的应用场景的一个示意图400。在图4的应用场景中,用户401通过客户端402首先查看了单页应用中表征用户列表的页面4021。然后,对页面4021中的“任务列表”按钮进行点击,发出查看任务列表的操作请求。服务器403根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据。其中,关系数据用于表征数据模型中的数据的关联性。其中,关系数据包括三部分,第一部分为是“任务1-ID:用户A-ID,用户B-ID,用户C-ID”,用于表征用户A-ID、用户B-ID、用户C-ID这三个ID依次表征的用户共同完成任务1-ID所表征的任务。第二部分为是“任务2-ID:用户A-ID,用户B-ID”,用于表征用户A-ID、用户B-ID这两个ID依次表征的用户共同完成任务2-ID所表征的任务。第三部分为是“任务3-ID:用户B-ID,用户C-ID”,用于表征用户B-ID、用户C-ID这两个ID依次表征的用户共同完成任务3-ID所表征的任务。
然后,根据关系数据,生成视图层。其中,视图层包括视图404、405、406。视图404、405、406依次对应于上述关系数据中的第一部分、第二部分和第三部分。可以理解,视图层中的3个视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的任务数据模型之间的对应关系。最后,服务器403基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。其中,任务1为表征准备生产材料的任务,任务2为表征对生产材料预加工的任务,任务3位保证生产加工的任务。用户A、用户B、用户C分别为张三、李四、王五。针对于任务1,用户A、用户B、用户C依次完成20%、30%、50%;针对于任务2,用户A、用户B、分别完成50%;针对于任务2,用户B、用户C依次完成40%、60%。
本公开的上述实施例提供的方法,通过根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据,从而提供了一种应用于单页应用的数据查询方法,当数据模型层存在操作请求所请求的页面所涉及的数据时,可以通过视图层中的视图遍历更新关联所涉及的数据的页面节点,如此,无需用户手动刷新整个页面或者开发者自己手动去刷新所有关联的页面节点,提高了信息更新效率和用户体验度;在单页应用的前端设置数据模型层,减少了单页应用的前端与后端的交互次数,提高了信息处理效率。
继续参考图5,示出了根据本申请的应用于单页应用的数据查询方法的一个实施例的示意性流程500,包括以下步骤:
步骤501,根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据。
其中,关系数据用于表征数据模型中的数据的关联性。
步骤502,根据关系数据,生成视图层。
其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系。
步骤503,基于数据模型层与视图层之间的发布订阅模式,响应于确定数据模型层对应的缓存中包括操作请求所请求的页面中的数据模型,从缓存中获取页面中的页面节点所对应的数据。
步骤504,基于数据模型层与视图层之间的发布订阅模式,响应于确定数据模型层对应的缓存中不包括操作请求所请求的页面中的数据模型,以预设时间段为单位,向单页应用的后端批量发送获取请求,以获取单页应用的前端在该预设时间段内所需获取的数据,将所获取的数据模型的数据存储至缓存中。
步骤505,根据页面中的页面节点所对应的数据渲染视图层中的视图,得到操作请求所请求的页面。
本实施例中,订阅(subscribe)函数开始执行后,首先会结合页面template(模板)和数据,渲染出HTML(Hyper Text Markup Language,超文本标记语言)的字符串;然后,遍历地替换掉页面中的所有页面节点,页面这时会重绘(属于浏览器替换节点后自发的行为),实时地更新页面。subscribe函数执行完成后,根据执行过程中是否有报错,如果报错就执行error回调函数;否则,执行success回调函数。
从本实施例中可以看出,与图2对应的实施例相比,本实施例中的应用于单页应用的数据查询方法的流程500具体说明书页面中的数据的获取过程,以及页面的渲染过程,进一步提高了用户体验度和信息处理效率。
继续参考图6,作为对上述各图所示方法的实现,本公开提供了一种应用于单页应用的数据查询装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图6所示,应用于单页应用的数据查询装置包括:包括:第一获取单元601,被配置成根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;生成单元602,被配置成根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;第二获取单元603,被配置成基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。
在本实施例的一些可选的实现方式中,第二获取单元603,进一步被配置成:响应于确定数据模型层对应的缓存中包括操作请求所请求的页面中的数据模型,从缓存中获取页面中的页面节点所对应的数据。
在本实施例的一些可选的实现方式中,第二获取单元603,进一步被配置成:响应于确定数据模型层对应的缓存中不包括操作请求所请求的页面中的数据模型,从单页应用的后端获取页面所涉及的数据模型中的数据,将所获取的数据模型的数据存储至缓存中。
在本实施例的一些可选的实现方式中,第二获取单元603,进一步被配置成:以预设时间段为单位,向单页应用的后端批量发送获取请求,以获取单页应用的前端在该预设时间段内所需获取的数据。
在本实施例的一些可选的实现方式中,上述装置还包括:创建单元(图中未示出),被配置成:根据单页应用的后端中的数据模型,在应用的前端中创建数据模型层。
在本实施例的一些可选的实现方式中,上述装置还包括:渲染单元(图中未示出),被配置成根据页面中的页面节点所对应的数据渲染视图层中的视图,得到操作请求所请求的页面。
本实施例中,应用于单页应用的数据查询装置中的第一获取单元根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;生成单元根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;第二获取单元基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据,从而提供了一种应用于单页应用的数据查询装置,当数据模型层存在操作请求所请求的页面所涉及的数据时,可以通过视图层中的视图遍历更新关联所涉及的数据的页面节点,提高了用户体验度。
下面参考图7,其示出了适于用来实现本申请实施例的设备(例如图1所示的设备101、102、103、105)的计算机系统700的结构示意图。图7示出的设备仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图7所示,计算机系统700包括处理器(例如CPU,中央处理器)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM703中,还存储有系统700操作所需的各种程序和数据。处理器701、ROM702以及RAM703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
以下部件连接至I/O接口705:包括键盘、鼠标等的输入部分706;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707;包括硬盘等的存储部分708;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器710上,以便于从其上读出的计算机程序根据需要被安装入存储部分708。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分709从网络上被下载和安装,和/或从可拆卸介质711被安装。在该计算机程序被处理器701执行时,执行本申请的方法中限定的上述功能。
需要说明的是,本申请的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码,程序设计语言包括面向目标的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在客户计算机上执行、部分地在客户计算机上执行、作为一个独立的软件包执行、部分在客户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到客户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本申请各种实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器,包括第一获取单元、生成单元和第二获取单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据的单元”。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该装置执行时,使得该计算机设备:根据所接收的操作请求,从单页应用的后端获取操作请求所请求的页面所涉及的数据模型的关系数据,其中,关系数据用于表征数据模型中的数据的关联性;根据关系数据,生成视图层,其中,视图层中的视图用于表征页面中的页面节点与设置于单页应用的前端的数据模型层中的数据模型之间的对应关系;基于数据模型层与视图层之间的发布订阅模式,获取页面中的页面节点所对应的数据。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (14)
1.一种应用于单页应用的数据查询方法,包括:
根据所接收的操作请求,从所述单页应用的后端获取所述操作请求所请求的页面所涉及的数据模型的关系数据,其中,所述关系数据用于表征所述数据模型中的数据的关联性;
根据所述关系数据,生成视图层,其中,所述视图层中的视图用于表征所述页面中的页面节点与设置于所述单页应用的前端的数据模型层中的数据模型之间的对应关系;
基于所述数据模型层与所述视图层之间的发布订阅模式,获取所述页面中的页面节点所对应的数据。
2.根据权利要求1所述的方法,其中,所述获取所述页面中的页面节点所对应的数据,包括:
响应于确定所述数据模型层对应的缓存中包括所述操作请求所请求的页面中的数据模型,从所述缓存中获取所述页面中的页面节点所对应的数据。
3.根据权利要求1所述的方法,其中,所述获取所述页面中的页面节点所对应的数据,包括:
响应于确定所述数据模型层对应的缓存中不包括所述操作请求所请求的页面中的数据模型,从所述单页应用的后端获取所述页面所涉及的数据模型中的数据,将所获取的数据模型的数据存储至所述缓存中。
4.根据权利要求3所述的方法,其中,所述从所述单页应用的后端获取所述页面所涉及的数据模型中的数据,包括:
以预设时间段为单位,向所述单页应用的后端批量发送获取请求,以获取所述单页应用的前端在该预设时间段内所需获取的数据。
5.根据权利要求1所述的方法,其中,在所述根据所述关系数据,生成视图层之前,还包括:
根据所述单页应用的后端中的数据模型,在所述应用的前端中创建所述数据模型层。
6.根据权利要求1-5任一所述的方法,其中,还包括:
根据所述页面中的页面节点所对应的数据渲染所述视图层中的视图,得到所述操作请求所请求的所述页面。
7.一种应用于单页应用的数据查询装置,包括:
第一获取单元,被配置成根据所接收的操作请求,从所述单页应用的后端获取所述操作请求所请求的页面所涉及的数据模型的关系数据,其中,所述关系数据用于表征所述数据模型中的数据的关联性;
生成单元,被配置成根据所述关系数据,生成视图层,其中,所述视图层中的视图用于表征所述页面中的页面节点与设置于所述单页应用的前端的数据模型层中的数据模型之间的对应关系;
第二获取单元,被配置成基于所述数据模型层与所述视图层之间的发布订阅模式,获取所述页面中的页面节点所对应的数据。
8.根据权利要求7所述的装置,其中,所述第二获取单元,进一步被配置成:
响应于确定所述数据模型层对应的缓存中包括所述操作请求所请求的页面中的数据模型,从所述缓存中获取所述页面中的页面节点所对应的数据。
9.根据权利要求7所述的装置,其中,所述第二获取单元,进一步被配置成:
响应于确定所述数据模型层对应的缓存中不包括所述操作请求所请求的页面中的数据模型,从所述单页应用的后端获取所述页面所涉及的数据模型中的数据,将所获取的数据模型的数据存储至所述缓存中。
10.根据权利要求9所述的装置,其中,所述第二获取单元,进一步被配置成:
以预设时间段为单位,向所述单页应用的后端批量发送获取请求,以获取所述单页应用的前端在该预设时间段内所需获取的数据。
11.根据权利要求7所述的装置,其中,还包括:创建单元,被配置成:
根据所述单页应用的后端中的数据模型,在所述应用的前端中创建所述数据模型层。
12.根据权利要求7-11任一所述的装置,其中,还包括:
渲染单元,被配置成根据所述页面中的页面节点所对应的数据渲染所述视图层中的视图,得到所述操作请求所请求的所述页面。
13.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。
14.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110055219.1A CN113779454A (zh) | 2021-01-15 | 2021-01-15 | 应用于单页应用的数据查询方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110055219.1A CN113779454A (zh) | 2021-01-15 | 2021-01-15 | 应用于单页应用的数据查询方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113779454A true CN113779454A (zh) | 2021-12-10 |
Family
ID=78835440
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110055219.1A Pending CN113779454A (zh) | 2021-01-15 | 2021-01-15 | 应用于单页应用的数据查询方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113779454A (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107678808A (zh) * | 2016-08-02 | 2018-02-09 | 阿里巴巴集团控股有限公司 | 页面信息选取方案生成方法及装置 |
CN108446327A (zh) * | 2018-02-12 | 2018-08-24 | 平安科技(深圳)有限公司 | 业务系统动态生成方法、装置、计算机设备及存储介质 |
CN111880795A (zh) * | 2020-07-29 | 2020-11-03 | 中国银联股份有限公司 | 一种前端界面的生成方法及装置 |
-
2021
- 2021-01-15 CN CN202110055219.1A patent/CN113779454A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107678808A (zh) * | 2016-08-02 | 2018-02-09 | 阿里巴巴集团控股有限公司 | 页面信息选取方案生成方法及装置 |
CN108446327A (zh) * | 2018-02-12 | 2018-08-24 | 平安科技(深圳)有限公司 | 业务系统动态生成方法、装置、计算机设备及存储介质 |
CN111880795A (zh) * | 2020-07-29 | 2020-11-03 | 中国银联股份有限公司 | 一种前端界面的生成方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9218435B2 (en) | Dynamically updating web pages using messaging-oriented middleware | |
US9645989B2 (en) | Techniques to generate custom electronic forms using custom content | |
US7870482B2 (en) | Web browser extension for simplified utilization of web services | |
US11797273B2 (en) | System and method for enhancing component based development models with auto-wiring | |
US11755461B2 (en) | Asynchronous consumer-driven contract testing in micro service architecture | |
EP2227760A1 (en) | Templating system and method for updating content in real time | |
TW201911020A (zh) | 頁面更新方法和裝置 | |
US11010200B2 (en) | Finite state machine driven workflows | |
CN113094141A (zh) | 一种页面展示方法、装置、电子设备和存储介质 | |
US11095957B2 (en) | Method and apparatus for publishing information, and method and apparatus for processing information | |
CN113190517B (zh) | 数据集成方法、装置、电子设备和计算机可读介质 | |
CN113760438A (zh) | 网页应用的页面显示方法及装置 | |
CN113448570A (zh) | 数据处理方法、装置、电子设备及存储介质 | |
CN112486482A (zh) | 一种页面展示方法和装置 | |
CN113779454A (zh) | 应用于单页应用的数据查询方法及装置 | |
CN109889402B (zh) | 用于生成信息的方法和装置 | |
JP2024500300A (ja) | 情報インタラクション方法、装置、及び機器 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN113326079A (zh) | 服务版本切换方法、切换装置、电子设备和存储介质 | |
CN113253991A (zh) | 任务可视化处理方法及装置、电子设备、存储介质 | |
CN113378346A (zh) | 模型仿真的方法和装置 | |
CN108459890B (zh) | 用于应用的界面显示方法和装置 | |
CN112784195A (zh) | 一种页面数据发布方法和系统 | |
CN112468543B (zh) | 发布信息的方法、装置、设备和计算机可读介质 | |
US10133758B2 (en) | Cell-based database management system |
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 |