如何实时生成房态图

Posted 是小叶的呢.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何实时生成房态图相关的知识,希望对你有一定的参考价值。

在做这个酒店管理系统的时候遇到的一个问题,问题是:怎样实现实时的房态图?刚开始我也没有想那么多,就直接开始写了好多个

  • 标签,写完之后我才发现这个问题。假如我新增一个房间,那我岂不是要手动添加一个
  • 标签,于是乎我又就直接写了一个动态的房态图,就不会出现不会自动生成的房间里。接下来看看动态的房态图是怎么实现。
    页面布局代码如下:
  • javascript部分代码如下:


    首先我们需要查询出所有房间的信息,通过each循环所有的数据,获取到房间状态ID,再通过房间状态ID动态生成房态图,等于1的时候颜色为绿色,等于2的时候颜色为蓝色等等一系列。
    控制器方法代码如下:
    通过房间表查询出所有房间的信息,连表查询出房间状态以及房间类型。

    这样就可以实现实时房态图的效果图如下:

以上是关于如何实时生成房态图的主要内容,如果未能解决你的问题,请参考以下文章

如何实时生成房态图

酒店管理系统数据库SQl设计思路

酒店管理系统数据库SQl设计思路

《酒店管理系统》项目总结

《酒店管理系统》项目总结

《酒店管理系统》项目总结