cz_health_day08

项目一第8天

项目需求

• 进行体检预约，预约需要展示套餐信息，手机号要进行验证，获取验证码需要实现倒计时绑定
• 预约成功要展示体检套餐，预约时间，预约用户等

1、体检预约

• 套餐详情页面点击预约按钮，进入预约页面，套餐页面显示套餐信息，以及用户需要填写 的信息
• 发送验证码，后端接收信息，通过阿里云短信服务，向手机号发送验证码，并将信息存入redis中，进行失效时间设置
• 提交预约信息，后端接收预约消息，进行判断 验证码与存入redis中的验证码是不是一致的，不一致返回预约失败
• 检查预约日期是否已经提前进行了预约设置，如果没有则预约失败
• 检查用户所选择的预约日期是否已经约满，如果约满则无法预约
• 检查用户是否重复预约（同一用户一天只能预约同一个套餐），如果重复预约则无法预约
• 检查当前用户是否为会员，如果是会员则直接完成预约，不是会员则进行会员注册（直接注册）
• 预约成功后，更新当日的已预约人数

2、预约成功后跳转至预约成功

• 通过传递的预约id，通过页面加载的狗仔函数，异步发送消息至后端，获取信息
• 由于order的封装对象与页面要求的数据不一样，所以封装新的类 vo（用于数据传输）或者直接map对象接收
• 通过内置连接查询获得需要的对象，返回至前端

前端代码

<script>
    var vue = new Vue({
        el: '#app',
        data: {
            setmeal: {},//套餐信息
            orderInfo: {
                setmealId: id,
                sex: '1'
            }//预约信息
        },
        methods: {
            //发送验证码
            sendValidateCode() {
                //获取用户手机号
                let telephone = this.orderInfo.telephone;
                //手机号校验，成功
                if (checkTelephone(telephone)) {
                    //获取按钮的dom对象
                    validateCodeButton = $("#validateCodeButton")[0];
                    clock = window.setInterval(doLoop, 300);//定时器方法，可以实现每隔指定的时间调用指定的方法

                    //发送ajax请求，发送验证码
                    axios.get("/validateCode/send4Order.do?telephone=" + telephone).then((res) => {
                        if (!res.data.flag) {
                        this.$message.error(res.data.message)
                    }
                })
                } else {//校验失败
                    this.$message.error("请输入正确的手机号");
                    return false;
                }
            },
            //提交预约
            submitOrder() {
                //省份证校验。验证码不能为空校验
                let idCard = this.orderInfo.idCard;
                if (this.orderInfo.validateCode == null) {
                    this.$message.error("验证码不能为空");
                    return false;
                }
                if (!checkIdCard(idCard)) {
                    this.$message.error("身份证号码输入错误，请重新输入");
                    return false;
                }
                axios.post("/order/submit.do?",this.orderInfo).then((res)=>{
                    if (res.data.flag){
                        window.location.href="orderSuccess.html?orderId=" + res.data.data;
                    }else {
                        this.message.error(res.data.message)
                    }
                })
            }
        },
        mounted() {
            //发送ajax请求，根据套餐ID查询套餐详细信息（包括套餐基本信息、套餐包含的检查组、检查组包含的检查项）
            axios.post("/setmeal/findById.do?id=" + id).then((res) => {
                if (res.data.flag) {
                    this.setmeal = res.data.data;
                }
            });
        }
    });
</script>
<script>
    //日期控件
    var calendar = new datePicker();
    calendar.init({
        'trigger': '.picktime',/*按钮选择器，用于触发弹出插件*/
        'type': 'date',/*模式：date日期；datetime日期时间；time时间；ym年月；*/
        'minDate': getSpecifiedDate(new Date(), 1),/*最小日期*/
        'maxDate': getSpecifiedDate(new Date(), 30),/*最大日期*/
        'onSubmit': function () { /*确认时触发事件*/
            //var theSelectData = calendar.value;
        },
        'onClose': function () { /*取消时触发事件*/
        }
    });
</script>

后端代码一

 @RequestMapping("/submit")
    public Result submit(@RequestBody Map map) {
        /*1. 从Redis中获取保存的验证码
         2. 将用户输入的验证码和Redis中保存的验证码进行比对
         3. 如果比对成功，调用服务完成预约业务处理
         3.1 预约成功，可以为用户发送短信
         3.2 如果比对不成功，返回结果给页面 */

        Jedis resource = jedisPool.getResource();
        String telephone = (String) map.get("telephone");
        //获取存储在redis中的验证码
        String validateCodeInRedis = resource.get(telephone + RedisMessageConstant.SENDTYPE_ORDER);
        //获取存储的验证码
        String validateCode = (String) map.get("validateCode");

        //判断验证码是否相等
        if (validateCodeInRedis != null && validateCodeInRedis.equals(validateCode)) {

            try {
                //添加预约类型
                map.put("orderType", Order.ORDERTYPE_WEIXIN);
                Result result = orderService.order(map);
                //预约成功发送短信给用户
                if (result.isFlag()) {
                    SMSUtils.sendShortMessage(SMSUtils.ORDER_NOTICE, telephone, (String) map.get("orderDate"));
                }
                return result;
            } catch (Exception e) {
                e.printStackTrace();
                return new Result(false, MessageConstant.ORDERSETTING_FAIL);
            } finally {
                resource.close();
            }

        } else {
            resource.close();
            return new Result(false, MessageConstant.VALIDATECODE_ERROR);
        }

    }



//service
/**
     * 进行预约设置
     *
     * @param map 存的是预约信息
     * @return 返回值是Result结果信息
     * @throws Exception 抛出异常
     */
    public Result order(Map map) throws Exception {
       /* 1、检查用户所选择的预约日期是否已经提前进行了预约设置，如果没有设置则无法进行预约
        2、检查用户所选择的预约日期是否已经约满，如果已经约满则无法预约
        3、检查用户是否重复预约（同一个用户在同一天预约了同一个套餐），如果是重复预约则无法完成再次预约
        4、检查当前用户是否为会员，如果是会员则直接完成预约，如果不是会员则自动完成注册并进行预约
        5、预约成功，更新当日的已预约人数*/
        //获取预约日期
        String orderDate = (String) map.get("orderDate");
        //获取date类型的预约日期
        Date date = DateUtils.parseString2Date(orderDate);
        //查询日期能否进行预约
        OrderSetting orderSetting = orderSettingDao.findByOrderDate(date);
        if (orderSetting == null) {
            return new Result(false, MessageConstant.SELECTED_DATE_CANNOT_ORDER);
        }

        //获取设置的预约人数
        int number = orderSetting.getNumber();
        //获取已经预约人数
        int reservations = orderSetting.getReservations();
        //如果预约人数等于预约设置的人数，预约失败
        if (number <= reservations) {
            return new Result(false, MessageConstant.ORDER_FULL);
        }

        String telephone = (String) map.get("telephone");
        //根据手机号查找会员
        Member member = memberDao.findByTelephone(telephone);

        if (member == null) {//如果用户没有，则注册用户并进行预约
            //注册会员
            member = new Member();
            member.setName((String) map.get("name"));
            member.setPhoneNumber(telephone);
            member.setIdCard((String) map.get("idCard"));
            member.setSex((String) map.get("sex"));
            member.setRegTime(new Date());

            memberDao.add(member);

        } else {//如果有会员

            Order order = new Order();
            order.setMemberId(member.getId());
            order.setOrderDate(date);
            order.setSetmealId(Integer.parseInt((String) map.get("setmealId")));
            //查询是否有相同的订单
            List<Order> list = orderDao.findByCondition(order);
            if (list != null && list.size() > 0){//重复预约，预约失败
                return new Result(false,MessageConstant.HAS_ORDERED);
            }
        }

  //添加预约
    Order order = new Order();
    order.setMemberId(member.getId());
    order.setOrderDate(date);
    order.setOrderType((String) map.get("orderType"));
    order.setOrderStatus(Order.ORDERSTATUS_NO);//到诊状态

    orderDao.add(order);
    //进行预约设置的人数+1
    orderSetting.setReservations(orderSetting.getReservations() + 1);
    orderSettingDao.editReservationsByOrderDate(orderSetting);
    return new Result(true,MessageConstant.ORDER_SUCCESS,order.getId());
}

后端代码二

/**
     * 查询预约信息
     * @param id 预约的id
     * @return 返回预约信息
     * @throws Exception 异常就抛，完事
     */
    public Map findById(Integer id) throws Exception {

        Map map = orderDao.findById4Detail(id);
        if (map!=null){
            Date orderDate = (Date) map.get("orderDate");
            map.put("orderDate",DateUtils.parseDate2String(orderDate));
        }
        return map;
    }


 <select id="findById4Detail" parameterType="Integer" resultType="java.util.Map">
            select m.name  member ,s.name  setmeal,o.orderDate  orderDate,o.orderType  orderType
                from
                    t_order o,
                    t_member m,
                    t_setmeal s
                where o.member_id=m.id and o.setmeal_id=s.id and o.id=#{id}
    </select>