一种基于MVVM架构的页面显示方法技术

本发明专利技术公开了一种基于MVVM架构的页面显示方法，本发明专利技术建立在MVVM模式的基础上，将它的理念融合并应用于“在线服务”可以提高服务软件的质量和效率，提高在线服务要求即时性、高效性、轻便性。降低程序模块间低耦合。各控制器的职责更明确，降低耦合度，提高了测试性和复用性，同时，降低了学习成本、开发成本和重构成本，具有较高的实施性。

A page display method based on MVVM architecture

【技术实现步骤摘要】
一种基于MVVM架构的页面显示方法
本专利技术属于网页显示
，具体涉及一种基于MVVM架构的页面显示方法。
技术介绍
传统的JS框架如JQuery、ExtJS等框架，使用JS代码实现对HTML页面上的dom元素进行动态生成、修改、删除，这种方式极大发挥了JS代码对前端展现的控制能力，但是由于UI的设计和开发人员掌握的技巧往往是HTML标签和css样式编写，缺乏对JS的了解，而JS代码编写人员对于业务逻辑比较清晰，但是开发的界面缺乏美感，二者难以协调。KendoUI、JQueryEasyUI、JQueryUI、Bootstrap等成熟的UI展现框架，移动终端中的各种应用中通常需要以页面的形式展示各条信息，页面展示通常是采用模型-视图-控制器框架进行展示的。常用的MVC框架包括：模型层、视图层和控制层。在利用传统的MVC框架进行展示时，与展示其他类型的视图类似，模型层在获取数据之后，由控制层对列表数据进行布局封装后，通知给视图层进行展示，其中控制层在对视图数据进行布局封装时是作为一个整体，用户进行页面操作，引起某个组件的内容发生变化时，开发人员需要在代码中跟踪和判断这种变化，并根据变化执行后台逻辑修改数据内容；同时，当后台的数据内容变化，开发人员需要判断该内容对应的组件及参数并修改，从而引起页面展现内容的同步更新。这种开发方式，当业务逻辑和数据内容较为复杂，关联到多个页面组件时，往往容易引起混乱。
技术实现思路
本专利技术的目的在于提供一种基于MVVM架构的页面显示方法，解决了现有技术中存在传统显示框架下涉及多个界面容易引起混乱的问题。本专利技术所采用的技术方案是：一种基于MVVM架构的页面显示方法，包括以下步骤：步骤1：在确定视图控制器接收到第一外部输入时，使所述视图控制器向数据控制器发送原始数据请求；步骤2、对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；步骤3：在确认所述数据控制器接收到所述原始数据请求后，使所述数据控制器根据所述原始数据请求向数据存储器Model请求相应的原始数据，步骤4：对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；步骤5：接收所述Model返回的所述原始数据并生成视图数据数组，将所述视图数据数组发送至视图数据处理控制器视图；步骤6：在确定所述视图接收到的所述视图数据数组后，使所述视图对所述视图数据数组进行处理得到视图显示数据；步骤7：监控对话，当服务人员进行对话窗口操作时，监控对话根据内容实时更新用户池内对应用户的信息；步骤8：监控用户池内数据向服务发送，当用户池内信息发生变化后，监控服务会进行数据处理并向服务器发送消息；步骤9：在确定视图控件接收到的第二外部输入后，使所述视图控件向所述视图发送视图显示数据请求，使所述视图控件接收所述视图发送的视图显示数据，并在视图页面中显示所述视图显示数据。用户池内预设有数据池，所述数据池用以存储经过数据处理后的数据。视图数据数组后，使所述视图对所述视图数据数组进行处理得到视图显示数据。在视图数据数组中设置视图页面属性信息，得到视图显示数据。视图可以通过背景颜色属性设置视图页面的背景颜色，通过集合视图方法刷新集合界面。视图模型在获取到视图显示数据后，利用自身的将视图显示数据提供给用户。本专利技术的有益效果为：本专利技术实现了一种基于MVVM页面显示方法，客户端将数据处理，数据源，数据展示分别建立联系，实现高内聚、低耦合的设计，相比一个对话维持一个链接、维持一组数据的方法，减少了系统资源的损耗，减少了处理每条信息的操作量，减轻了客户端的负重，增加了稳定性，提高了服务的服务质量和服务效率；本专利技术的方法使得访客接入的时候不再建立服务和访客之间一对一的链接，而是通过服务端转发服务和访客之间消息的方式来实现对话过程。服务端只有在做出操作后更改用户池数据通知服务端和服务端给客户端发送消息后再做出处理用户池数据，这样减轻网络连接压力和资源的损耗，加强了客户端的稳定性；客户端在用户池数据的基础上做出一系列的行为操作。本专利技术建立在MVVM模式的基础上，将它的理念融合并应用于“在线服务”可以提高服务软件的质量和效率，提高在线服务要求即时性、高效性、轻便性。降低程序模块间低耦合。具体实施方式下面结合具体实施方式对本专利技术进行详细说明。一种基于MVVM架构的页面显示方法，包括以下步骤：步骤1：在确定视图控制器接收到第一外部输入时，使所述视图控制器向数据控制器发送原始数据请求；步骤2、对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；步骤3：在确认所述数据控制器接收到所述原始数据请求后，使所述数据控制器根据所述原始数据请求向数据存储器Model请求相应的原始数据，步骤4：对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；步骤5：接收所述Model返回的所述原始数据并生成视图数据数组，将所述视图数据数组发送至视图数据处理控制器视图；步骤6：在确定所述视图接收到的所述视图数据数组后，使所述视图对所述视图数据数组进行处理得到视图显示数据；步骤7：监控对话，当服务人员进行对话窗口操作时，监控对话根据内容实时更新用户池内对应用户的信息；步骤8：监控用户池内数据向服务发送，当用户池内信息发生变化后，监控服务会进行数据处理并向服务器发送消息；步骤9：在确定视图控件接收到的第二外部输入后，使所述视图控件向所述视图发送视图显示数据请求，使所述视图控件接收所述视图发送的视图显示数据，并在视图页面中显示所述视图显示数据。用户池内预设有数据池，所述数据池用以存储经过数据处理后的数据。视图数据数组后，使所述视图对所述视图数据数组进行处理得到视图显示数据。在视图数据数组中设置视图页面属性信息，得到视图显示数据。视图可以通过背景颜色属性设置视图页面的背景颜色，通过集合视图方法刷新集合界面。视图模型在获取到视图显示数据后，利用自身的将视图显示数据提供给用户。本专利技术通过视图控制器结合数据控制器将模型中的视图逻辑和数据逻辑转移到视图模型中，减轻了视图控制器的负担，使得研发人员编写的代码层次更清晰，服务端只有在做出操作后更改用户池数据通知服务端和服务端给客户端发送消息后再做出处理用户池数据，这样减轻网络连接压力和资源的损耗，加强了客户端的稳定性；客户端在用户池数据的基础上做出一系列的行为操作。本专利技术建立在MVVM模式的基础上，将它的理念融合并应用于“在线服务”可以提高服务软件的质量和效率，提高在线服务要求即时性、高效性、轻便性。降低程序模块间低耦合。各控制器的职责更明确，降低耦合度，提高了测试性和复用性，同时，降低了学习成本、开发成本和重构成本，具有较高的实施性。本文档来自技高网...

【技术保护点】
1.一种基于MVVM架构的页面显示方法，其特征在于，包括以下步骤：/n步骤1：在确定视图控制器接收到第一外部输入时，使所述视图控制器向数据控制器发送原始数据请求；/n步骤2、对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；/n步骤3：在确认所述数据控制器接收到所述原始数据请求后，使所述数据控制器根据所述原始数据请求向数据存储器Model请求相应的原始数据，/n步骤4：对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；/n步骤5：接收所述Model返回的所述原始数据并生成视图数据数组，将所述视图数据数组发送至视图数据处理控制器视图；/n步骤6：在确定所述视图接收到的所述视图数据数组后，使所述视图对所述视图数据数组进行处理得到视图显示数据；/n步骤7：监控对话，当服务人员进行对话窗口操作时，监控对话根据内容实时更新用户池内对应用户的信息；/n步骤8：监控用户池内数据向服务发送，当用户池内信息发生变化后，监控服务会进行数据处理并向服务器发送消息；/n步骤9：在确定视图控件接收到的第二外部输入后，使所述视图控件向所述视图发送视图显示数据请求，使所述视图控件接收所述视图发送的视图显示数据，并在视图页面中显示所述视图显示数据。/n...

【技术特征摘要】
1.一种基于MVVM架构的页面显示方法，其特征在于，包括以下步骤：
步骤1：在确定视图控制器接收到第一外部输入时，使所述视图控制器向数据控制器发送原始数据请求；
步骤2、对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；
步骤3：在确认所述数据控制器接收到所述原始数据请求后，使所述数据控制器根据所述原始数据请求向数据存储器Model请求相应的原始数据，
步骤4：对话接入，服务器发送消息；客户端根据服务器发送的消息，对消息进行数据处理；
步骤5：接收所述Model返回的所述原始数据并生成视图数据数组，将所述视图数据数组发送至视图数据处理控制器视图；
步骤6：在确定所述视图接收到的所述视图数据数组后，使所述视图对所述视图数据数组进行处理得到视图显示数据；
步骤7：监控对话，当服务人员进行对话窗口操作时，监控对话根据内容实时更新用户池内对应用户的信息；
步骤8：监控用户池内数据向服务发送，当用户池内信息发生变化后，监控服务会进行数据处理并向服务器发送消...

【专利技术属性】
技术研发人员：陈奕博，
申请(专利权)人：陈奕博，
类型：发明
国别省市：陕西;61