名单管理的js代码

最新推荐文章于 2024-06-04 11:22:46 发布
最新推荐文章于 2024-06-04 11:22:46 发布
阅读量566 收藏
点赞数
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/dodan/article/details/50538967
版权 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><fmt:message key="title.fraud.blacklist"/></title>
<meta name="menu" content="fraud.blacklist" />
</head>
<body class="home">
 <#include "../message.ftl"/> 
 
 
 <script type="text/javascript">
 
 function  checkUpdateFrom(){
 
          var endtime = $('#endDate4').val();
             var starttime = $('#startDate4').val();  
             var start = new Date(starttime.replace("-", "/").replace("-", "/"));
             var end = new Date(endtime.replace("-", "/").replace("-", "/"));
             if (end < start) {
                 alert('结束日期不能小于开始日期！');
                 return false;
             }
             else {
                 return true;
             }
 
 
 }
 
 function btnSubmit1(){  
    $("#customerblackType").val("1");  
       $("#customerblackType1").val("1");  //修改的时候把模式切成按钮选中的模式   
    $("#customerblackType2").val("1");   
    $('#queryForm').attr("action", "selectForBlack").submit();
 }
    function btnSubmit2(){
      $("#customerblackType").val("2");
      $("#customerblackType1").val("2");  
   $("#customerblackType2").val("2"); 
      $('#queryForm').attr("action", "selectForGrey").submit(); 
    }
 
 
  //表单验证
    function checkQueryForm(){ 
   
    var status = $("#status").val();  
         var inputBlackvalue = $("#inputBlackvalue");
            var inval=inputBlackvalue.val(); 
      if(status=='1'){ 
               var regIdCard= /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
         
    
    if(inputBlackvalue.val()==''){
 
      return true;
    }
    if(!regIdCard.test(inputBlackvalue.val())){
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入正确的身份证号格式");
      return false;
    }   
 
   
   }else if(status=='2'){ 
       var re=/^\d{16,22}$/;
    if(!re.test(inputBlackvalue.val())){
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入16-22位的银行卡号");
       
      return true;
    }
    return true;
    
  
   }else if(status=='3'){  
     var re=/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;    
          if(inputBlackvalue.val()==''){   
       return true;
    }
    if(!re.test(inputBlackvalue.val())){
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入正确的手机号格式");
      return false;
    }
          return true;  
        }     
   else if(status=='4'){  
    var re=/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
           if(inputBlackvalue.val()==''){   
       return true;
    }
    if(!re.test(inputBlackvalue.val())){
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入正确的固定电话格式");
      return false;
    }
          return true; 
   
   } 
   }
   
   
   
   
   
   //新增的表单验证
   function checkQueryForm1(){
    var status = $("#status2").val();  
         var inputBlackvalue = $("#blackListValue2");    
   
      if(status=='1'){  
   
   
   
     var  regIdCard= /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
    
      
         if(inputBlackvalue.val<18){
     return false;
   }
  
    if(!validateIdCard(inputBlackvalue.val())){
    
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入正确的身份证号格式");
     
      return false;
   }
   
   }else if(status=='2'){ 
       var re=/^\d{16,22}$/;
    if(!re.test(inputBlackvalue.val())){
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入16-22位的银行卡号");
       
      return false;
    }
    return true;
    
  
   }else if(status=='3'){  
     var re=/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;    
          if(inputBlackvalue.val()==''){   
       return true;
    }
    if(!re.test(inputBlackvalue.val())){
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入正确的手机号格式");
      return false;
    }
          return true;  
        }     
   else if(status=='4'){            
    var re=/^((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)$/;
           if(inputBlackvalue.val()==''){   
       return true;
    }
    if(!re.test(inputBlackvalue.val())){
       inputBlackvalue.val("");
       inputBlackvalue.attr("placeholder","请输入正确的固定电话格式");
      return false;
    }
          return true; 
   
   } 
       else if(status=='5'){  
   
       return true;
   
   }       
   
   }
   
   
 
   
   
   
   
   function update(obj) {
   var tds = $(obj).parent().parent().find('td');    
      $('#IdTd').val(tds.eq(0).text()); 
      $('#blackListType1').val(tds.eq(1).text());
   $('#customerblackValue').val(tds.eq(2).text());
   $('#blackSourceTd').val(tds.eq(3).text());          
      $('#blackReasonTd').val(tds.eq(4).text()); 
            $('#startDate4').val(tds.eq(5).text());   
      $('#endDate4').val(tds.eq(6).text());
   $('#comment2').val(tds.eq(12).text());   
   $('#update').modal('show');
  
  }
  
  function changeBlacklistStatus(val){
     var inputBlackvalue = $("#inputBlackvalue"); 
     if(val=='1'){
      
        inputBlackvalue.attr("placeholder","请输入身份证号");   
     
     }else if(val=='2'){
     
        inputBlackvalue.attr("placeholder","请输入银行卡号");
     
     }else if(val=='3'){
     
       inputBlackvalue.attr("placeholder","请输入手机号");
     
     }else if(val=='4'){
     
        inputBlackvalue.attr("placeholder","请输入固定电话");
     
     }else if(val=='5'){
     
        inputBlackvalue.attr("placeholder","请输入公司名");
     
     }else if(val=='6'){
     
        inputBlackvalue.attr("placeholder","XX市/XX区/XX街道");
     
     }else if(val=='7'){
     
        inputBlackvalue.attr("placeholder","请输入QQ号");
     
     }else if(val=='8'){
     
        inputBlackvalue.attr("placeholder","请输入微信号");
     
     } 
  } 
  
  function changeSelect(val){
  
      var inputBlackvalue = $("#blackListValue2"); 
     if(val=='1'){
        inputBlackvalue.attr("placeholder","请输入身份证号");   
     
     }else if(val=='2'){
     
        inputBlackvalue.attr("placeholder","请输入银行卡号");
     
     }else if(val=='3'){
     
       inputBlackvalue.attr("placeholder","请输入手机号");
     
     }else if(val=='4'){
     
        inputBlackvalue.attr("placeholder","请输入固定电话");
     
     }else if(val=='5'){
     
        inputBlackvalue.attr("placeholder","请输入公司名");
     
     }else if(val=='6'){
     
        inputBlackvalue.attr("placeholder","XX市/XX区/XX街道");
     
     }else if(val=='7'){
     
        inputBlackvalue.attr("placeholder","请输入QQ号");
     
     }else if(val=='8'){
     
        inputBlackvalue.attr("placeholder","请输入微信号");
     
     }
  
  }
 
   
   
$(function(){
       var status = $("#status").val();   
  
   changeBlacklistStatus(status);  
  
   $("#status").change(function(){
    var val = $(this).val();
    changeBlacklistStatus(val);
   }); 
   
   var status2 = $("#status2").val(); 
   changeSelect(status2);
      $("#status2").change(function(){
    var val = $(this).val();
    changeSelect(val);
   }); 
   
      $('#endDate1').datetimepicker({
         format : 'yyyy/mm/dd',
         autoclose: true,
         todayBtn: true,
         minView : 2
        });
   
   $('#endDate4').datetimepicker({
         format : 'yyyy/mm/dd',
         autoclose: true,
         todayBtn: true,
         minView : 2
        });
       var now = (new Date()).toLocaleDateString(); 
   $('#startDate3').val(now);
 
   
}) 
 
 
 function validateIdCard(idCard){
   //15位和18位身份证号码的正则表达式
  var regIdCard=/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
   //如果通过该验证，说明身份证格式正确，但准确性还需计算
  if(regIdCard.test(idCard)){
  
   if(idCard.length==18){
      var idCardWi=new Array( 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ); //将前17位加权因子保存在数组里
      var idCardY=new Array( 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ); //这是除以11后，可能产生的11位余数、验证码，也保存成数组
      var idCardWiSum=0; //用来保存前17位各自乖以加权因子后的总和
      for(var i=0;i<17;i++){
    idCardWiSum+=idCard.substring(i,i+1)*idCardWi[i];
      }
     var idCardMod=idCardWiSum%11;//计算出校验码所在数组的位置
     var idCardLast=idCard.substring(17);//得到最后一位身份证号码
     //如果等于2，则说明校验码是10，身份证号码最后一位应该是X
     if(idCardMod==2){
    if(idCardLast=="X"||idCardLast=="x"){
       return true;
    }else{
       return false;
    }
     }else{
    //用计算出的验证码与最后一位身份证号码匹配，如果一致，说明通过，否则是无效的身份证号码
    if(idCardLast==idCardY[idCardMod]){
        return true;
    }else{
           return false;
      }
     }
    } 
   }else{
              return true;
   }
 }
</script>
 <div class="container-fluid">
 <div class="row">
  <div class="col-md-12">
   <nav class="navbar navbar-default" role="navigation">
    <div class="navbar-header">
      
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
       <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
     </button> <a class="navbar-brand" href="#"></a>
    </div>
    
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
     
     <form class="navbar-form navbar-left" role="search" οnsubmit="return checkQueryForm()" action="queryBlacklist" id="queryForm">
         <div class="btn-group">  
      
                        <button type="button" class="<#if customerblackType=="1">btn btn-success<#else>btn btn-default</#if>" id="a1" οnclick="btnSubmit1()">黑名单</button>
                        <button type="button" class="<#if customerblackType=="2">btn btn-success<#else>btn btn-default</#if>" id="a2" οnclick="btnSubmit2()">灰名单</button>           
                        </div>
      
      <div class="form-group">
        <select id="status" name ="blackListType" class="form-control">
        <option value="1"  selected="selected" >身份证</option>
        <option value="2" <#if blackListType == "2">selected</#if> >银行卡</option>
        <option value="3" <#if blackListType == "3">selected</#if> >手机号码</option>
        <option value="4" <#if blackListType == "4">selected</#if> >固定电话</option>
        <option value="5" <#if blackListType == "5">selected</#if> >公司名</option>
        <option value="6" <#if blackListType == "6">selected</#if> >城市</option>  
        <option value="7" <#if blackListType == "7">selected</#if> >QQ号</option>
        <option value="8" <#if blackListType == "8">selected</#if> >微信号</option>
        </select>         
      </div>
      
      
      <div class="form-group">
        <input class=" form-control input-xlarge" type="text" id="inputBlackvalue" name="blackListValue" value="${(blackListValue)!''}"  placeholder="请输入身份证号" autocomplete="off" />
                             <input id="customerblackType" name="customerblackType" value="${customerblackType?if_exists}" style="display:none" />     
                           
      </div> 
     
      
       <button type="submit"  class="btn btn-primary">查询</button>
       <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" id="insertBlack" >新增</button>
          
      
     </form>
     
     
 
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
   <div class="modal-content">
    <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
      ×
     </button>
     <h4 class="modal-title" id="myModalLabel">
         新增一条记录
     </h4>
    </div>
    <div class="modal-body">
     <form action="addBlackList" method="get" class="form-horizontal" role="form" id="form1" οnsubmit="return checkQueryForm1()">
      
       <div class="form-group">
        <div class="col-sm-3">
        <select id="status2" name="blackListType" class="col-md-7 form-control">
         <option value="1" selected="selected">身份证</option>
         <option value="2">银行卡</option>
         <option value="3">手机号码</option>
         <option value="4">固定电话</option>
         <option value="5">公司名</option>
         <option value="6">城市</option>
         <option value="7">QQ号</option>
         <option value="8">微信号</option>
        </select>
        </div>
        <div class="col-sm-4">
         <input id="customerblackType1" name="customerblackType" value="${customerblackType?if_exists}" style="display:none" />     
         <input class="col-md-7 form-control" type="text" id="blackListValue2" name="blackListValue"  required placeholder="请输入所对应的值" autocomplete="off" />
        </div>
       </div>
           
     
     
       <div class="form-group">
        <label class="col-sm-3 control-label">来源:</label>
        <input class="col-sm-5" type="text" name="blackSource"   required  placeholder="请输入来源"  autocomplete="off"  />
       </div>
   
       <div class="form-group">
        <label class="col-sm-3 control-label">原因:</label>
        <input class="col-sm-5" type="text" name="blackReason"    required placeholder="请输入原因" autocomplete="off" />
       </div>
    
                     <div  class="form-group">
            <label class="col-sm-3 control-label">开始时间:</label>
         <input class="col-sm-5 " required id="startDate3"  type="text"  disabled="disabled"   readonly="readonly" name="validFrom" placeholder="有效期开始时间" autocomplete="off" />  <em>*从当天开始</em>
         </div>    
         <div  class="form-group">
           <label class="col-sm-3 control-label">结束时间:</label>
        <input class="col-sm-5 " id="endDate1" required type="text" name="validTo" placeholder="有效期结束时间"  value="9999/12/28" autocomplete="off" />
        </div>      
    
       <div class="form-group">
        <label class="col-sm-3 control-label">备注:</label>
        <input class="col-sm-5" type="text" name="comment1"     placeholder="备注" autocomplete="off" />
       </div>
        
      <div class="modal-footer">
       <button type="button" class="btn btn-default" data-dismiss="modal">取消
       </button>
       <button type="submit" class="btn btn-primary">
        保存 
       </button>
      </div>
    </div>
    <!-- /.modal-content -->
   </div>
   <!-- /.modal -->
  </div>
  </form>
 </div> 
   
    </div>
    
   </nav>
  </div>
 </div>
</div>
  <!--   显示表格的表单---->
<table class="table table-bordered" id="table1">
 <thead>
  <tr>
   <th>编号</th>
   <th style="display:none">名单类型</th>
   <th><#if blackListType=="1">身份证号码
   <#elseif blackListType=="2">银行卡号
   <#elseif blackListType=="3">手机号码
   <#elseif blackListType=="4">固定电话
   <#elseif blackListType=="5">公司名
   <#elseif blackListType=="6">城市
      <#elseif blackListType=="7">QQ号
      <#elseif blackListType=="8">微信号</#if>信息</th>
   <th>名单来源</th>
   <th>名单原因</th>
   <th>有效日开始日期</th>
   <th>有效日结束日期</th>   
   <th>插入者</th>  
   <th>修改者</th> 
   <th>创建时间</th> 
   <th>修改时间</th> 
   <th>状态</th>
   <th>备注</th>
   <th>操作</th>
  </tr>
 </thead>
 <tbody>
  <#if customerBlacks?exists>
   <#list customerBlacks as item>
    <tr class="success">
     <td>${item.id?if_exists}</td>
     <td style="display:none">${item.blackListType?if_exists}</td>
     <td>${item.blackListValue?if_exists}</td>
     <td>${item.blackSource?if_exists}</td>
     <td>${item.blackReason?if_exists}</td>
     <td>${(item.validFrom?string("yyyy-MM-dd"))!} </td>
     <td>${(item.validTo?string("yyyy-MM-dd"))!}</td>     
     <td>${item.creator?if_exists}</td>                        
     <td>${item.updator?if_exists}</td>
     <td><#if item.createDate??>${(item.createDate?string("yyyy-MM-dd"))!}</#if></td> 
     <td><#if item.updateDate??>${(item.updateDate?string("yyyy-MM-dd"))!}</#if></td>
        <td><#if item.state=='a'>有效<#else>无效</#if></td>    
     <td>${item.comment1?if_exists}</td>
     <td><a href="javascript:void(0)" οnclick="update(this);">修改</a></td>
    </tr>
   </#list>
  </#if>
 </tbody>
</table>
 
<div class="modal fade" id="update" aria-hidden="true">
 <div class="modal-dialog">
  <div class="modal-content">
  <div class="modal-header">
     <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
      ×
     </button>
     <h4 class="modal-title" id="myModalLabel">
         修改记录 
     </h4>
    </div>
     
    </div>
    <form action="updateBlackList" method="get" class="form-horizontal" role="form" id="blackListform" οnsubmit="return checkUpdateFrom()" >
    
    <div  class="form-group">                   
     <input class="col-sm-5" type="text"  id="customerblackType2" name="customerblackType" value="${customerblackType?if_exists}" required placeholder="名单类型"  style="display:none" autocomplete="off" />
        <input id="blackListType1" name="blackListType" required value="1" style="display:none"/>
    </div>
    
    
    <div  class="form-group">
                    <label class="col-sm-3 control-label" >编号:</label>
     <input class="col-sm-5" type="text"  readonly="readonly" id="IdTd" name="id"  autocomplete="off"   />  <em>不可编辑*</em>
    </div>
   
       <div  class="form-group">
                    <label class="col-sm-3 control-label">信息:</label>
     <input class="col-sm-5" type="text"  readonly="readonly"  id="customerblackValue"   autocomplete="off"   />  <em>不可编辑*</em>
    </div>
    
   
    <div  class="form-group">
                    <label class="col-sm-3 control-label">来源:</label>
     <input class="col-sm-5" type="text" id="blackSourceTd" required name="blackSource" placeholder="来源" autocomplete="off" />
    </div>
    <div  class="form-group">
     <label class="col-sm-3 control-label">原因:</label>
     <input class="col-sm-5 " type="text" id="blackReasonTd" required name="blackReason" placeholder="原因" autocomplete="off" />
    </div> 
                
                <div  class="form-group">
        <label class="col-sm-3 control-label">有效期开始时间:</label>
     <input class="col-sm-5 " id="startDate4" required type="text" readonly="readonly" name="validFrom" placeholder="有效期开始时间" autocomplete="off" />  <em>不可编辑*</em>
    </div>    
    <div  class="form-group">
        <label class="col-sm-3 control-label">有效期结束时间:</label>
     <input class="col-sm-5 " id="endDate4" required type="text" name="validTo"  placeholder="有效期结束时间" autocomplete="off" />
    </div>
    <div id="div-companyName2" class="form-group">
        <label class="col-sm-3 control-label">备注:</label>
     <input class="col-sm-5 " id="comment2"  type="text" name="comment1" placeholder="备注" autocomplete="off" />     
    </div>   
    
    
    <div class="modal-footer">
     <button type="button" class="btn btn-default" data-dismiss="modal">取消
     </button>
     <button type="submit" class="btn btn-primary">
      保存
     </button>
    </div>
   </form>
  </div>
 </div>
</div>
 
 <#assign start = start!1/>
  <#assign pageSize = pageSize!20/>
  <#assign total = total!0/>
  <#assign previous = start - pageSize/>
  <#assign next = start + pageSize/>
  
  
  
 <nav>
   <ul class="pager">
     <li <#if (previous <= 0)>class="disabled"</#if>><a <#if (previous <= 0)>class="disabled" οnclick="javascript:return false;" </#if> role="button" href="?start=${previous}&pageSize=${pageSize}">上一页</a></li>
     <li <#if (next > total)>class="disabled"</#if>><a <#if (next > total)>class="disabled" οnclick="javascript:return false;" </#if> role="button" href="?start=${next}&pageSize=${pageSize}">下一页</a></li>
   </ul>
</nav>
  
  
 
 
</body>
 
   
 
</html>


非鹭千里
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web实战之黑名单管理
01-03 1151
实现的功能 用户可以查阅自己加入黑名单的用户 选中批量删除黑名单内名字 单个删除黑名单内名字 全部删除黑名单 依赖的第三方工具 AngularJS框架 BootStrap框架 Express框架 页面代码 由于在我的博客中前端实战之用户控制台中有详细的页面代码这里只出示一小部分，方便大家阅读 您可以在用户状态和用户
JS按名字随机抽奖代码
04-25
在"JS按名字随机抽奖代码"中，除了基本的随机选择功能外，还添加了手动管理名字列表的功能。这意味着用户可以通过界面交互添加新的名字或者删除已有的名字。这可能涉及到DOM操作，如通过`document.getElementById`...
常用代码管理(js)
tf112的博客
02-24 467
1. js前端 (1) 获取地址栏参数 //采用正则表达式获取地址栏参数 function getParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var url = decodeURI(window.location.search); var r = url.substr(1).match(reg); if (r != null) return unescape(r[2]);
名单管理js
qq_45048536的博客
03-31 164
目录 前言 一、效果图 二、后台代码讲解 判断用户是否可以进后台 删除功能 添加功能 三、源代码 所以代码图片已经放在我的博客里面https://download.csdn.net/download/qq_45048536/85060512 总结 前言 麻雀虽小但五脏俱全,今天给大家到来一个非常简单js小案例,非常适合刚刚学完js的新手做。 也是我大一的期末考试也是取得了优秀的成绩。 使用了也是最简单的DOM和BOM 一、效果图 流程图 登陆 ...
python名单管理系统简易代码
qq_37369726的博客
09-28 442
结果演示： root@ligen:/usr/local/src# python3 名单.sh ================================================== -------名字系统 v2.2------ 1:添加一个新的名字 2:删除一个名字 3:修改一个名字 4:查询一个名字 退出请输入q。 =================================...
js模糊筛选后台管理菜单列表（树结果处理）
QIANG123___的博客
08-07 477
filterMenuHandle(val, allMenuList) { const rebuildData = (value, arr) => { let newarr = []; arr.forEach(element => { if (element.children &&...
【技巧】JS代码这么写，前端小姐姐都会爱上你
JavaDog程序狗
06-04 537
这篇文章分享了JavaScript编程中的实用技巧，包括解构赋值的短路语法避免错误、深度解构及默认值设定，以及数组操作如条件添加元素、获取最后一个元素和使用includes优化条件判断。此外，还介绍了从URL解析参数、页面滚动功能和获取滚动距离的JS片段。作者提倡使用这些技巧提升代码质量和效率，并邀请读者交流更多编程经验。
vue后台登录权限管理代码详解
你吃不饱就好的博客
04-30 1070
权限管理前言main.js 详解main.js 原文router.js(部分) 前言 代码来自：Gitee 地址 在线预览：Gitee 在线预览 手摸手，带你用vue撸后台 系列二(登录权限篇) 花裤衩大佬的这篇文章详细地介绍了如何使用vue实现权限管理(写于17年,与本文所用代码有些许不同)。main.js 部分代码涉及 store 和 router 的反复调用。初学者阅读代码可能会比较困难。为...
VUE代码架构浅谈
tongliuwei的博客
05-24 816
h 函数就是createElement，是 Vue.js 里面的 函数，这个函数的作用就是生成一个 VNode节点，render 函数得到这个 VNode 节点之后，返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点上。layout布局页面会在router/index.js中进行加载，是一种将页面布局抽象为可复用组件的方式，以便在多个页面之间共享布局逻辑。app.vue是vue页面资源的首加载项，是主组件，页面入口文件 ，所有页面都是在App.vue下进行切换的。
学生管理系统源代码
04-04
学生管理系统源代码是一种用于教育机构或学校管理学生信息的软件应用。这个系统通常包含了各种功能模块，以方便教职员工进行学生数据录入、查询、更新和分析。在本压缩包中，我们拥有“学生管理系统”这个单一的文件...
投票管理系统代码
03-18
常见的后端技术有Java（Spring Boot）、Python（Django或Flask）、Node.js（Express）等。开发者可能使用RESTful API设计原则来提供服务，处理HTTP请求，实现用户身份验证、权限控制和投票逻辑。 3. **数据库管理**...
js代码-黑名单ip限制时间已过时移出黑名单
07-15
在`main.js`这个文件中，我们可以推测它包含了实现这一功能的JavaScript代码。可能的实现方式包括： 1. **数据结构**：首先，你需要一个数据结构来存储黑名单IP及其过期时间，例如使用一个对象数组： ```...
基于Springboot和Vue的 企业客户管理系统源码 企业客户管理系统代码（98分期末优秀大作业）
08-04
企业客户管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
VXLAN手动隧道 集中式网关，不同子网互访
08-04
VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不
PostmanCanary-win64-8.0.6-canary01-Setup
08-04
PostmanCanary-win64-8.0.6-canary01-Setup
基于MATLAB的公路裂缝检测.zip
最新发布
08-04
在MATLAB中，可以使用图像处理和计算机视觉工具包来实现裂缝缺陷的识别。以下是一种可能的实现方式： 1. 导入图像：使用imread函数导入需要处理的图像。例如，img = imread('image.jpg')。 2. 图像预处理：对图像进行预处理以增强裂缝缺陷的可见性。这可以包括灰度化、平滑和增强对比度等操作。例如，gray_img = rgb2gray(img)将彩色图像转换为灰度图像。 3. 裂缝缺陷检测：使用合适的算法和方法来检测裂缝缺陷。其中一种常用的方法是Canny边缘检测算法。例如，edges = edge(gray_img, 'canny')。 4. 裂缝缺陷分割：根据边缘图像，可以使用分割算法将裂缝缺陷与其他图像区域分离。一种常用的分割方法是基于阈值的方法。例如，bw_img = imbinarize(edges, threshold)。 5. 裂缝缺陷识别：通过计算裂缝缺陷的一些特征来进行识别。可以使用一系列特征提取函数，如regionprops，来计算裂缝缺陷的面积、周长、紧凑性等特征。例如，stats = regionprops(bw_img, '
文艺工作总结汇报PPT模板.pptx
08-04
【作品名称】：述职报告，工作计划，工作总结，计划书，商务计划，转正报告 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
美食菜谱.rar
08-04
小程序的设计源码通常包含多个文件和文件夹，组织结构清晰，以便开发者能够快速上手并进行定制化开发。主要文件和文件夹包括： 页面文件夹：存放小程序的各个页面，每个页面通常由.wxml、.wxss、.js和.json文件组成。WXML文件负责页面的结构，类似于HTML；WXSS文件负责样式，类似于CSS；JS文件负责页面的逻辑和交互；JSON文件用于页面的配置，如导航栏标题等。 组件文件夹：存放可复用的UI组件。组件与页面类似，也由.wxml、.wxss、.js和.json文件组成。通过组件化设计，可以提高代码的复用性和维护性，减少重复工作。 静态资源文件夹：存放图片、音频、视频等静态资源，便于在小程序中引用。这些资源通常放在一个名为assets或static的文件夹中。 配置文件：小程序的根目录下通常有一个app.json文件，用于全局配置，如页面路径、导航栏样式、底部Tab栏等。此外，还有app.wxss和app.js文件，分别用于全局样式和全局逻辑。 工具文件夹：存放一些工具函数和库文件，便于在小程序中调用。这些文件通常放在一个名为utils的文件夹中。
java计算机毕设课设-网上招聘系统（附源码、文章、相关截图、部署视频）
08-04
java计算机毕设课设—网上招聘系统（附源码、文章、相关截图、部署视频） 我们提供什么？ 1.软件对应的安装包； 2.如何将代码导入到对应的软件中的安装视频； 3.课设-论设 的基础参考文章； 4.源代码。 功能简介： 网上招聘系统的设计与实现，包含俩个角色：个人和公司角色。本系统结构如下： 个人角色 （1）首页：显示个人可以申请职位的公司信息，实现了查询、申请职位功能 （2）个人信息修改：实现了对个人信息（简历）的修改 （3）下载简历：实现对简历的下载 （4）发布简历 （5）撤销简历 （6）消息通知：实现了对已申请公司是否通过功能 公司角色 （1）首页：显示所有申请公司职位的求职者信息 （2）公司信息修改：实现了对公司信息的修改 （3）发布招聘信息 （4）撤销招聘信息 （5）求职者通知：实现了对已申请公司职位的求职者是否通过功能
《重构》：代码设计改进的实用指南
如Java、.NET（包括C#、VB.NET）、C/C++、Perl/CGI、Python、Ruby/Rails等，以及数据库管理（MySQL、SQL Server、Oracle等）、Web开发（HTML/CSS、JavaScript/Ajax、PHP）、UML设计、Linux系统管理、Unix/Linux、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值