在做这个项目中有这样一个效果,预定房台并给标识,这个标识就可以直接显示出这个房台状态信息;首先我们来看一下它的HTML部分代码的。
Javascript部分代码如下:
首先我们需要查询出所有房间的信息,通过each循环所有的数据,获取到房间状态ID等一系列。我们看一下房台的数据库ToReserveNo是否预定,预定了就直接给出标识
控制器方法代码如下:
通过房间表查询出所有房间的信息,连表查询出房间状态以及房间类型。
这样就可以实现实时房态图上直接看出哪些房台已经被预定的效果图如下: