小程序如何实现电影票车票选座功能

小程序中有些场景需要用到选座功能，用户可以选择指定的位置并绑定用户数据，

要想实现这个功能需要以下步骤：

1.构建一个座位场景，并且在每个座位上绑定相应的坐标数据

比如：

INSERT INTO seats (id, movie_hall_id, row, col) VALUES (1, 1, 1, 1);
INSERT INTO seats (id, movie_hall_id, row, col) VALUES (2, 1, 1, 2);
INSERT INTO seats (id, movie_hall_id, row, col) VALUES (3, 1, 2, 1);
INSERT INTO seats (id, movie_hall_id, row, col) VALUES (4, 1, 2, 2);

转化成小程序collection集合中时可以添加类似于经纬度的一个坐标值（row，col）几排几列即可

2.在前端的wxml中可以设置一个空闲、已预定状态切换的座位icon，之后遍历座位数组data。

3.在用户选择并确认的时候向数据库提及用户信息，时间戳timeStam以及座位数据，onload时获取并判断相应的状态。

seatColor(status) {
    switch (status) {
      case "available":
        return "green";
      case "selected":
        return "blue";
      case "unavailable":
        return "gray";
      default:
        return "gray";
    }

4.遍历用户数据，同步wxml中的座位数组，只要座位数组坐标和初始设定data中坐标唯一对应即可。