ASP.NET.MVC 房台预定改变房台状态并给图片标识

开发工具与关键技术：VS2015  MVC
作者：超级小贱贱
撰写时间：2019年6月17日

这次的文献内容想接着之前写的房态图显示里面有个遗漏的东西，就是当我点击预定房台的时候，会给它一个关于预定图片的标识并显示在选中的那个div里面，就像这样，当我还没预定的时候，就像这样而当我操作完预定保存按钮之后看到了吗，左下角多了个预定标识，这个怎么做到的呢，其实很简单。
老样子，首先是控制器，查询房台的代码，多的不说，少的不落，还是先截个图吧
这里主要连接的表是房台状态表，里面有4个状态，并且还要列出查询的5个内容，其中最主要的就是Subsuribe：预定否，因为关于房台预定的嘛，所以跟Subsuribe离不开关系，最后还要转化为ToList列表的格式并返回list，然后控制器的代码就完成了。
接下来是视图层，还是想详细的讲解一下每一个房台div是如何自动循环生成，关键还是在哪个位置给它加上那张图片。
先给一个页面加载事件$(function () {,这里我选择的是使用Post的提交方法$.post("RoomState", function (Data)，给个参数Data，在{括起来}，给个for 循环（声明一个变量，i=0，当i<上面给的参数Data长度length的时候，i++自增）{}接着继续声明一个变量RoomStateID（房台状态ID）=参数Data[变量i].RoomStateID，下面关键的地方来了，因为我一共有三个房台状态，分别是“可用台=2”，“已用台=3”，“停用台=4”，所以我就只给三个if，下面是方法：if（RoomStateID ==2）如果房台状态ID等于2，就相当于是可用台，注意，这里刚好符合预定开台的条件，所以就继续给它一个判断if……else，如果预定否Subsuribe在数据库=True if(Subsuribe == "True"){那么接着就$("#FangTaiBiao ul")选中左边装房态图的框框ID里面的ul，这里面的ul就是每个房台框，在css3给好样式大小就OK了，然后最关键的地方来了，$("#FangTaiBiao ul").append（），append是什么呢？样式嵌套，没有这个方法的加载，全部功夫都是徒劳的，继续，'<li align="center" class=" green" ondblclick="check()" id=" " '这里面的 li 就会被通过append方法嵌套进 ul 标签里面，接着让里面的内容居中显示，在给个类“green”，去到css3给颜色即可，在给个双击事件（双击房台可以打开某个功能，拓展吧），最后在给个id=，这里为什么要给id呢，+ Data[i].RoomID + '"><div>'，看出来了吗，它是要通过id去查询数据库的房台内容，从而到达在页面显示出房台号和房台名，既然需要用到房台号和房台名，那么就要继续获取到对应的 RoomNumber 和 RoomName

 + Data[i].RoomNumber + '</div><div>'

+ Data[i].RoomName + '</div>'+ '<span class="YD"></span>' + '</li>')

注意，发现了没，我在结尾的时候给了一个span标签，没错，这里就是那个房台预定保存所添加的房台标识，样式则在css层给好，并附上图片，记得加上no-repeat喔！
最后呢，我想拓展一下，就是当我预定完成之后，右边信息栏里面还有个统计所有预订房，当我预定保存之后，它就会自动显示页面拥有预定标识的房台数量
首先是控制器，创建好方法名称—>声明一个标量—>单表查询—>where一下指定范围where tbRoom.Subsuribe == true—>返回声明的对象

然后转到视图层，来一个post提交方法—>选择到控制器写好的方法"YDRoom"—>然后就是加载事件—>选择到对应的input隐藏框id—>$("#YDroom").val(data);然后就是效果图

看，过程是不是很简单呢？