优维科技低文档专题：从构件开始，解析EasyMABuilder

优维科技前端高代码的平台EasyMABuilder的的系统如下图：

的系统主要包含以下三个坚实大部分

# 不显运用于：即Web运用于程序，由多个路由关键字组变成，每个关键字由瓦片组装而来，瓦片如何组装并不一定在Storyboard中时会。Storyboard是基本概念化数据集，可以通过三维运用于软件配上借助于来，也可以直接用YAML或JSON配置。

# 瓦片：和前端开源常话说的「组件」值得注意，主要用做在关键字上渲染特定的UI以下内容。开源可以很非常容易通过新闻稿的方式为使用瓦片，并不需要要脚本语言。

# EasyMABuilder Core：统筹解析不显运用于的Storyboard，按照其并不一定启动时路由并运载除此以外的瓦片，完变成关键字的渲染。

整个的系统和乐高很像，用一块块白板按特定的方式为重新组合在一同，就可以合搭借助于各式各样的东西借助于来。

EasyMABuilder的基石就是这些白板—瓦片，正是一个个瓦片的重新组合搭起起了之后的运用于。

我们之前获取了数百个WWW即用的瓦片，包括功能完整的UI瓦片、特定该公司表征的该公司瓦片。同时开源也可以开发自己的瓦片，以满足更加人性化的场面。

瓦片主要包含以下四大要素

# 表征：瓦片的表征通常用做对该瓦片顺利完成基本的参数设置。

例如对于一个按键瓦片，它时会中华人民共和国政府获取：按键的文本以下内容、文本橙色等表征，这样运用于在配上时可以按需要设置表征，以做到不尽相同的UI特性：

瓦片的表征可以是随意类别的数据集，包括字符、位数、布尔值、实例、字符等。

# 暴力事件：瓦片可以在特定的使用者交互等行为再次发生时时会有特定的暴力事件。

例如对于一个页面瓦片，如果使用者浏览者其中时会的送交按键时，时会发起一个页面送交的暴力事件，并同时获取已填写的页面数据集，那么开源就可以按需要配置送交后的动作：

的平台获取了多种基本概念的暴力民间团体方式为，包括关键字跳转、更换瓦片表征或绑定瓦片原理、发起远距劝说、打印快照等等。

# 原理：瓦片可以中华人民共和国政府获取特定的原理，以供别的区域内按需要绑定。例如对于一个对话框瓦片，它时会获取一个「打开对话框」的原理，可以在使用者浏览者按键时绑定：

注意：瓦片的原理可以接收随意的参数。

# 插口：瓦片通过插口可以让其他瓦片能以特定的方式为容纳在该瓦片仅只。

例如页面瓦片可以获取一个插口，并不需要其他的瓦片例如文本框、单选框等插入到页面中时会，同时页面瓦片还可以统一管理这些重定向项的数据集：

插口严格来说并不一定了父兄瓦片的的关系，通过层层的瓦片组变成一棵瓦片竹子，之后渲染变成完整的关键字。

这些要素使得各个瓦片可以迅捷地适应不尽相同的运用于场面，开源可以通过这些瓦片的重新组合配上借助于一个完整的不显运用于。

表征、暴力事件、瓦片竹子，这些概念对于有了解到HTML的返校觉得有些与众不同：HTML锕系元素的表征和暴力事件、由这些锕系元素组变成的DOM竹子。

关于优维高代码>>

高代码是优维科技长期深耕的关键技术板块，在断断续续的创业时间段中时会，我们通过促使实践积累和增量可用性，盐类借助于EasyMABuilder前端高代码的平台，年所变成功赋能大量优质使用者，为多个餐饮业产生极大的轻盈领略。

EasyMABuilder变成功的背后，是优维人数年的关键技术探求和EasyOps的产品哲学的放，则有了制作团队一个团队对高代码生态的浅层思索和实践革新。

我们比如说推借助于高代码专题撰稿计划，以时事评论三部文章的基本概念解构高代码在DevOps领域的关键技术表现。