CN104461509A - 一种信息交互架构及方法 - Google Patents
一种信息交互架构及方法 Download PDFInfo
- Publication number
- CN104461509A CN104461509A CN201410643630.0A CN201410643630A CN104461509A CN 104461509 A CN104461509 A CN 104461509A CN 201410643630 A CN201410643630 A CN 201410643630A CN 104461509 A CN104461509 A CN 104461509A
- Authority
- CN
- China
- Prior art keywords
- layer
- page
- data
- user status
- physical 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.)
- Granted
Links
Abstract
本发明提供一种信息交互架构及方法,上述架构包括模型控制层、路由层、实体层、显示层;其中,所述模型控制层分别与所述路由层、所述实体层、所述显示层相连;所述实体层还与所述显示层直接相连。上述方法包括以下步骤:客户端页面初始载入时,从服务器获取页面相关信息;客户端根据获取的所述页面相关信息,创建页面对象;客户端页面打开时,路由层检测页面地址及页面跳转地址合法后,触发模型控制层从实体层获取数据,通过显示层进行显示。本发明为前端的web开发提供了一种高效、易用且耦合性低的开发框架模型,减少了与后台服务器交互的次数,大大节约了时间和系统资源。
Description
技术领域
本发明属于信息交互领域,尤其涉及一种信息交互架构及方法。
背景技术
MVC全名是(Model View Controller,模型视图控制器)是模型(model)、视图(view)和控制器(controller)的缩写,一种软件设计典范;MVC模式最早由Trygve Reenskaug在1978年提出,是施乐帕罗奥多研究中心(XeroxPARC)在20世纪80年代为程序语言Smalltalk所发明的一种软件设计模式。MVC模式的目的是实现一种动态的程式设计,使后续对程序的修改和扩展简化,并且使程序某一部分的重复利用成为可能。除此之外,此模式通过对复杂度的简化,使程序结构更加直观。
JavaScript,也称ECMAScript,是一种广泛用于客户端网页开发的脚本语言,最早是在HTML上使用的,用来给HTML网页添加动态功能。JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。JavaScript常用来完成以下任务:嵌入动态文本于HTML页面1、对浏览器事件作出响应2、读写HTML元素3、在数据被提交到服务器之前验证数据3、检测访客的浏览器信息4、控制cookies,包括创建和修改等。
传统的Web应用程序,迫使用户在每次与服务器交互时都必须下载一个新的页面,这意味着每次交互的时间不可能比你到用户之间的延时更快了并且往往更慢,使用AJAX替换页面中的一些部分,在一定程度上起到了作用,但是在每次页面数据需要更新时,仍然需要一次到服务器的往返;并且如果页面中的许多部分需要同时更新,绝大部分开发者又会采取重新载入页面的方式了。这样信息交互模式对于浪费了大量的时间资源,用户体验大大降低。
发明内容
本发明提供一种信息交互架构及方法,以解决上述问题。
本发明提供一种信息交互架构。上述架构包括模型控制层、路由层、实体层、显示层;其中,所述模型控制层分别与所述路由层、所述实体层、所述显示层相连;所述实体层还与所述显示层直接相连。
本发明还提供一种信息交互方法,上述方法包括以下步骤:
客户端页面初始载入时,从服务器获取页面相关信息;
客户端根据获取的所述页面相关信息,创建页面对象;
客户端页面打开时,路由层检测页面地址及页面跳转地址合法后,触发模型控制层从实体层获取数据,通过显示层进行显示。
相较于先前技术,根据本发明提供的一种信息交互架构及方法,为前端的web开发提供了一种高效、易用且耦合性低的开发框架模型,减少了与后台服务器交互的次数,大大节约了时间和系统资源。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1所示为本发明实施例1的信息交互架构示意图;
图2所示为本发明实施例2的信息交互方法流程图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
图1所示为本发明实施例1的信息交互架构示意图,包括:模型控制层、路由层、实体层、显示层;其中,所述模型控制层分别与所述路由层、所述实体层、所述显示层相连;所述实体层还与所述显示层直接相连;
所述模型控制层,用于对实体层中的数据进行操作。
所述路由层,用于管理应用程序状态和用户导航所需资源。当应用程序启动时,路由层负责显示模板、加载数据以及管理应用程序状态。
实体层,用于表示应用程序的对象并且映射各个属性值和底层数据的依赖关系。
显示层,用于加载相应的模板的页面,用于数据的展示;还用于实时监测实体层的变化,并将最新的数据变化反映到用户界面中。
上述架构,还包括状态管理层;所述状态管理层分别与所述模型控制层、所述显示层相连;
所述状态管理层,用于对用户状态进行管理,例如某个用户是已注销还是登录。
图2所示为本发明实施例2的信息交互方法流程图,包括以下步骤:
步骤201:客户端页面初始载入时,从服务器获取页面相关信息;
页面相关信息包括:页面应用逻辑信息、页面结构信息、页面数据信息。
步骤202:客户端根据获取的所述页面相关信息,创建页面对象;
客户端根据获取的所述页面相关信息,创建页面对象的过程为:客户端根据获取的所述页面应用逻辑信息,创建Javascript应用逻辑库;客户端根据获取的所述页面结构信息,创建为用户展示的html页面;客户端获取所述页面数据信息后,同时在实体层进行封装并存储。
在实际应用过程中,实体层可以通过存储模块来实现。
步骤203:客户端页面打开时,路由层检测页面地址及页面跳转地址合法后,触发模型控制层从实体层获取数据,通过显示层进行显示。
在实际应用过程中,路由层可以通过路由模块进行实现;模型控制层可以通过处理模块进行实现。
客户端页面打开时,路由层检测页面URL触发地址及其跳转URL合法后,触发模型控制层从实体层获取数据,通过显示层进行显示。
路由层检测页面地址及页面跳转地址合法后,还可以进一步验证用户的登录状态。
模型控制层从实体层获取的数据是指:模型控制层对实体层的数据进行增加、修改、删除或查询操作后,获得的数据。
URL(Uniform Resource Locator,统一资源定位符)。
客户端页面打开时,路由层检测页面地址及页面跳转地址合法后,触发模型控制层从实体层获取数据,通过显示层进行显示后,若用户状态发生变化,则触发模型控制层从状态管理层获取用户状态数据,通过显示层进行显示。
若用户状态发生变化,则触发模型控制层从状态管理层获取用户状态数据,通过显示层进行显示的过程为:
若用户状态发生变化,状态管理层向所述模型控制层发送通知消息;
所述模型控制层接收所述通知消息后,向所述状态管理层发送用户状态数据请求;
所述状态管理层接收所述用户状态数据请求后,向所述模型控制层反馈用户状态数据请求响应消息;其中,所述用户状态数据请求响应消息中携带用户状态数据。
在具体实现时,状态管理层可以通过状态管理模块进行实现。
相较于先前技术,根据本发明提供的一种信息交互架构及方法,为前端的web开发提供了一种高效、易用且耦合性低的开发框架模型,减少了与后台服务器交互的次数,大大节约了时间和系统资源。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种信息交互架构,其特征在于,包括模型控制层、路由层、实体层、显示层;其中,所述模型控制层分别与所述路由层、所述实体层、所述显示层相连;所述实体层还与所述显示层直接相连。
2.根据权利要求1所述的架构,其特征在于,还包括状态管理层;所述状态管理层分别与所述模型控制层、所述显示层相连。
3.根据权利要求2所述的架构,其特征在于:所述模型控制层,用于对实体层中的数据进行操作;所述路由层,用于管理应用程序状态和用户导航所需资源;所述实体层,用于表示应用程序的对象并且映射各个属性值和底层数据的依赖关系;所述状态管理层,用于对用户状态进行管理。
4.一种应用权利要求1-3中任一项所述架构的方法,其特征在于:
客户端页面初始载入时,从服务器获取页面相关信息;
客户端根据获取的所述页面相关信息,创建页面对象;
客户端页面打开时,路由层检测页面地址及页面跳转地址合法后,触发模型控制层从实体层获取数据,通过显示层进行显示。
5.根据权利要求4所述的方法,其特征在于:所述页面相关信息包括:页面应用逻辑信息、页面结构信息、页面数据信息。
6.根据权利要求5所述的方法,其特征在于:客户端根据获取的所述页面相关信息,创建页面对象的过程为:
客户端根据获取的所述页面应用逻辑信息,创建Javascript应用逻辑库;客户端根据获取的所述页面结构信息,创建为用户展示的html页面;客户端获取所述页面数据信息后,同时在实体层进行封装并存储。
7.根据权利要求4所述的方法,其特征在于:模型控制层从实体层获取的数据是指:模型控制层对实体层的数据进行增加、修改、删除或查询操作后,获得的数据。
8.根据权利要求4所述的方法,其特征在于:客户端页面打开时,路由层检测页面地址及页面跳转地址合法后,触发模型控制层从实体层获取数据,通过显示层进行显示后,若用户状态发生变化,则触发模型控制层从状态管理层获取用户状态数据,通过显示层进行显示。
9.根据权利要求8所述的方法,其特征在于:若用户状态发生变化,则触发模型控制层从状态管理层获取用户状态数据,通过显示层进行显示的过程为:
若用户状态发生变化,状态管理层向所述模型控制层发送通知消息;
所述模型控制层接收所述通知消息后,向所述状态管理层发送用户状态数据请求;
所述状态管理层接收所述用户状态数据请求后,向所述模型控制层反馈用户状态数据请求响应消息;其中,所述用户状态数据请求响应消息中携带用户状态数据。
10.根据权利要求4所述的方法,其特征在于:路由层检测页面地址及页面跳转地址合法后,还可以进一步验证用户的登录状态。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410643630.0A CN104461509B (zh) | 2014-11-10 | 2014-11-10 | 一种信息交互系统及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410643630.0A CN104461509B (zh) | 2014-11-10 | 2014-11-10 | 一种信息交互系统及方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104461509A true CN104461509A (zh) | 2015-03-25 |
CN104461509B CN104461509B (zh) | 2018-10-12 |
Family
ID=52907621
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410643630.0A Active CN104461509B (zh) | 2014-11-10 | 2014-11-10 | 一种信息交互系统及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104461509B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106202381A (zh) * | 2016-07-08 | 2016-12-07 | 贵阳语玩科技有限公司 | 启动页面的路由方法、装置及组件 |
CN109388398A (zh) * | 2018-10-16 | 2019-02-26 | 郑州云海信息技术有限公司 | 虚拟化系统中界面生成方法和装置 |
CN110069298A (zh) * | 2018-08-09 | 2019-07-30 | 北京微播视界科技有限公司 | 显示方法、系统、电子设备和计算机可读存储介质 |
CN111176631A (zh) * | 2019-12-31 | 2020-05-19 | 上海米哈游天命科技有限公司 | 一种基于Unity的交互系统和交互方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101587435A (zh) * | 2008-05-19 | 2009-11-25 | 北京亿企通信息技术有限公司 | 一种实现mvc的方法 |
US8082539B1 (en) * | 2006-12-11 | 2011-12-20 | Parallels Holdings, Ltd. | System and method for managing web-based forms and dynamic content of website |
CN103870266A (zh) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | 一种页面生成方法和系统 |
-
2014
- 2014-11-10 CN CN201410643630.0A patent/CN104461509B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8082539B1 (en) * | 2006-12-11 | 2011-12-20 | Parallels Holdings, Ltd. | System and method for managing web-based forms and dynamic content of website |
CN101587435A (zh) * | 2008-05-19 | 2009-11-25 | 北京亿企通信息技术有限公司 | 一种实现mvc的方法 |
CN103870266A (zh) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | 一种页面生成方法和系统 |
Non-Patent Citations (1)
Title |
---|
胡润卿: "一种分布式Web应用框架的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106202381A (zh) * | 2016-07-08 | 2016-12-07 | 贵阳语玩科技有限公司 | 启动页面的路由方法、装置及组件 |
CN106202381B (zh) * | 2016-07-08 | 2019-08-09 | 贵阳语玩科技有限公司 | 启动页面的路由方法、装置及组件 |
CN110069298A (zh) * | 2018-08-09 | 2019-07-30 | 北京微播视界科技有限公司 | 显示方法、系统、电子设备和计算机可读存储介质 |
CN110069298B (zh) * | 2018-08-09 | 2022-12-13 | 北京微播视界科技有限公司 | 显示方法、系统、电子设备和计算机可读存储介质 |
CN109388398A (zh) * | 2018-10-16 | 2019-02-26 | 郑州云海信息技术有限公司 | 虚拟化系统中界面生成方法和装置 |
CN109388398B (zh) * | 2018-10-16 | 2021-07-30 | 郑州云海信息技术有限公司 | 虚拟化系统中界面生成方法和装置 |
CN111176631A (zh) * | 2019-12-31 | 2020-05-19 | 上海米哈游天命科技有限公司 | 一种基于Unity的交互系统和交互方法 |
CN111176631B (zh) * | 2019-12-31 | 2023-11-03 | 上海米哈游天命科技有限公司 | 一种基于Unity的交互系统和交互方法 |
Also Published As
Publication number | Publication date |
---|---|
CN104461509B (zh) | 2018-10-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10013502B1 (en) | Preloading resources of a web page | |
US9696972B2 (en) | Method and apparatus for updating a web-based user interface | |
CN102693280B (zh) | 网页浏览方法、WebApp框架、执行JavaScript方法及装置、移动终端 | |
EP2916243B1 (en) | Method, apparatus, server and system for implementing web application | |
KR102243793B1 (ko) | 코드 가상화 및 원격 프로세스 호출 생성을 위한 방법 및 장치 | |
US10142399B2 (en) | Minimal download and simulated page navigation features | |
CN105045887B (zh) | 混合模式跨域数据交互的系统及其方法 | |
CN104704468B (zh) | Web应用程序的跨系统安装 | |
US8983935B2 (en) | Methods for utilizing a javascript emulator in a web content proxy server and devices thereof | |
CN104035753A (zh) | 一种双WebView展示定制页面的方法及系统 | |
CN106294372A (zh) | 应用程序页面快速访问方法及应用其的移动终端 | |
US11537683B2 (en) | Configuration of content site user interaction monitoring in data networks | |
CN104636139A (zh) | 一种可视化跨平台移动应用开发与生成系统 | |
CN105094786A (zh) | 基于JavaScript定制页面的方法及系统 | |
CN103064738A (zh) | Linux下本地应用程序窗体嵌入浏览器的方法及系统 | |
CN103475744A (zh) | 一种基于Web应用的资源下载方法、装置和系统 | |
CN103605527A (zh) | 实现云计算应用间界面集成和统一样式展现的系统及方法 | |
CN104461509A (zh) | 一种信息交互架构及方法 | |
US20140245124A1 (en) | System and method thereof for browser agnostic extension models | |
CN101876998B (zh) | 一种实现数据编辑的方法和系统 | |
US20140337284A1 (en) | Synchronizing folders using a shadow folder hierarchy | |
CN103257874A (zh) | Web应用的离线运行方法和系统 | |
KR102213871B1 (ko) | 광고 제공 시스템 및 그 방법, 그리고 이에 적용되는 장치 | |
US20150143333A1 (en) | Native Application Variation | |
CN106055342A (zh) | 一种dojango下使用第三方Form扩展组件的方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |