ssm项目笔记（七）日历设置

日历展示预约信息

画图解析：

1.完善页面

为设置按钮绑定事件

为日历的设置按钮绑定单击事件，当前日期作为参数

1.1预约设置

1.2弹出设置预约按钮并发送ajax请求

完善预约设置handleOrderSet方法，弹出预约设置窗口，用户点击按钮则发送ajax请求

//预约设置
                handleOrderSet(day){
                    this.$prompt('请输入可预约人数', '预约设置', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        inputPattern: /^[0-9]*[1-9][0-9]*$/,
                        inputErrorMessage: '只能输入正整数'
                    }).then(({ value }) => {
                        //发送ajax请求根据日期修改可预约人数
                        axios.post("/ordersetting/editNumberByDate.do",{
                            orderDate:this.formatDate(day.getFullYear(),day.getMonth()+1,day.getDate()), //日期
                            number:value   //可预约人数
                        }).then((response)=>{
                            if(response.data.flag){
                                this.initData(this.formatDate(day.getFullYear(), day.getMonth() + 1, 1));
                                this.$message({
                                    type: 'success',
                                    message: response.data.message
                                });
                            }else{
                                this.$message.error(response.data.message);
                            }
                        });
                    }).catch(() => {
                        this.$message({
                            type: 'info',
                            message: '已取消'
                        });
                    });
                },

后端数据

1.3Controller

1.4服务接口

1.5服务实现类

1.6映射器Dao层

1.7Mapper映射文件