大家是否发现，当你接入各种组件、实体以后，前端界面是否显示的非常凌乱丑陋，就和下图一样
image
今天带给大家如何根据组件进行 分组与分页。如果你希望把每次启动后都会出现的 welcome home 通知去掉，我们可以直接点击下面的忽略按钮，这样虽然去掉这个通知，但是重启后还是会再次出现。如果想永久去掉，可以打开 configuration.yaml 配置文件，注释掉其中的 introduction ，这样即使重启这个通知也不会再显示了。
image
要对首页进行整理排布，我们使用 group 分组配置。我们先看一下group的配置文件 groups.yaml，这个文件放在和主配置文件相同的目录下。打开这个文件会发现是空白的，我们先编辑一个 bitcoin 的分组，配置如下：
bitconin:
name: 比特币
entities:
sensor.exchange_rate_1_btc,sensor.trade_volume
这里把比特币行情和交易量2个实体 放到了比特币这个分组中。配置文件注意缩进，这里重点说下，必须严格进行缩进。编辑好以后，保存配置文件，然后在界面 选择 配置菜单 选择重置分组 就可以了。
image
然后现在 概览 就可以在界面上看到刚刚配置的信息了。
image
如果我们想以一个分签页的方式显示，只需在刚刚的配置中加一个配置项
bitconin:
name: 比特币
entities:
sensor.exchange_rate_1_btc,sensor.trade_volume
view:yes
然后重载分组，就可以看到一个tab页。
image
如果我们还是想让这些信息排布在一起，我们可以更改以上配置，去掉 view 项，然后增加一个分组。
bitconin:
name: 比特币
entities:
sensor.exchange_rate_1_btc,sensor.trade_volume
bitconint_view:
name: 比特币
entities:
group.bitconin
view: yes
保存以后，重置分组，就可以看到这个tab页上的变化了
image
这样是不是看起来就比之前要舒服很多呢，当前还有很多实体 就需要你们自己去动手配置了，如果想更改主见面的显示可以定义一个 default_view 的分组
default_view:
name: XXX
entities:
xxx,xxx,xxx ....
像这样的方式自行进行选择。
有不清楚属性的同学 可以在这里找到。
image
这些就是拿来进行分组的实体。
