• layui数据表格-通过点击按钮使数据表格中的字段值增加


     

     

     

     

     

     

     

     

     

     

     

    通过点击右侧相对应的操作按钮,对迟到、休假次数实现自增效果

    jsp页面代码

    //监听行工具事件
            table.on('tool(test)', function(obj){
                var data = obj.data;
                if(obj.event === 'qj') {
                    data.qjNumber+=1;//获取请假字段的值并在按钮点击时的休假次数+1
                    //携带休假字段自增后的值和id转成json数据传到后台controller
                    $.get('${pageContext.request.contextPath}/staff/updateQjNumber',{"qjNumber":data.qjNumber,"id":data.id},function (result){
                        if (result.code == 200){
                            showTable();//重载表格
                            layer.msg(result.msg,{icon:1});//成功
                        }else{
                            showTable();//重载表格
                            layer.msg(result.msg,{icon:5});//失败
                        }
                    },'json');
                }else if(obj.event === 'late'){
                    data.lateNumber+=1;//获取迟到字段的值并在按钮点击时的迟到次数+1
                    //携带迟到字段自增后的值和id转成json数据传到后台controller
                        $.get('${pageContext.request.contextPath}/staff/updateLateNumber',{"lateNumber":data.lateNumber,"id":data.id},function (result){
                            if (result.code == 200){
                                showTable();//重载表格
                                layer.msg(result.msg,{icon:1});//成功
                            }else{
                                showTable();
                                layer.msg(result.msg,{icon:5});//失败
                            }
                        },'json')
                }
            });

    dao层

    /**
         * 根据id修改考勤迟到、休假次数
         */
        int updateLateNumber(Integer lateNumber,Integer id);
        int updateQjNumber(Integer qjNumber,Integer id);

    impl实现层

    /**
         * 根据id修改迟到次数
         * @return
         */
        @Override
        public int updateLateNumber(Integer lateNumber,Integer id) {
            String sql = "update t_staff set lateNumber=? where id=?";
            int update = JDBCUtil.update(sql, lateNumber,id);
            return update;
        }
    
        /**
         * 根据id修改休假次数
         * @param qjNumber
         * @param id
         * @return
         */
        @Override
        public int updateQjNumber(Integer qjNumber,Integer id) {
            String sql = "update t_staff set qjNumber=? where id=?";
            int update = JDBCUtil.update(sql, qjNumber,id);
            return update;
        }

    controller层

     /**
         * 修改迟到次数
         * @param staff
         * @return
         */
        @RequestMapping("/updateLateNumber")
        public Map updateLateNumber(Staff staff){
            System.out.println(staff.getLateNumber());//前台传过来的迟到次数值
            int i = staffDao.updateLateNumber(staff.getLateNumber(), staff.getId());
            HashMap<Object, Object> map = new HashMap<>();
            if (i>0) {
                map.put("code","200");
                map.put("msg", "成功");
            }else {
                map.put("code","300");
                map.put("msg", "失败");
            }
            return map;
        }
    
        /**
         * 修改休假次数
         * @param staff
         * @return
         */
        @RequestMapping("/updateQjNumber")
        public Map updateQjNumber(Staff staff){
            int i = staffDao.updateQjNumber(staff.getQjNumber(), staff.getId());
            HashMap<Object, Object> map = new HashMap<>();
            if (i>0) {
                map.put("code","200");
                map.put("msg", "成功");
            }else {
                map.put("code","300");
                map.put("msg", "失败");
            }
            return map;
        }
  • 相关阅读:
    AccessTokenValidation3 源码分析 jwttoken验证流程图
    .net core dump分析
    9102年了,汇总下HttpClient问题,封印一个
    Asp.net 性能监控之压测接口“卡住” 分析
    IdentityServer4源码颁发token分析及性能优化
    博客园设置看板娘和看板猫
    C# winform websocket学习笔记(三)HTML客户端
    C# winform websocket学习笔记(三)winform客户端
    C# winform websocket学习笔记(二)winform服务端
    C# winform websocket学习笔记(一)准备
  • 原文地址:https://www.cnblogs.com/axinga/p/fu-yaxing.html
Copyright © 2020-2023  润新知