结合仿造美团民宿和爱彼迎的微信小程序

结合仿造美团民宿和爱彼迎的微信小程序

      前段时间参考美团民宿和爱彼迎做了一个预订民宿的微信小程序，使用微信小程序原生开发和weui框架，主要实现了用户预订民宿功能。包括民宿查看、条件检索、浏览历史、客服聊天、与房东聊天、评价敏感词过滤、腾讯地图接入等。需要注意的是，该项目只是测试项目，还未上线，所以在进入项目时便要求用户授权，这个是不合微信小程序要求的，会被打回来，需要的话自己修改。大概思路是将home界面设为主界面和初始界面，只有在进入我的信息、订单、地址或者租房等需要个人信息时再判断cookie以及后台的链接情况，判断是否调用index界面来进行授权，授权后返回上一界面。

      大概的界面如下：
一、首页：
      进入主界面后在界面上面是轮播广告，下面是民宿查询组件和民宿推荐视图。底边栏是小程序的主要板块。分别是首页、收藏页、消息页和我的板块。


二、查询民宿：
      小程序端引用腾讯地图SDK，实现用户经纬度坐标定位并获取当前位置的地理信息，实现用户定位操作。在用户点击查询组件后，可以调用腾讯地图界面进行地图选点，并将获取到的经纬度信息、地址文字信息存入cookie，结合用户筛选的价格区间、地址区间与关键字，调用请求接口，进行post请求发送至后台，后台进行数据匹配后以json格式将数据发送至小程序端。小程序端接收数据后以wx:for方式循环进行界面展示。




三、订单状态转变与区分：
      用户进行预订民宿后，会生成相应的预订订单，预定订单一共包括未支付、已支付、用户取消、商家取消、已完成、已评价等状态。在用户进行支付、取消、评论等操作、商家进行取消操作之后将订单状态分别转换至指定状态。此外，小程序端进入订单详情界面时，根据订单预订房源的开始时间与当前时间进行判断，对界面控件进行显示和隐藏。比如在订单开始2小时内，隐藏取消预订按钮，不允许用户取消预订房源。对完成的房源进行评价按钮显示，评价成功后进行评价按钮隐藏、评价详情显示。针对数据库内预定开始时间小于当前时间的订单，系统自动转换为已完成转态。

四、聊天功能：
      用户可以点击咨询客服按钮实现调用微信的客服聊天功能。在民宿界面内点击联系房东可以实现与房东的一对一聊天咨询操作。这里的聊天本来应该用云函数和云数据库比较好。

      大概的界面和介绍就这些了，代码在这里：

      下载代码