纯Ruby中基于组件的Web UI

2020-11-22 14:24:38

根据您使用纯Ruby编写的组件来制作UI。利用Ruby惊人的语言功能,您可以创建更简洁,更可维护的UI实施。

在Rails项目中创建Ruby类,并通过Ruby DSL调用matestack的核心组件,以制作UI。

例如,Ruby方法“ div”调用负责渲染HTML标签的静态核心组件之一。组件可以将字符串,整数,符号,数组或哈希(...)作为可选属性(例如“ title”)或需要它们(例如“ body”)。

class Components :: Card

将您的UI实施分为多个小块,以帮助其他人(和您自己)更好地了解您的实施。

class Components :: Card

因为它只是一个Ruby类,所以可以使用类继承来进一步提高UI实现的质量。

类继承可用于轻松创建UI组件的变体,但仍可重用实现的某些部分

class Components :: BlueCard

就像在自己的UI组件上使用matestack的核心组件一样,您可以在其他自定义UI组件内使用自己的UI组件。

您决定何时使用Ruby方法将Partial替换为另一个自包含的UI组件!

class Components :: Card

class Components :: CardBody

有时仅将简单数据传递到组件中还不够。别担心!您可以在组件中产生一个块!

使用此方法可以为您使用UI组件提供更大的灵活性。当然,可以将yield与传递简单参数一起使用。

class Components :: Card

class Components :: CardBody

如果需要将多个块注入UI组件,则可以使用“插槽”!

插槽可帮助您使用多个命名内容占位符构建复杂的UI组件,以实现最高的实现灵活性!

class Components :: Card

class Components :: CardBody