一种信息交互系统及方法技术方案

本发明专利技术提供一种信息交互架构及方法，上述架构包括模型控制层、路由层、实体层、显示层；其中，所述模型控制层分别与所述路由层、所述实体层、所述显示层相连；所述实体层还与所述显示层直接相连。上述方法包括以下步骤：客户端页面初始载入时，从服务器获取页面相关信息；客户端根据获取的所述页面相关信息，创建页面对象；客户端页面打开时，路由层检测页面地址及页面跳转地址合法后，触发模型控制层从实体层获取数据，通过显示层进行显示。本发明专利技术为前端的web开发提供了一种高效、易用且耦合性低的开发框架模型，减少了与后台服务器交互的次数，大大节约了时间和系统资源。

【技术实现步骤摘要】

本专利技术属于信息交互领域，尤其涉及。
技术介绍
MVC全名是(Model View Controller，模型视图控制器)是模型(model)、视图(view)和控制器(controller)的缩写，一种软件设计典范；MVC模式最早由TrygveReenskaug在1978年提出，是施乐帕罗奥多研宄中心(Xerox PARC)在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:客户端页面打开时，路由层检测页面地址及页面跳转地址合法后，触发模型控制层从实体层获取数据，通过显示层进行显示。 在实际应用过程中，路由层可以通过路由模块进行实现；模型控制层可以通过处理模块进行实现。 [0031 ] 客户端页面打开时，路由层检测页面URL触发地址及其跳转URL合法后，触发模型控制层从实体层获取数据，通过显示层进行显示。 路由层检测页面地址及页面跳转地址合法后，还可以进一步验证用户的登录状 --τ O 模型控制层从实体层获取的数据是指:模型控制层对实体层的数据进行增加、修改、删除或查询操作后，获得的数据。 URL (Uniform Resource Locator，统一资源定位符)。 客户端页面打开时，路由层检测页面地址及页面跳转地址合法后，触发模型控制层从实体层获取数据，通过显示层进行显示后，若用户状态发生变化，则触发模型控制层从状态管理层获取用户状态数据，通过显示层进行显示。 若用户状态发生变化，则触发模型控制层从状态管理层获取用户状态数据，通过显示层进行显示的过程为: 若用户状态发生变化，状态管理层向所述模型控制层发送通知消息； 所述模型控制层接收所述通知消息后，向所述状态管理层发送用户状态数据请求； 所述状态管理层接收所述用户状态数据请求后，向所述模型控制层反馈用户状态数据请求响应消息；其中，所述用户状态数据请求响应消息中携带用户状态数据。 在具体实现时，状态管理层可以通过状态管理模块进行实现。 相较于先前技术，根据本专利技术提供的，为前端的web开发提供了一种高效、易用且耦合性低的开发框架模型，减少了与后台服务器交互的次数，大大节约了时间和系统资源。 以上所述仅为本专利技术的优选实施例而已，并不用于限制本专利技术，对于本领域的技术人员来说，本专利技术可以有各种更改和变化。凡在本专利技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本专利技术的保护范围之内。本文档来自技高网...

【技术保护点】
一种信息交互架构，其特征在于，包括模型控制层、路由层、实体层、显示层；其中，所述模型控制层分别与所述路由层、所述实体层、所述显示层相连；所述实体层还与所述显示层直接相连。

【技术特征摘要】
1.一种信息交互架构，其特征在于，包括模型控制层、路由层、实体层、显示层；其中，所述模型控制层分别与所述路由层、所述实体层、所述显示层相连；所述实体层还与所述显示层直接相连。2.根据权利要求1所述的架构，其特征在于，还包括状态管理层；所述状态管理层分别与所述模型控制层、所述显示层相连。3.根据权利要求2所述的架构，其特征在于:所述模型控制层，用于对实体层中的数据进行操作；所述路由层，用于管理应用程序状态和用户导航所需资源；所述实体层，用于表示应用程序的对象并且映射各个属性值和底层数据的依赖关系；所述状态管理层，用于对用户状态进行管理。4.一种应用权利要求1-3中任一项所述架构的方法，其特征在于: 客户端页面初始载入时，从服务器获取页面相关信息； 客户端根据获取的所述页面相关信息，创建页面对象； 客户端页面打开时，路由层检测页面地址及页面跳转地址合法后，触发模型控制层从实体层获取数据，通过显示层进行显示。5.根据权利要求4所述的方法，其特征在于:所述页面相关信息包括:页面应用逻辑信息、页面结构信息、页面数据信息。6.根据权利要求5所述的方法，其特征在于:客户端根据获取的所述页面相关信息，创建页面对象的过程为: 客户端根据获取的所述页面应用逻辑信息，创建J...

【专利技术属性】
技术研发人员：高滨，高飞，王帅，
申请(专利权)人：浪潮北京电子信息产业有限公司，
类型：发明
国别省市：北京;11