```...简单点
```...简单点

layui table 表格模板按钮实例

 这是个是全部的jsp 页面:


<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<html>
<link rel="icon" href="../../../static/images/favicon.png">
<title>会员列表title>
<link type="text/css" rel="stylesheet" href="../../../static/layui/css/layui.css">
<style type="text/css">
    body {
        height: 100%;
        width: 100%;
        /*overflow: hidden;*/
        background-size: cover;
        margin: 0 auto;
    }

    .body_bg {
        /*height: 1000px;;*/
        text-align: center;
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .t_title {
        height: 65px;
        font-size: 20px;
        display: block;
        /*padding: 10px;*/
        text-align: left;
    }

    .t_test {
        background-color: white;
        width: 100%;

    }

    .table_scroll {
        height: 505px;
        overflow-y: auto;
    }

    td {
        font-size: 12px !important;
    }

    .layui-form-checkbox span {
        height: 30px;
    }

    .layui-field-title {
        border-top: 1px solid white;
    }

    table {
        width: 100% !important;
    }

style>
<body>
<div class="body_bg">
    
    <div class="t_title">
        <fieldset class="layui-elem-field layui-field-title">
            <blockquote class="layui-elem-quote">
                <legend>会员列表legend>
            blockquote>
        fieldset>
    div>
    <div class="t_test">
        
        <div class="layui-form-item">
            
            <div style="padding-bottom: 10px; width:100%;height:40px">
               <%-- <div class="layui-input-inline" style="width: 149px">
                    <button class="layui-btn" id="addLeaguerInfoCustom ">
                        <i class="layui-icon" style="font-size: 20px; ">&#xe608;i> 添加自定义会员
                    button>
                div>--%>
                <div class="layui-input-inline" style="width: 147px;">
                    <button class="layui-btn" id="addLeaguerInfoSpecial">
                        <i class="layui-icon" style="font-size: 20px; ">i> 添加特殊会员
                    button>
                div>

            div>
            
            <form class="layui-form">
                
                   <div class="layui-input-inline">
                       <input type="tel" name="searContent" autocomplete="off"
                              placeholder="姓名/手机号" class="layui-input">
                   div>
               form>
               <div class="layui-input-inline " style="width: 90px">
                   <button class="layui-btn" id="searchEmailCompany" data-type="reload">
                       <i class="layui-icon" style="font-size: 20px; ">i> 搜索
                   button>
               div>
           div>
           
        <hr class="layui-bg-blue">
        
        <div class="yys-fluid yys-wrapper">
            <div class="layui-row lay-col-space20">
                <div class="layui-cos-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                    <section class="yys-body animated rotateInDownLeft">
                        <div class="yys-body-content clearfix changepwd">
                            <div class="layui-col-lg12 layui-col-md10 layui-col-sm12 layui-col-xs12" style="width:100%">
                                <div class="user-tables">
                                    <table id="userTables" lay-filter="userTables">table>
                                div>
                            div>
                        div>
                    section>
                div>
            div>
        div>
    div>
div>
<script type="application/javascript" src="../../../static/layui/layui.all.js">script>
<script type="text/html" id="userbar">
    <a class="layui-btn  layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="change">修改</a>
    {{#
    var statusBut= function(date){
    if(date==0){
    return '禁用';
    }else if(date==1){
    return'启用';
    }
    }
    }}
    {{ statusBut(d.status)}}
    <a class="layui-btn layui-btn-xs" lay-event="recharge">充值</a>
script>
<script type="text/html" id="TimeTpl">
    {{#
    var parseDate= function(date){
    if(date){
    var t=new Date(date);
    return t.getFullYear()+"-"+(t.getMonth()+1)+"-"+t.getDate()+" "+t.getHours()+":"+t.getMinutes();
    }
    }
    }}
    {{parseDate(d.updateTime)}}
script>
<script type="text/html" id="statusTpl">
    {{#
    var statusTxt= function(date){
    if(date==0){
    return "正常";
    }else if(date==1){
    return '
    禁用';
    }
    }
    }}
    {{ statusTxt(d.status)}}
script>
<script>
    var $ = null;
    layui.use(["jquery", "upload", "form", "table", "layer", "element", "laydate"], function () {
        $ = layui.jquery;
        var element = layui.element,
            layer = layui.layer,
            upload = layui.upload,
            form = layui.form,
            laydate = layui.laydate,
            table = layui.table;
        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });

        //添加自定义会员
        $("#addLeaguerInfoCustom").click(function () {
            var roleHtml = '';
            $.post('${pageContext.request.contextPath}/leaguer/getRoleList', {}, function (data) {
                if (data.code == 200) {
                    console.log(data.body)
                    $.each(data.body, function (i, role) {
                        console.log(role)
                        roleHtml = roleHtml + ' + role.id + '">' + role.title + '';
                    })
                    layer.open({
                        title: '添加普通会员',
                        type: 1,
                        area: ['700px', '450px'],
                        offset: ['50px', '250px'],
                        content: '
注意事项: 请填写相关的数据信息! 
' +
                        '
 ' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +

                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '
',
                        btnAlign: 'c',
                        btn: ['确定', '取消'],
                        yes: function (index, layero) {
                            var str = $("input[name=isIndividual]").val();
                            if (str == "on") {
                                str = "1";
                            } else {
                                str = "0";
                            }
                            if ($("input[name=leaguerName]").val() == null || $("input[name=leaguerName]").val() == "") {
                                layer.msg('请输入姓名', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6
                                }, function () {
                                    $("input[name=leaguerName]").focus();
                                });
                                return false;
                            } else if ($("select[name=roleId]").val() == null || $("select[name=roleId]").val() == "") {
                                layer.msg('请选择角色', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6
                                }, function () {
                                    $("input[name=roleId]").focus();
                                });
                                return false;
                            } else if ($("input[name=leaguerPhone]").val() == null || $("input[name=leaguerPhone]").val() == "") {
                                layer.msg('请输入手机号', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6
                                }, function () {
                                    $("input[name=leaguerPhone]").focus();
                                });
                                return false;
                            } else if ($("input[name=servicePhone]").val() == null || $("input[name=servicePhone]").val() == "") {
                                layer.msg('请输入客服电话', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6
                                }, function () {
                                    $("input[name=servicePhone]").focus();
                                });
                                return false;
                            } else if ($("input[name=company]").val() == null || $("input[name=company]").val() == "") {
                                layer.msg('请输入企业名称', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6
                                }, function () {
                                    $("input[name=company]").focus();
                                });
                                return false;
                            }
//                                else if ($("input[name=logoUrl]").val() == null || $("input[name=logoUrl]").val() == "") {
//                                    layer.msg('请上传logo', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () {
//                                        $("input[name=logoUrl]").focus();
//                                    });
//                                    return false;
//                                }


                            var formData = {
                                leaguerName: $("input[name=leaguerName]").val(),
                                roleId: $("select[name=roleId]").val(),
                                leaguerPhone: $("input[name=leaguerPhone]").val(),
                                servicePhone: $("input[name=servicePhone]").val(),
                                company: $("input[name=company]").val(),
                                logoUrl: $("input[name=logoUrl]").val()
                            };
                            console.log(formData);
                            $.post('${pageContext.request.contextPath}/leaguer/addLeaguerCustom', formData, function (data) {
                                //判断是否发送成功
                                if (data.code == 200) {
                                    layer.msg(data.message);
                                    layer.close(index);
                                    parent.document.getElementById('my_iframe').contentWindow.location.reload(true);
                                } else {
                                    layer.msg("保存失败...", {type: 1});
                                }
                            })
                        }, btn2: function (index, layero) {
                            layer.msg("取消");
                            //return false 开启该代码可禁止点击该按钮关闭
                        }, cancel: function () {
                            layer.msg("关闭窗口");
                            //右上角关闭回调
                            //return false 开启该代码可禁止点击该按钮关闭
                        },
                        success: function () {
                            layui.use('form', function () {
                                var form = layui.form; //只有执行了这一步，部分表单元素才会修饰成功
                                form.render('checkbox');
                                form.render('select');
                                form.on('checkbox(istrue)', function (data) {
                                    /* if(data.elem.checked){
                                     emailConfig['isenterprise']=1;
                                     }; //是否被选中，true或者false*/
                                });
                                //普通图片上传
                                var uploadInst = upload.render({
                                    elem: '#logn_upload'
                                    , url: '/leaguer/upload/headImg'
                                    , before: function (obj) {
                                        //预读本地文件示例，不支持ie8
                                        obj.preview(function (index, file, result) {
                                            $('#demo1').attr('src', result); //图片链接（base64）
                                        });
                                    }
                                    , done: function (res) {
                                        //如果上传失败
                                        if (res.code > 0) {
                                            return layer.msg('上传失败');
                                        }
                                        if (res.code == 0) {
                                            $("input[name=logoUrl]").val(res.data.src);
                                            //do something （比如将res返回的图片链接保存到表单的隐藏域）
                                        }
                                        //上传成功
                                    }
                                    , error: function () {
                                        //演示失败状态，并实现重传
                                        var demoText = $('#demoText');
                                        demoText.html('上传失败 重试');
                                        demoText.find('.demo-reload').on('click', function () {
                                            uploadInst.upload();
                                        });
                                    }
                                });
                                element.init();
                            });
                        }
                    });

                } else {
                    layer.msg("获取角色失败...", {type: 1});
                }
            })
            return;
        })

        //添加特殊会员
        $("#addLeaguerInfoSpecial").click(function () {
            var roleHtml = '';
            $.post('${pageContext.request.contextPath}/leaguer/getRoleList', {}, function (data) {
                if (data.code == 200) {
                    console.log(data.body)
                    $.each(data.body, function (i, role) {
                        console.log(role)
                        if (role.id !=1) {
                            roleHtml = roleHtml + ' + role.id + '">' + role.title + '';
                        }
                    })
                    layer.open({
                        title: '添加特殊会员',
                        type: 1,
                        area: ['700px', '450px'],
                        offset: ['50px', '250px'],
                        content: '
注意事项: 请填写相关的数据信息! 
' +
                        '
 ' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +

                        '
' +
                        '
' +
                        '' +
                        '
' +
//                '' +

                        '
' +
                        ' ' +
                        ' 
' +
                        ' ' +
                        '
' +
                        ' 
' +
                        ' 
' +
                        '' +
                        '
' +
                        '
' +
                        '
',
                        btnAlign: 'c',
                        btn: ['确定', '取消'],
                        yes: function (index, layero) {
                            var str = $("input[name=isIndividual]").val();
                            if (str == "on") {
                                str = "1";
                            } else {
                                str = "0";
                            }
                            if ($("input[name=leaguerName]").val() == null || $("input[name=leaguerName]").val() == "") {
                                layer.msg('请输入姓名', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6,
                                }, function () {
                                    $("input[name=leaguerName]").focus();
                                });
                                return false;
                            } else if ($("select[name=roleId]").val() == null || $("select[name=roleId]").val() == "") {
                                layer.msg('请选择角色', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6,
                                }, function () {
                                    $("input[name=roleId]").focus();
                                });
                                return false;
                            } else if ($("input[name=leaguerPhone]").val() == null || $("input[name=leaguerPhone]").val() == "") {
                                layer.msg('请输入手机号', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6,
                                }, function () {
                                    $("input[name=leaguerPhone]").focus();
                                });
                                return false;
                            } else if ($("input[name=servicePhone]").val() == null || $("input[name=servicePhone]").val() == "") {
                                layer.msg('请输入客服电话', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6,
                                }, function () {
                                    $("input[name=servicePhone]").focus();
                                });
                                return false;
                            } else if ($("input[name=company]").val() == null || $("input[name=company]").val() == "") {
                                layer.msg('请输入企业名称', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6,
                                }, function () {
                                    $("input[name=company]").focus();
                                });
                                return false;
                            }

                            var formData = {
                                leaguerName: $("input[name=leaguerName]").val(),
                                roleId: $("select[name=roleId]").val(),
                                leaguerPhone: $("input[name=leaguerPhone]").val(),
                                servicePhone: $("input[name=servicePhone]").val(),
                                company: $("input[name=company]").val(),
                                logoUrl: $("input[name=logoUrl]").val()
                            };
                            console.log(formData);
                            $.post('${pageContext.request.contextPath}/leaguer/addLeaguerSpecial', formData, function (data) {
                                //判断是否发送成功
                                if (data.code == 200) {
                                    layer.msg(data.message);
                                    layer.close(index);
                                    parent.document.getElementById('my_iframe').contentWindow.location.reload(true);
                                } else {
                                    layer.msg("保存失败...", {type: 1});
                                }
                            })
                        }, btn2: function (index, layero) {
                            layer.msg("取消");
                            //return false 开启该代码可禁止点击该按钮关闭
                        }, cancel: function () {
                            layer.msg("关闭窗口");
                            //右上角关闭回调
                            //return false 开启该代码可禁止点击该按钮关闭
                        },
                        success: function () {
                            layui.use('form', function () {
                                var form = layui.form; //只有执行了这一步，部分表单元素才会修饰成功
                                form.render('checkbox');
                                form.render('select');
                                form.on('checkbox(istrue)', function (data) {
                                    /* if(data.elem.checked){
                                     emailConfig['isenterprise']=1;
                                     }; //是否被选中，true或者false*/
                                });
                                //普通图片上传
                                var uploadInst = upload.render({
                                    elem: '#logn_upload'
                                    , url: '/leaguer/upload/headImg'
                                    , before: function (obj) {
                                        //预读本地文件示例，不支持ie8
                                        obj.preview(function (index, file, result) {
                                            $('#demo1').attr('src', result); //图片链接（base64）
                                        });
                                    }
                                    , done: function (res) {
                                        //如果上传失败
                                        if (res.code > 0) {
                                            return layer.msg('上传失败');
                                        }
                                        if (res.code == 0) {
                                            $("input[name=logoUrl]").val(res.data.src);
                                            //do something （比如将res返回的图片链接保存到表单的隐藏域）
                                        }
                                        //上传成功
                                    }
                                    , error: function () {
                                        //演示失败状态，并实现重传
                                        var demoText = $('#demoText');
                                        demoText.html('上传失败 重试');
                                        demoText.find('.demo-reload').on('click', function () {
                                            uploadInst.upload();
                                        });
                                    }
                                });
                                element.init();
                            });
                        }
                    });

                } else {
                    layer.msg("获取角色失败...", {type: 1});
                }
            })
            return;
        })



        //表格加载
        var a = table.render({
            elem: "#userTables",
            skin: 'line', //行边框风格
            cols: [[
//                {checkbox: false, width: 60, fixed: true},
                {type: 'numbers', title: '序号', width: '30'},
                {
                    field: "leaguerName",
                    width: 90,
                    title: "姓名",
                    align: "left"
                },
                {
                    field: "leaguerPhone",
                    width: 130,
                    title: "手机号",
                    align: "left"
                },
                {
                    field: "balanceMoney",
                    width: 100,
                    title: "余额(元)",
                    align: "left"
                },
                {
                    field: "company",
                    width: 120,
                    title: "公司名称",
                    align: "left"
                },
                {
                    field: "status",
                    width: 60,
                    title: "状态",
                    align: "left",
                    templet: '#statusTpl'
                },
                {
                    field: "title",
                    width: 120,
                    title: "角色",
                    align: "left"
                },
                {
                    field: "updateTime",
                    width: 140,
                    title: "更新时间",
                    align: "left",
                    templet: '#TimeTpl'
                },
                {
                    title: "常用操作",
                    width: 200,
                    align: "left",
                    toolbar: "#userbar",
                    fixed: "right"
                }
            ]],
            url: "/leaguer/getLeaguerInfoList?t="+new Date(),
//          data: userData,
            page: { //分页设定
                layout: ['count', 'prev', 'page', 'next'] //自定义分页布局
                , curr: 1 //设定初始在第 1 页
                , limit: 10//每页多少数据
                , groups: 5 //只显示 5 个连续页码
            },
            even: true
        });

        //表格按钮监听
        table.on("tool(userTables)", function (e) {
            var leaguerDate = e.data;
//            console.log(leaguerDate);
            if (e.event === "edit" && leaguerDate.status == 0) {
                var formData = {
                    leaguerId: leaguerDate.leaguerId,
                    status: 1
                };
                $.post('/leaguer/setLeaguerStatus', formData, function (data) {
                    //判断是否发送成功
                    if (data.code == 200) {
                        layer.msg(data.message);
//                        layer.close(index);
                        parent.document.getElementById('my_iframe').contentWindow.location.reload(true);
                    } else {
                        layer.msg(data.message, {type: 1});
                    }
                })
            }
            if (e.event === "edit" && leaguerDate.status == 1) {
                var formData = {
                    leaguerId: leaguerDate.leaguerId,
                    status: 0
                };
                $.post('/leaguer/setLeaguerStatus', formData, function (data) {
                    //判断是否发送成功
                    if (data.code == 200) {
                        layer.msg(data.message);
//                        layer.close(index);
                        parent.document.getElementById('my_iframe').contentWindow.location.reload(true);
                    } else {
                        layer.msg(data.message, {type: 1});
                    }
                })
            }
            if (e.event === "detail") {
                var formData5 = {
                    leaguerId: leaguerDate.leaguerId
                };
                $.post('/leaguer/getLeaguerInfoById', formData5, function (data) {
                    var json = eval(data);
                    var mapDate = data.body;
                    console.log(data);
                    if (data.code == 200) {
                        var leaguer = data.body.leaguer;
                        console.log(data.body)
                        var roleHtml = '';
                        $.each(data.body.roleList, function (i, role) {
                            console.log(role);
                            if (leaguer.roleId == role.id) {
                                roleHtml = roleHtml + ' + role.id + '" selected="">' + role.title + '';
                            } else {
                                if (role.id == 2 || role.id == 3) {
                                    roleHtml = roleHtml + ' + role.id + '">' + role.title + '';
                                }
                            }
                        })

                        layer.open({
                            title: '查看会员',
                            type: 1,
                            area: ['700px', '450px'],
                            offset: ['50px', '250px'],
                            content: '
注意事项: 请填写相关的数据信息! 
' +
                            '
 ' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.leaguerName) + '" disabled="" >' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' +
                            '
' +
                            '
' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.leaguerPhone) + '" disabled="" >' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.servicePhone) + '" disabled="" >' +
                            '
' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.company) + '"  disabled="">' +
                            '
' +
                            '
' +

                            '
' +
                            '
' +
                            '' +
                            '
' +
//                '' +

                            '
' +
//                            ' ' +
                            ' 
' +
                            ' ' + leaguer.logoUrl + '" id="demo1" style=" width: 100px; height: 100px;    margin-bottom: 8px;">' +
                            '
' +
                            ' 
' +
                            ' 
' +
                            '' + leaguer.logoUrl + '" >' +
                            '
' +
                            '
' +
                            '
',
                            btnAlign: 'c',
                            btn: ['确定'],
                            yes: function (index, layero) {
                                layer.close(index);
                            }, btn2: function (index, layero) {
                                layer.msg("取消");
                                //return false 开启该代码可禁止点击该按钮关闭
                            }, cancel: function () {
                                layer.msg("关闭窗口");
                                //右上角关闭回调
                                //return false 开启该代码可禁止点击该按钮关闭
                            },
                            success: function () {
                                layui.use('form', function () {
                                    var form = layui.form; //只有执行了这一步，部分表单元素才会修饰成功
                                    form.render('checkbox');
                                    form.render('select');
                                    form.on('checkbox(istrue)', function (data) {
                                        /* if(data.elem.checked){
                                         emailConfig['isenterprise']=1;
                                         }; //是否被选中，true或者false*/
                                    });
                                    //普通图片上传
                                    var uploadInst = upload.render({
                                        elem: '#logn_upload'
                                        , url: '/leaguer/upload/headImg'
                                        , before: function (obj) {
                                            //预读本地文件示例，不支持ie8
                                            obj.preview(function (index, file, result) {
                                                $('#demo1').attr('src', result); //图片链接（base64）
                                            });
                                        }
                                        , done: function (res) {
                                            //如果上传失败
                                            if (res.code > 0) {
                                                return layer.msg('上传失败');
                                            }
                                            if (res.code == 0) {
                                                $("input[name=logoUrl]").val(res.data.src);
                                                //do something （比如将res返回的图片链接保存到表单的隐藏域）
                                            }
                                            //上传成功

                                        }
                                        , error: function () {
                                            //演示失败状态，并实现重传
                                            var demoText = $('#demoText');
                                            demoText.html('上传失败 重试');
                                            demoText.find('.demo-reload').on('click', function () {
                                                uploadInst.upload();
                                            });
                                        }
                                    });
                                    element.init();
                                });
                            }
                        });
                    } else {
                        layer.open({
                            title: "查询数据失败"
                            , content: "查询数据失败"
                            , time: 20000
                        });
                    }
                });
            }
            if (e.event === "change") {
                var formData4 = {
                    leaguerId: leaguerDate.leaguerId
                };
                $.post('/leaguer/getLeaguerInfoById', formData4, function (data) {
                    var json = eval(data);
                    var mapDate = data.body;
                    console.log(data);
                    if (data.code == 200) {
                        var leaguer = data.body.leaguer;
                        console.log(data.body)
                        var roleHtml = '';
                        $.each(data.body.roleList, function (i, role) {
                            console.log(role);
                            if (leaguer.roleId == role.id) {
                                roleHtml = roleHtml + ' + role.id + '" selected="">' + role.title + '';
                            } else {
                                if (role.id == 2 || role.id == 3) {
                                    roleHtml = roleHtml + ' + role.id + '">' + role.title + '';
                                }
                            }
                        })

                        layer.open({
                            title: '修改会员',
                            type: 1,
                            area: ['700px', '450px'],
                            offset: ['50px', '250px'],
                            content: '
注意事项: 请填写相关的数据信息! 
' +
                            '
 ' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.leaguerName) + '" >' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' +
                            '
' +
                            '
' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.leaguerPhone) + '" >' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.servicePhone) + '" >' +
                            '
' +
                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '' + undefined_data(leaguer.company) + '" >' +
                            '
' +
                            '
' +

                            '
' +
                            '
' +
                            '' +
                            '
' +
                            '
' +
                            ' ' +
                            ' 
' +
                            ' ' + leaguer.logoUrl + '" id="demo1" style=" width: 100px; height: 100px;    margin-bottom: 8px;">' +
                            '
' +
                            ' 
' +
                            ' 
' +
                            '' + leaguer.logoUrl + '" >' +
                            '
' +
                            '
' +
                            '
',
                            btnAlign: 'c',
                            btn: ['保存', '取消'],
                            yes: function (index, layero) {
                                var str = $("input[name=isIndividual]").val();
                                if (str == "on") {
                                    str = "1";
                                } else {
                                    str = "0";
                                }
                                if ($("input[name=leaguerName]").val() == null || $("input[name=leaguerName]").val() == "") {
                                    layer.msg('请输入姓名', {
                                        icon: 5,
                                        time: 2000,
                                        area: '200px',
                                        type: 0,
                                        anim: 6
                                    }, function () {
                                        $("input[name=leaguerName]").focus();
                                    });
                                    return false;
                                } else if ($("select[name=roleId]").val() == null || $("select[name=roleId]").val() == "") {
                                    layer.msg('请选择角色', {
                                        icon: 5,
                                        time: 2000,
                                        area: '200px',
                                        type: 0,
                                        anim: 6
                                    }, function () {
                                        $("input[name=roleId]").focus();
                                    });
                                    return false;
                                } else if ($("input[name=leaguerPhone]").val() == null || $("input[name=leaguerPhone]").val() == "") {
                                    layer.msg('请输入手机号', {
                                        icon: 5,
                                        time: 2000,
                                        area: '200px',
                                        type: 0,
                                        anim: 6
                                    }, function () {
                                        $("input[name=leaguerPhone]").focus();
                                    });
                                    return false;
                                } else if ($("input[name=servicePhone]").val() == null || $("input[name=servicePhone]").val() == "") {
                                    layer.msg('请输入客服电话', {
                                        icon: 5,
                                        time: 2000,
                                        area: '200px',
                                        type: 0,
                                        anim: 6
                                    }, function () {
                                        $("input[name=servicePhone]").focus();
                                    });
                                    return false;
                                } else if ($("input[name=company]").val() == null || $("input[name=company]").val() == "") {
                                    layer.msg('请输入企业名称', {
                                        icon: 5,
                                        time: 2000,
                                        area: '200px',
                                        type: 0,
                                        anim: 6
                                    }, function () {
                                        $("input[name=company]").focus();
                                    });
                                    return false;
                                }
//                                else if ($("input[name=logoUrl]").val() == null || $("input[name=logoUrl]").val() == "") {
//                                    layer.msg('请上传logo', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () {
//                                        $("input[name=logoUrl]").focus();
//                                    });
//                                    return false;
//                                }


                                var formData = {
                                    leaguerId: leaguer.leaguerId,
                                    leaguerName: $("input[name=leaguerName]").val(),
                                    roleId: $("select[name=roleId]").val(),
                                    leaguerPhone: $("input[name=leaguerPhone]").val(),
                                    servicePhone: $("input[name=servicePhone]").val(),
                                    company: $("input[name=company]").val(),
                                    logoUrl: $("input[name=logoUrl]").val()
                                };
                                console.log(formData);
                                $.post('${pageContext.request.contextPath}/leaguer/updateLeaguer', formData, function (data) {
                                    //判断是否发送成功
                                    if (data.code == 200) {
                                        layer.msg(data.message);
                                        layer.close(index);
                                        parent.document.getElementById('my_iframe').contentWindow.location.reload(true);
                                    } else {
                                        layer.msg("保存失败...", {type: 1});
                                    }
                                })
                            }, btn2: function (index, layero) {
                                layer.msg("取消");
                                //return false 开启该代码可禁止点击该按钮关闭
                            }, cancel: function () {
                                layer.msg("关闭窗口");
                                //右上角关闭回调
                                //return false 开启该代码可禁止点击该按钮关闭
                            },
                            success: function () {
                                layui.use('form', function () {
                                    var form = layui.form; //只有执行了这一步，部分表单元素才会修饰成功
                                    form.render('checkbox');
                                    form.render('select');
                                    form.on('checkbox(istrue)', function (data) {
                                        /* if(data.elem.checked){
                                         emailConfig['isenterprise']=1;
                                         }; //是否被选中，true或者false*/
                                    });
                                    //普通图片上传
                                    var uploadInst = upload.render({
                                        elem: '#logn_upload'
                                        , url: '/leaguer/upload/headImg'
                                        , before: function (obj) {
                                            //预读本地文件示例，不支持ie8
                                            obj.preview(function (index, file, result) {
                                                $('#demo1').attr('src', result); //图片链接（base64）
                                            });
                                        }
                                        , done: function (res) {
                                            //如果上传失败
                                            if (res.code > 0) {
                                                return layer.msg('上传失败');
                                            }
                                            if (res.code == 0) {
                                                $("input[name=logoUrl]").val(res.data.src);
                                                //do something （比如将res返回的图片链接保存到表单的隐藏域）
                                            }
                                            //上传成功

                                        }
                                        , error: function () {
                                            //演示失败状态，并实现重传
                                            var demoText = $('#demoText');
                                            demoText.html('上传失败 重试');
                                            demoText.find('.demo-reload').on('click', function () {
                                                uploadInst.upload();
                                            });
                                        }
                                    });
                                    element.init();
                                });
                            }
                        });
                    } else {
                        layer.open({
                            title: "查询数据失败"
                            , content: "查询数据失败"
                            , time: 20000
                        });
                    }
                });
            }
            if (e.event === "recharge") {
                var formData6 = {
                    leaguerId: leaguerDate.leaguerId
                };
                $.post('${pageContext.request.contextPath}/leaguer/getLeaguerInfo', formData6, function (data) {

                    console.log(data);
                    layer.open({
                        title: '充值金额',
                        type: 1,
                        area: ['500px', '350px'],
                        offset: ['50px', '250px'],
                        content: '
注意事项: 请填写相关的数据信息! 
' +
                        '
 ' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' + data.body.leaguerName + '" disabled="">' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' + data.body.leaguerPhone + '" disabled="" >' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' + data.body.balanceMoney + '" disabled="" >' +
                        '
' +
                        '
' +
                        '' +
                        '
' +
                        '' +
                        '
' +
                        '
' +
                        '
',
                        btnAlign: 'c',
                        btn: ['确定', '取消'],
                        yes: function (index, layero) {
                            var str = $("input[name=isIndividual]").val();
                            if (str == "on") {
                                str = "1";
                            } else {
                                str = "0";
                            }
                            if ($("input[name=money]").val() == null || $("input[name=money]").val() == "") {

                                layer.msg('请输入充值金额', {
                                    icon: 5,
                                    time: 2000,
                                    area: '200px',
                                    type: 0,
                                    anim: 6
                                }, function () {
                                    $("input[name=money]").focus();
                                });
                                return false;
                            }
                            var formData9 = {

                                money: $("input[name=money]").val(),
                                leaguerId: leaguerDate.leaguerId
                            };
                            console.log(formData9);
                            $.post('${pageContext.request.contextPath}/leaguer/rechargeMoney', formData9, function (data) {
                                //判断是否发送成功
                                if (data.code == 200) {
                                    layer.msg(data.message);
                                    layer.close(index);
                                    parent.document.getElementById('my_iframe').contentWindow.location.reload(true);
                                } else {
                                    layer.msg("保存失败...", {type: 1});
                                }
                            })
                        }, btn2: function (index, layero) {
                            layer.msg("取消");
                            //return false 开启该代码可禁止点击该按钮关闭
                        }, cancel: function () {
                            layer.msg("关闭窗口");
                            //右上角关闭回调
                            //return false 开启该代码可禁止点击该按钮关闭
                        },
                        success: function () {
                            layui.use('form', function () {
                                var form = layui.form; //只有执行了这一步，部分表单元素才会修饰成功
                                form.render('checkbox');
                                form.render('select');
                                form.on('checkbox(istrue)', function (data) {
                                    /* if(data.elem.checked){
                                     emailConfig['isenterprise']=1;
                                     }; //是否被选中，true或者false*/
                                });
                                //普通图片上传
                                element.init();
                            });
                        }
                    })
                })
            }

        });

        //搜索加载--数据表格重载
        var $ = layui.$, active = {
            reload: function () {
                //执行重载
                table.reload('userTables', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: {
                        searContent: $("input[name=searContent]").val()
                    }
                });
            }
        };
        $('#searchEmailCompany').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        //初始化加载
        element.init();

        //数据表格数据undefined 替换
        function undefined_data(data) {
            if (data == undefined || data == 'undefined' || data == null || data == "null") {
                return "";
            } else {
                return data;
            }
        }
    });


script>
body>
html>

 

 效果图:

整体效果

layui table 表格模板按钮实例_第1张图片

搜索页:

layui table 表格模板按钮实例_第2张图片

 

添加特殊会员页:

 layui table 表格模板按钮实例_第3张图片

充值金额页:

layui table 表格模板按钮实例_第4张图片

禁用效果:

layui table 表格模板按钮实例_第5张图片

查看会员页:

layui table 表格模板按钮实例_第6张图片

 

 

你可能感兴趣的:(layui table 表格模板按钮实例)

  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • linux中sdl的使用教程,sdl使用入门 Melissa Corvinus linux中sdl的使用教程
    本文通过一个简单示例讲解SDL的基本使用流程。示例中展示一个窗口，窗口里面有个随机颜色快随机移动。当我们鼠标点击关闭按钮时间窗口关闭。基本步骤如下：1.初始化SDL并创建一个窗口。SDL_Init()初始化SDL_CreateWindow()创建窗口2.纹理渲染存储RGB和存储纹理的区别：比如一个从左到右由红色渐变到蓝色的矩形，用存储RGB的话就需要把矩形中每个点的具体颜色值存储下来；而纹理只是一
  • 下载github patch到本地 小米人er 我的博客gitpatch
    以下是几种从GitHub上下载以.patch结尾的补丁文件的方法：通过浏览器直接下载打开包含该.patch文件的GitHub仓库。在仓库的文件列表中找到对应的.patch文件。点击该文件，浏览器会显示文件的内容，在页面的右上角通常会有一个“Raw”按钮，点击它可以获取原始文件内容。然后在浏览器中使用快捷键（如Ctrl+S或者Command+S）将原始文件保存到本地，选择保存的文件名并确保后缀为.p
  • SQL Server_查询某一数据库中的所有表的内容 qq_42772833 SQLServer数据库sqlserver
    1.查看所有表的表名要列出CrabFarmDB数据库中的所有表（名），可以使用以下SQL语句：USECrabFarmDB;--切换到目标数据库GOSELECTTABLE_NAMEFROMINFORMATION_SCHEMA.TABLESWHERETABLE_TYPE='BASETABLE';对这段SQL脚本的解释：SELECTTABLE_NAME：这个语句的作用是从查询结果中选择TABLE_NAM
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • 如何部分格式化提示模板:LangChain中的高级技巧 nseejrukjhad langchainjava服务器python
    标题:如何部分格式化提示模板:LangChain中的高级技巧内容:如何部分格式化提示模板:LangChain中的高级技巧引言在使用大型语言模型(LLM)时,提示工程是一个关键环节。LangChain提供了强大的提示模板功能,让我们能更灵活地构建和管理提示。本文将介绍LangChain中一个高级特性-部分格式化提示模板,这个技巧可以让你的提示管理更加高效和灵活。什么是部分格式化提示模板?部分格式化提
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 【PG】常见数据库、表属性设置 江无羡 数据库
    PG的常见属性配置方法数据库复制、备份相关表的复制标识单表操作批量表操作链接数据库复制、备份相关表的复制标识单表操作通过ALTER语句单独更改一张表的复制标识。ALTERTABLE[tablename]REPLICAIDENTITYFULL;批量表操作通过代码块的方式，对某个schema中的所有表一起更新其复制标识。SELECTtablename,CASErelreplidentWHEN'd'TH
  • ES聚合分析原理与代码实例讲解 光剑书架上的书 大厂Offer收割机面试题简历程序员读书硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLMJavaPython架构设计Agent程序员实现财富自由
    ES聚合分析原理与代码实例讲解1.背景介绍1.1问题的由来在大规模数据分析场景中，特别是在使用Elasticsearch（ES）进行数据存储和检索时，聚合分析成为了一个至关重要的功能。聚合分析允许用户对数据集进行细分和分组，以便深入探索数据的结构和模式。这在诸如实时监控、日志分析、业务洞察等领域具有广泛的应用。1.2研究现状目前，ES聚合分析已经成为现代大数据平台的核心组件之一。它支持多种类型的聚
  • 用Python实现读取统计单词个数 程序媛了了 python游戏java
    完整实例代码：fromcollectionsimportCounterdefpythonit():danci={}withopen("pythonit.txt","r",encoding="utf-8")asf:foriinf:words=i.strip().split()forwordinwords:ifwordnotindanci:danci[word]=1else:danci[word]+=
  • vue3中el-table中点击图片放大时，被表格覆盖 叫我小鹏呀 vue.jsjavascript前端
    问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported
  • vue项目element-ui的table表格单元格合并 酋长哈哈 vue.jselementuijavascript前端
    一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
  • Vue中table合并单元格用法 weixin_30613343 javascriptViewUI
    地名结果人名性别{{item.name}}已完成未完成{{item.groups[0].name}}{{item.groups[0].sex}}{{item.groups[son].name}}{{item.groups[son].sex}}exportdefault{data(){return{list:[{name:'地名1',result:'1',groups:[{name:'张三',sex
  • C++ lambda闭包消除类成员变量 barbyQAQ c++c++java算法
    原文链接：https://blog.csdn.net/qq_51470638/article/details/142151502一、背景在面向对象编程时，常常要添加类成员变量。然而类成员一旦多了之后，也会带来干扰。拿到一个类，一看成员变量好几十个，就问你怕不怕？二、解决思路可以借助函数式编程思想，来消除一些不必要的类成员变量。三、实例举个例子：classClassA{public:...intfu
  • JAVA·一个简单的登录窗口 MortalTom java开发语言学习
    文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
  • 2023最详细的Python安装教程（Windows版本） 程序员林哥 Pythonpythonwindows开发语言
    python安装是学习pyhon第一步，很多刚入门小白不清楚如何安装python，今天我来带大家完成python安装与配置，跟着我一步步来，很简单，你肯定能完成。第一部分：python安装（一）准备工作1、下载和安装python(认准官方网站)当然你不想去下载的话也可以分享给你，还有入门学习教程，点击下方卡片跳转进群领取（二）开始安装对于Windows操作系统，可以下载“executableins
  • C++八股 Petrichorzncu 八股总结c++开发语言
    这里写目录标题C++内存管理C++的构造函数，复制构造函数，和析构函数深复制与浅复制：构造函数和析构函数哪个能写成虚函数，为什么？C++数据结构内存排列结构体和类占用的内存：==虚函数和虚表的原理==虚函数虚表（Vtable）虚函数和虚表的实现细节==内存泄漏==指针的工作原理函数的传值和传址new和delete与malloc和freeC++内存区域划分C++11新特性C++常见新特性==智能指针
  • Table列表复现框实现【勾选-搜索-再勾选】 ～四时春～ java开发语言elementuivue
    Table列表复现框实现【勾选-搜索-再勾选】概要整体架构流程代码实现技术细节注意参考文献概要最近在开发时遇到一个问题，在进行表单渲染时，正常选中没有问题，单如果需要搜索选中时，一个是已选中的不会回填，二是在搜索的结果中进行选中，没有实现，经过排查，查找资料后实现。例如：整体架构流程具体的实现效果如下：代码实现{{scope.row.userName}}已选区{{userItem.userName
  • vue+el-table 可输入表格使用上下键进行input框切换 以对_ vue学习记录vue.jsjavascript前端
    使用上下键进行完工数量这一列的切换-->//键盘触发事件show(ev,index){letnewIndex;letinputAll=document.querySelectorAll('.table_inputinput');//向上=38if(ev.keyCode==38){if(index==0){//如果是第一行,回到最后一个newIndex=inputAll.length-1}elsei
  • vue + Element UI table动态合并单元格 我家媳妇儿萌哒哒 elementUIvue.js前端javascript
    一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre
  • 【RabbitMQ 项目】服务端：数据管理模块之绑定管理 月夜星辉雪 rabbitmq分布式
    文章目录一.编写思路二.代码实践一.编写思路定义绑定信息类交换机名称队列名称绑定关键字：交换机的路由交换算法中会用到没有是否持久化的标志，因为绑定是否持久化取决于交换机和队列是否持久化，只有它们都持久化时绑定才需要持久化。绑定就好像一根绳子，两端连接着交换机和队列，当一方不存在，它就没有存在的必要了定义绑定持久化类构造函数：如果数据库文件不存在则创建，打开数据库，创建binding_table插入
  • 进销存小程序源码 PHP网络版ERP进销存管理系统 全开源可二开 摸鱼小号 php
    可直接源码搭建部署发布后使用：一、功能模块介绍该系统模板主要有进，销，存三个主要模板功能组成，下面将介绍各模块所对应的功能；进：需要将产品采购入库，自动生成采购明细台账同时关联财务生成付款账单；销：是指对客户的销售订单记录，汇总生成产品销售明细及回款计划；存：库存的日常盘点与统计，库存下限预警、出入库台账、库存位置等。1.进购管理采购订单：采购下单审批→由上级审批通过采购入库；采购入库：货品到货>
  • 阿里云服务器4核8G配置购买及价格类文章汇总（10篇） 阿里云最新优惠和活动汇总
    阿里云服务器4核8G配置如何购买？价格是多少？4核8G配置的阿里云服务器可以通过云服务器产品页购买也可以通过阿里云活动去下单购买，一般通过活动购买的用户比较多，但是不同实例规格的阿里云服务器价格不一样，带宽不同价格也不一样，本文为大家汇总了10篇关于阿里云服务器4核8G配置购买教程文章和价格类文章，分为购买类文章和价格类文章，以供大家参考如何购买阿里云服务器4核8G配置和最新优惠价格是多少。阿里云
  • 【Java】已解决：java.util.concurrent.CompletionException 屿小夏 java开发语言
    文章目录一、分析问题背景出现问题的场景代码片段二、可能出错的原因三、错误代码示例四、正确代码示例五、注意事项已解决：java.util.concurrent.CompletionException一、分析问题背景在Java并发编程中，java.util.concurrent.CompletionException是一种常见的运行时异常，通常在使用CompletableFuture进行异步计算时出现
  • Python编程 - 初识面向对象 易辰君 Python核心编程python开发语言
    目录前言一、面向对象二、类和对象（一）类简介定义类（二）对象简介创建对象（三）总结三、实例属性和实例方法（一）实例属性创建的基本语法使用示例（二）实例方法定义实例方法的基本语法调用示例方法的示例（三）总结四、类中的self（一）基本概念（二）作用访问实例属性调用其他实例方法在构造函数中初始化对象（三）总结五、__init__方法（一）__init__方法的特点（二）基本语法（三）示例（四）总结前言
  • 【算法练习】IDEA集成leetcode插件实现快速刷 2401_84102892 2024年程序员学习算法intellij-idealeetcode
    ============点击右侧边leetcode->设置->配置地址、用户名、密码、存放目录、文件模板用户名要登录后在账号信息里看模板代码1.codefilename!velocityTool.camelC
  • vue render 函数详解 (配参数详解) 你的眼睛會笑 vue2vue.jsjavascript前端
    vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。render函数的语法结构如下：render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中，我们使用h函数创建了一个div元素
  • Dockerfile FROM 两个 redDelta
    Docker相关视频讲解：什么是容器Docker介绍实现"DockerfileFROM两个"的步骤步骤表格步骤操作1创建一个Dockerfile文件2写入FROM指令3构建第一个镜像4创建第二个Dockerfile文件5写入FROM指令6构建第二个镜像7合并两个镜像操作步骤说明步骤1：创建一个Dockerfile文件使用任意文本编辑器创建一个名为Dockerfile的文件。登录后复制#Docker
  • 【Golang】实现 Excel 文件下载功能 RumIV Golanggolangexcel开发语言
    在当今的网络应用开发中，提供数据导出功能是一项常见的需求。Excel作为一种广泛使用的电子表格格式，通常是数据导出的首选格式之一。在本教程中，我们将学习如何使用Go语言和GinWeb框架来创建一个Excel文件，并允许用户通过HTTP请求下载该文件。准备工作在开始之前，请确保您的开发环境中已经安装了Go语言和相关的开发工具。此外，您还需要安装GinWeb框架和excelize包，这两个包都将用于我
  • ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your †徐先森® Oracle数据库Web相关错误集
    createtablestudents(idintunsignedprimarykeyauto_increment,namevarchar(50)notnull,ageintunsigned,highdecimal(3,2),genderenum('男','女','中性','保密','妖')default'保密',cls_idintunsigned);在对数据库插入如上带有中文带有默认值的字段的时
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他