如何实时生成房态图
Posted 是小叶的呢.
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何实时生成房态图相关的知识，希望对你有一定的参考价值。
在做这个酒店管理系统的时候遇到的一个问题，问题是：怎样实现实时的房态图？刚开始我也没有想那么多，就直接开始写了好多个
- 标签，写完之后我才发现这个问题。假如我新增一个房间，那我岂不是要手动添加一个
- 标签，于是乎我又就直接写了一个动态的房态图，就不会出现不会自动生成的房间里。接下来看看动态的房态图是怎么实现。
页面布局代码如下：
-
javascript部分代码如下：
首先我们需要查询出所有房间的信息，通过each循环所有的数据，获取到房间状态ID，再通过房间状态ID动态生成房态图，等于1的时候颜色为绿色，等于2的时候颜色为蓝色等等一系列。
控制器方法代码如下：
通过房间表查询出所有房间的信息，连表查询出房间状态以及房间类型。
这样就可以实现实时房态图的效果图如下：
以上是关于如何实时生成房态图的主要内容，如果未能解决你的问题，请参考以下文章