前端页面开发框架制造技术

技术编号:19542445 阅读:49 留言:0更新日期:2018-11-24 20:23
本发明专利技术涉及前端开发技术领域,提供一种前端页面开发框架。该前端页面开发框架包括多个页面组件、数据缓存以及框架程序。其中,多个页面组件中的每个页面组件用于在页面上展现从后端获得的数据;框架程序用于将从后端获得的数据中的、为多个页面组件中的至少两个页面组件共同使用的共有数据保存至数据缓存,以使至少两个页面组件在获取共有数据时需要从数据缓存中读取。在该前端页面开发框架中,由于在页面组件的本地并不保存共有数据的副本,从而能够保证共有数据在各页面组件之间具有一致性。开发人员无需再过多关注共有数据在各组件间的同步性问题,显著降低了开发人员的工作量。

Front-end Page Development Framework

The invention relates to the technical field of front-end development, and provides a front-end page development framework. The front-end page development framework includes multiple page components, data caching and framework programs. Among them, each page component in multiple page components is used to display the data obtained from the back end on the page; framework program is used to save the common data from the data obtained from the back end and used by at least two page components in multiple page components to the data cache so that at least two page components can be acquired. Common data needs to be read from the data cache. In the front-end page development framework, because there is no copy of common data in the local part of the page component, it can ensure the consistency of common data among the page components. Developers need not pay too much attention to the synchronization of common data among components, which significantly reduces the workload of developers.

【技术实现步骤摘要】
前端页面开发框架
本专利技术涉前端开发
,具体而言,涉及一种前端页面开发框架。
技术介绍
目前,组件化是前端开发中的主要趋势之一。组件化主要针对前端的界面部分,页面上的每个可视的对象都可以称为一个组件,每个组件有独立的html、css、javascript(可以缩写为js)代码。组件通常用于将从后端获得的数据以可视化的方式展现在页面上,不同的组件之间往往还存在数据的交互。在现有技术中,组件的数据都是各自保存的,交互起来较为复杂,常常出现各组件之间的数据不同步的情况。
技术实现思路
有鉴于此,本专利技术实施例提供一种前端页面开发框架,以解决上述技术问题。为实现上述目的,本专利技术提供如下技术方案:第一方面,本专利技术实施例提供一种前端页面开发框架,包括:多个页面组件,多个页面组件中的每个页面组件用于在页面上展现从后端获得的数据;数据缓存;框架程序,框架程序用于将从后端获得的数据中的、为多个页面组件中的至少两个页面组件共同使用的共有数据保存至数据缓存,以使至少两个页面组件在获取共有数据时需要从数据缓存中读取。共有数据即某些页面组件之间需要进行交互的数据,通过将共有数据保存在数据缓存中,本文档来自技高网...

【技术保护点】
1.一种前端页面开发框架,其特征在于,包括:多个页面组件,所述多个页面组件中的每个页面组件用于在页面上展现从后端获得的数据;数据缓存;框架程序,所述框架程序用于将从所述后端获得的所述数据中的、为所述多个页面组件中的至少两个页面组件共同使用的共有数据保存至所述数据缓存,以使所述至少两个页面组件在获取所述共有数据时需要从所述数据缓存中读取。

【技术特征摘要】
1.一种前端页面开发框架,其特征在于,包括:多个页面组件,所述多个页面组件中的每个页面组件用于在页面上展现从后端获得的数据;数据缓存;框架程序,所述框架程序用于将从所述后端获得的所述数据中的、为所述多个页面组件中的至少两个页面组件共同使用的共有数据保存至所述数据缓存,以使所述至少两个页面组件在获取所述共有数据时需要从所述数据缓存中读取。2.根据权利要求1所述的页面开发框架,其特征在于,所述框架程序还用于在监听到所述至少两个页面组件中的任意一个页面组件触发的共有数据修改行为时,基于所述共有数据修改行为对所述数据缓存中保存的所述共有数据进行修改,并通知所述至少两个页面组件中的其他页面组件所述共有数据已经被修改,以使所述其他页面组件从所述数据缓存中重新读取所述共有数据。3.根据权利要求1所述的前端页面开发框架,其特征在于,所述数据还包括仅为所述每个页面组件使用的私有数据,所述私有数据被保存在所述每个页面组件中。4.根据权利要求1所述的前端页面开发框架,其特征在于,所述框架程序还用于将所述每个页面组件与所述数据进行双向绑定,以使所述数据的修改与所述页面组件的重新渲染相互同步。5.根据权利要求4所述的前端页面开发框架,其特征在于,所述每个页面组件均包括组件模板、组件样式以及组件脚本,所述框架程序具体用于扫描所述组件模板并获得所述组件模板中配置好的绑定逻辑,以及用于基于所述绑定逻辑将所述组件模板与所述数据进行双向绑定。6.根据权利要求1-5中任一项所述的前端页面开发框架,其特征在于,所述前端页面开发框架为单页面应用的开发框架,所述单页面应用包括主页面以及能够嵌入到所述主页面的子页面,所述子页面能够以标签化的方式使用所述多个页面组件中的任意一个页面组件,所述框架程序还用于加载并渲染所述子页面。7.根据权利要求6所述前端页面开发框架,其特征在于,所述子页面包括页面主文件、页面样式文件以...

【专利技术属性】
技术研发人员:张静周宇航周康沈烨杨羽琛
申请(专利权)人:中国建设银行股份有限公司
类型:发明
国别省市:北京,11

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

1