kero入门学习总结

来源:互联网 发布:dota2知乎 编辑:程序博客网 时间:2024/06/06 01:31

引用块内容
http://design.yyuap.com/dist/pages/kero/overview.html

总结概括

(1)kero出现的背景

构建大型企业级应用的痛点:
复杂单据
控件复杂,不断扩展
数据格式不固定,运行时动态调整
Kero如何解决这些问题:

(2)数据模型和控件模型可描述
1.kero 使用了描述性的代码风格定义数据模型。数据被存储在ViewModel中,通过数据模型进行访问和修改。
这里写图片描述

2.统一可扩展的控件描述
kero使用了描述性的风格来定义控件
这里写图片描述

(3)模型结构(数据模型和控件模型)

**

1.数据模型

**

数据模型主要是对MVVM架构中的Model层做增强处理。主要功能有:

行、列的形式对数据做存储,并对外暴露一批增删改查的API。
数据增加状态标识新增或修改。
具有分页缓存能力。
具有事件触发器,把数据变化触发出去,供开发者监听使用。

**
1.1模型定义

这里写图片描述

字段的属性值控件模型中被使用到,主要用于控制表单输入、字段显示格式等业务特性。具体属性值请参考基础设置文档

1.2数据载入到模型中

模型定义好之后,可以通过dataTable.setSimpleData方法把从后台查询到的json数据载入模型之中:

1.3数据的新增与修改

新增数据行并赋值

1.4修改已存在的行中数据
.
.
.
.
.

2.控件模型

**

控件模型是为解决复杂交互页面中,业务逻辑对数据存在一系列处理需求而设计的。用来简化开发者对相关逻辑的开发。比如:数据的必填、数据的各种校验、数据的显示格式等。

控件模型与UI和数据模型之间的关系表现为:

这里写图片描述

**

主要讲的是数据模型以及控件模型的主要组成

**
(1)数据模型
//HTML
这里写图片描述
//JS
这里写图片描述
这里写图片描述

(2)控件模型
这里写图片描述

0 0
原创粉丝点击