基于MVVM架构的页面显示方法.pdf

《基于MVVM架构的页面显示方法.pdf》由会员分享，可在线阅读，更多相关《基于MVVM架构的页面显示方法.pdf（5页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 201911029946.X (22)申请日 2019.10.25 (71)申请人 陈奕博 地址 719006 陕西省榆林市榆阳区镇川镇 秦山村寨山6号 (72)发明人 陈奕博 (74)专利代理机构 西安弘理专利事务所 61214 代理人 王丹 (51)Int.Cl. H04L 12/58(2006.01) (54)发明名称 一种基于MVVM架构的页面显示方法 (57)摘要 本发明公开了一种基于MVVM架构的页面显 示方法， 本发明建立在MVVM模式的基础上， 将它 的理念融合并。

2、应用于 “在线服务” 可以提高服务 软件的质量和效率， 提高在线服务要求即时性、 高效性、 轻便性。 降低程序模块间低耦合。 各控制 器的职责更明确， 降低耦合度， 提高了测试性和 复用性， 同时， 降低了学习成本、 开发成本和重构 成本， 具有较高的实施性。 权利要求书1页 说明书3页 CN 110995565 A 2020.04.10 CN 110995565 A 1.一种基于MVVM架构的页面显示方法， 其特征在于， 包括以下步骤： 步骤1： 在确定视图控制器接收到第一外部输入时， 使所述视图控制器向数据控制器发 送原始数据请求； 步骤2、 对话接入， 服务器发送消息； 客户端根据服务器。

3、发送的消息， 对消息进行数据处 理； 步骤3： 在确认所述数据控制器接收到所述原始数据请求后， 使所述数据控制器根据所 述原始数据请求向数据存储器Model请求相应的原始数据， 步骤4： 对话接入， 服务器发送消息； 客户端根据服务器发送的消息， 对消息进行数据处 理； 步骤5： 接收所述Model返回的所述原始数据并生成视图数据数组， 将所述视图数据数 组发送至视图数据处理控制器视图； 步骤6： 在确定所述视图接收到的所述视图数据数组后， 使所述视图对所述视图数据数 组进行处理得到视图显示数据； 步骤7： 监控对话， 当服务人员进行对话窗口操作时， 监控对话根据内容实时更新用户 池内对应用户。

4、的信息； 步骤8： 监控用户池内数据向服务发送， 当用户池内信息发生变化后， 监控服务会进行 数据处理并向服务器发送消息； 步骤9： 在确定视图控件接收到的第二外部输入后， 使所述视图控件向所述视图发送视 图显示数据请求， 使所述视图控件接收所述视图发送的视图显示数据， 并在视图页面中显 示所述视图显示数据。 2.根据权利要求1所述的一种基于MVVM架构的页面显示方法,其特征在于， 所述的用户 池内预设有数据池， 所述数据池用以存储经过数据处理后的数据。 3.根据权利要求1所述的一种基于MVVM架构的页面显示方法,其特征在于， 所述视图数 据数组后， 使所述视图对所述视图数据数组进行处理得到视。

5、图显示数据。 4.根据权利要求1所述的一种基于MVVM架构的页面显示方法,其特征在于， 所述在视图 数据数组中设置视图页面属性信息， 得到视图显示数 据。 5.根据权利要求1所述的一种基于MVVM架构的页面显示方法,其特征在于， 所述视图可 以通过背景颜色属性设置视图页面的背景颜色， 通过集合视图方法刷新集合界面。 视图模 型在获取到视图显示数据后， 利用自身的将视图显示数据提供给用户。 权利要求书 1/1 页 2 CN 110995565 A 2 一种基于MVVM架构的页面显示方法 技术领域 0001 本发明属于网页显示技术领域， 具体涉及一种基于MVVM架构的页面显示方法。 背景技术 00。

6、02 传统的JS框架如JQuery、 ExtJS等框架， 使用JS代码实现对HTML页面上的dom元素 进行动态生成、 修改、 删除， 这种方式极大发挥了JS代码对前端展现的控制能力， 但是由于 UI的设计和开发人员掌握的技巧往往是HTML标签和css样式编写， 缺乏对JS的了解， 而JS代 码编写人员对于业务逻辑比较清晰， 但是开发的界面缺乏美感， 二者难以协调。 KendoUI、 JQueryEasyUI、 JQueryUI、 Bootstrap等成熟的UI展现框架， 移动终端中的各种应用中通常 需要以页面的形式展示各条信息， 页面展示通常是采用模型-视图-控制器框架进行展示 的。 常用的。

7、MVC框架包括： 模型层、 视图层和控制层。 在利用传统的MVC框架进行展示时， 与展 示其他类型的视图类似， 模型层在获取数据之后， 由控制层对列表数据进行布局封装后， 通 知给视图层进行展示， 其中控制层在对视图数据进行布局封装时是作为一个整体， 用户进 行页面操作， 引起某个组件的内容发生变化时， 开发人员需要在代码中跟踪和判断这种变 化， 并根据变化执行后台逻辑修改数据内容； 同时， 当后台的数据内容变化， 开发人员需要 判断该内容对应的组件及参数并修改， 从而引起页面展现内容的同步更新。 这种开发方式， 当业务逻辑和数据内容较为复杂， 关联到多个页面组件时， 往往容易引起混乱。 发明。

8、内容 0003 本发明的目的在于提供一种基于MVVM架构的页面显示方法， 解决了现有技术中存 在传统显示框架下涉及多个界面容易引起混乱的问题。 0004 本发明所采用的技术方案是： 一种基于MVVM架构的页面显示方法， 包括以下步骤： 0005 步骤1： 在确定视图控制器接收到第一外部输入时， 使所述视图控制器向数据控制 器发送原始数据请求； 0006 步骤2、 对话接入， 服务器发送消息； 客户端根据服务器发送的消息， 对消息进行数 据处理； 0007 步骤3： 在确认所述数据控制器接收到所述原始数据请求后， 使所述数据控制器根 据所述原始数据请求向数据存储器Model请求相应的原始数据， 。

9、0008 步骤4： 对话接入， 服务器发送消息； 客户端根据服务器发送的消息， 对消息进行数 据处理； 0009 步骤5： 接收所述Model返回的所述原始数据并生成视图数据数组， 将所述视图数 据数组发送至视图数据处理控制器视图； 0010 步骤6： 在确定所述视图接收到的所述视图数据数组后， 使所述视图对所述视图数 据数组进行处理得到视图显示数据； 0011 步骤7： 监控对话， 当服务人员进行对话窗口操作时， 监控对话根据内容实时更新 用户池内对应用户的信息； 说明书 1/3 页 3 CN 110995565 A 3 0012 步骤8： 监控用户池内数据向服务发送， 当用户池内信息发生变。

10、化后， 监控服务会 进行数据处理并向服务器发送消息； 0013 步骤9： 在确定视图控件接收到的第二外部输入后， 使所述视图控件向所述视图发 送视图显示数据请求， 使所述视图控件接收所述视图发送的视图显示数据， 并在视图页面 中显示所述视图显示数据。 0014 用户池内预设有数据池， 所述数据池用以存储经过数据处理后的数据。 0015 视图数据数组后， 使所述视图对所述视图数据数组进行处理得到视图显示数据。 0016 在视图数据数组中设置视图页面属性信息， 得到视图显示数据。 0017 视图可以通过背景颜色属性设置视图页面的背景颜色， 通过集合视图方法刷新集 合界面。 视图模型在获取到视图显示。

11、数据后， 利用自身的将视图显示数据提供给用户。 0018 本发明的有益效果为： 0019 本发明实现了一种基于MVVM页面显示方法， 客户端将数据处理， 数据源， 数据展示 分别建立联系， 实现高内聚、 低耦合的设计， 相比一个对话维持一个链接、 维持一组数据的 方法， 减少了系统资源的损耗， 减少了处理每条信息的操作量， 减轻了客户端的负重， 增加 了稳定性， 提高了服务的服务质量和服务效率； 本发明的方法使得访客接入的时候不再建 立服务和访客之间一对一的链接， 而是通过服务端转发服务和访客之间消息的方式来实现 对话过程。 服务端只有在做出操作后更改用户池数据通知服务端和服务端给客户端发送消。

12、 息后再做出处理用户池数据， 这样减轻网络连接压力和资源的损耗， 加强了客户端的稳定 性； 客户端在用户池数据的基础上做出一系列的行为操作。 本发明建立在MVVM模式的基础 上， 将它的理念融合并应用于 “在线服务” 可以提高服务软件的质量和效率， 提高在线服务 要求即时性、 高效性、 轻便性。 降低程序模块间低耦合。 具体实施方式 0020 下面结合具体实施方式对本发明进行详细说明。 0021 一种基于MVVM架构的页面显示方法， 包括以下步骤： 0022 步骤1： 在确定视图控制器接收到第一外部输入时， 使所述视图控制器向数据控制 器发送原始数据请求； 0023 步骤2、 对话接入， 服务。

13、器发送消息； 客户端根据服务器发送的消息， 对消息进行数 据处理； 0024 步骤3： 在确认所述数据控制器接收到所述原始数据请求后， 使所述数据控制器根 据所述原始数据请求向数据存储器Model请求相应的原始数据， 0025 步骤4： 对话接入， 服务器发送消息； 客户端根据服务器发送的消息， 对消息进行数 据处理； 0026 步骤5： 接收所述Model返回的所述原始数据并生成视图数据数组， 将所述视图数 据数组发送至视图数据处理控制器视图； 0027 步骤6： 在确定所述视图接收到的所述视图数据数组后， 使所述视图对所述视图数 据数组进行处理得到视图显示数据； 0028 步骤7： 监控对。

14、话， 当服务人员进行对话窗口操作时， 监控对话根据内容实时更新 用户池内对应用户的信息； 说明书 2/3 页 4 CN 110995565 A 4 0029 步骤8： 监控用户池内数据向服务发送， 当用户池内信息发生变化后， 监控服务会 进行数据处理并向服务器发送消息； 0030 步骤9： 在确定视图控件接收到的第二外部输入后， 使所述视图控件向所述视图发 送视图显示数据请求， 使所述视图控件接收所述视图发送的视图显示数据， 并在视图页面 中显示所述视图显示数据。 0031 用户池内预设有数据池， 所述数据池用以存储经过数据处理后的数据。 0032 视图数据数组后， 使所述视图对所述视图数据数。

15、组进行处理得到视图显示数据。 0033 在视图数据数组中设置视图页面属性信息， 得到视图显示数据。 0034 视图可以通过背景颜色属性设置视图页面的背景颜色， 通过集合视图方法刷新集 合界面。 视图模型在获取到视图显示数据后， 利用自身的将视图显示数据提供给用户。 0035 本发明通过视图控制器结合数据控制器将模型中的视图逻辑和数据逻辑转移到 视图模型中， 减轻了视图控制器的负担， 使得研发人员编写的代码层次更清晰， 服务端只有 在做出操作后更改用户池数据通知服务端和服务端给客户端发送消息后再做出处理用户 池数据， 这样减轻网络连接压力和资源的损耗， 加强了客户端的稳定性； 客户端在用户池数 据的基础上做出一系列的行为操作。 本发明建立在MVVM模式的基础上， 将它的理念融合并 应用于 “在线服务” 可以提高服务软件的质量和效率， 提高在线服务要求即时性、 高效性、 轻 便性。 降低程序模块间低耦合。 各控制器的职责更明确， 降低耦合度， 提高了测试性和复用 性， 同时， 降低了学习成本、 开发成本和重构成本， 具有较高的实施性。 说明书 3/3 页 5 CN 110995565 A 5 。