kero入门学习总结

本文总结了Kero框架在构建大型企业级应用中的作用,重点讲解了数据模型和控件模型的详细内容。数据模型提供以行、列形式存储数据,具备增删改查API、事件触发器等功能;控件模型则用于简化复杂交互页面的业务逻辑,如数据校验和显示格式。Kero通过描述性代码风格定义这两部分,以解决复杂单据和动态数据格式的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引用块内容
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)控件模型
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值