关于级联菜单的动态生成以及状态回显

<%@page import="com.taiji.waf.daxing.wsgl.getvalue.GetSelectvalue"%><%@ taglib prefix="s" uri="/struts-tags" %>

<%@ page contentType="text/html; charset=utf-8"%>

<%@ include file="/wafplatform/include.jsp" %>

<%@ page import="com.taiji.waf.daxing.wsgl.*"%>

<%@ page import="java.util.*"%>

 <%

    //拿到后台动态生成的机构问题容器

    GetSelectvalue getSelectvalue = new GetSelectvalue();

    ArrayList list  = new ArrayList();

    if(getSelectvalue.getValue() != null && !(getSelectvalue.getValue()).equals("")) {

        list = (ArrayList)getSelectvalue.getValue();

    }

 %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <title>Archives</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <link href="css/16B/style.css" rel="stylesheet" type="text/css"/>

  <style>.discolor tr:hover td{background:#FFF7C2;}

  .trcolor1{

    background:#edf7ff;

    text-shadow: 1px 1px 1px #fff;

    border:#779eba solid 1px;

    text-align:center;    

  }

  .trwhite1{

    background:#fff;

    text-shadow: 1px 1px 1px #fff;

    border:#779eba solid 1px;

    text-align:center;    

 }

 .button1{

    height:24px;

    /*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#90baf2', 

endColorStr='#688bcc', gradientType='0');*/

    background: url(images/yjwz_fenlei-cardtit.png) repeat-x;

    border:none;

    font-size:14px;

    color:#2f4674;

    /*color:#603;*/

    text-align:center;

    padding:0 8px;

    -moz-border-radius: 6px; 

    -webkit-border-radius: 6px;

    border-radius: 6px;

    cursor:pointer;

}

.button1:hover{

    height:24px;

    /*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#90baf2', 

endColorStr='#688bcc', gradientType='0');*/

    background:url(images/btn_blue.png) repeat-x;

    border:none;

    font-size:14px;

    color:#2f4674;

    /*color:#603;*/

    text-align:center;

    padding:0 8px;

    -moz-border-radius: 6px; 

    -webkit-border-radius: 6px;

    border-radius: 6px;

    cursor:pointer;

}

  </style>

  <meta http-equiv="Pragma" content="no-cache"/>

  <script src="js/common.js"></script>

  <script src="js/16B/showSearch.js"></script>

  <script language="javascript" type="text/javascript" src="js/calendar/WdatePicker.js"></script>

  <script>

  function deleteArchives(){

    if(hasSelect()){

       if(confirm ("是否真要删除？")){

          archivesForm.action="deleteArchives.action";

          archivesForm.submit();

        }

  }else{

      alert("您还没有选择要删除的选项");

  }

  }

  function editArchives(id){

    archivesForm.action="editArchives.action?archives.id="+id;

    archivesForm.submit();

  }

  function viewArchives(id){

    archivesForm.action="viewArchives.action?archives.id="+id;

    archivesForm.submit();

  }

  function newArchives(){

    archivesForm.action="newArchives.action";

    archivesForm.submit();

  }

  function search(){

    archivesForm.start.value="0";

     listArchives();

  }

  function listArchives(){

    archivesForm.action="listArchives.action";

    archivesForm.submit();

  }

  function turnPage(start){

    var length = archivesForm.length.value;

    archivesForm.reset();

    archivesForm.start.value=start;

    archivesForm.length.value=length;

    archivesForm.action="listArchives.action";

    archivesForm.submit();

  }

  function hasSelect(){

    var cbs = document.getElementsByName("ids");

     for(i=0;i<cbs.length;i++){

       if(cbs[i].checked==true)

         return true;

     }

     return false;

  }

  function selectAll(){

    var cbs = document.getElementsByName("ids");

     for(i=0;i<cbs.length;i++){

       cbs[i].checked=true;

     }

    selectBox.href="javascript:unSelectAll()";

    selectBox.innerText="不选";

  }

  function unSelectAll(){

    var cbs = document.getElementsByName("ids");

     for(i=0;i<cbs.length;i++){

       cbs[i].checked=false;

     }

    selectBox.href="javascript:selectAll()";

    selectBox.innerText="全选";

  }

  function isNumber(str){

    var digits = "0123456789";

    var i = 0;

    var sLength = str.length;

    while ((i < sLength)){

      var c = str.charAt(i);

      if (digits.indexOf(c) == -1) return false;

      i++;

    }

    return true;

  }

  function goPage(start){

    var page = archivesForm.page.value;

    var maxpage = <s:property value="listBean.maxPageCount"/>;

    if(!isNumber(page)){

      alert("页数请输入正整数！");

      archivesForm.page.focus();

      return;

    }

    var numpage = new Number(page);

    var nummaxpage = new Number(maxpage);

    if(numpage<=0){

      alert("页数应该大于等于1！");

      archivesForm.page.focus();

      return;

    }

    if(numpage > nummaxpage){

      alert("页数超出最大！");

      archivesForm.page.focus();

      return;

    }

    if(numpage==1){

      var start = 0;

    }else{

      var start = (numpage-1)*<s:property value="listBean.length"/>;

    }

    turnPage(start);

  }



  /*根据下拉菜单的选择进行动态数据加载*/

  function addItem() {

    //默认生成第一个下拉菜单的联动条件

    if(archivesForm.dept.selectedIndex == 0) {

        archivesForm.problem.length = 1;

        archivesForm.problem.selectedIndex = 0;

        archivesForm.problem.options[0].text="--请选择--";

        archivesForm.problem.options[0].value="";

    }  

    <%  //动态生成其余的下拉菜单联动条件

        for(int i = 0; i < list.size(); i++) {

            ArrayList arrayList = new ArrayList();

            arrayList = (ArrayList)list.get(i);

            int length = arrayList.size() - 1;

    %>

            if(archivesForm.dept.selectedIndex == <%= i+1%>) {

                archivesForm.problem.length = <%=length%>;

                archivesForm.problem.selectedIndex = 0;

        <%

            for(int j = 1; j < arrayList.size(); j++) {

                String str = (String)arrayList.get(j);

        %>

                archivesForm.problem.options[<%=j-1%>].text="<%=str%>";

                archivesForm.problem.options[<%=j-1%>].value="<%=str%>";

        <%    

            }

        %>

            }

    <%

        }

    %>

  }

  /*期限和排序的查询状态回滚 */

  function backSearch() {

    var qixian = document.getElementById("qxback").value;

    var length = document.getElementById("qixian").length;  

    for(var i = 0; i < length; i++) {

        if(document.getElementById("qixian").options[i].value == qixian) {

            document.getElementById("qixian").options[i].selected = "selected";

        }

    }

    var paixu = document.getElementById("pxback").value;

    var length2 = document.getElementById("paixu").length;

    for(var i = 0; i < length2; i++) {

        if(document.getElementById("paixu").options[i].value == paixu) {

            document.getElementById("paixu").options[i].selected = "selected";

        }

    }

  }

  /*机构问题态回滚 */

  function backdept() {

    var dept = document.getElementById("deptback").value;

    var length = document.getElementById("dept").length; 

    for(var i = 0; i < length; i++) {

        if(document.getElementById("dept").options[i].value == dept) {

            document.getElementById("dept").options[i].selected = "selected";

        }

    }

  }

  function backproblem() {

      var pro = document.getElementById("problemback").value;

      var length = document.getElementById("problem").length;

      for(var i = 0; i < length; i++) {

          if(document.getElementById("problem").options[i].value == pro) {

              document.getElementById("problem").options[i].selected = "selected";

          }

      }

  }

  </script>

</head>

<body bgcolor="white" onload="backSearch();backdept();addItem();backproblem()">

<form name="archivesForm" method="post" action="archives.action">

  <!--标题栏-->

  <table width="98%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabtitle">

    <tr>

      <td class="titleFont2">档案文件目录</td>

      <td class="searchTltBar" onclick="showSearch(this,'searchTop')" title="展开查询">&nbsp;</td>

    </tr>

  </table>

  <!--查询区-->

  <div id="searchTop" class="searchDiv" style="display:none;">

  <table width="98%" border="0" cellpadding="3" cellspacing="0" align="center" class="tabout">

     <tr class="trcolor">

      <!-- 机构回显标识 -->

      <input type="text" id="deptback" value="<s:property value="dept"/>" class="inputTextNormal" style="display: none"/>

      <td class="tdFormText">机构：</td>

      <td class="tdFormInput">

      <select id="dept" name="dept" onChange="addItem()">

      <option selected="selected" value="">--请选择--</option>

      <%

          for(int i = 0; i < list.size(); i++) {

              ArrayList arrayList = new ArrayList();

            arrayList = (ArrayList)list.get(i);

      %>

          <option value="<%=arrayList.get(0) %>">

          <%=arrayList.get(0) %>

          </option>

      <%

          }

      %>

      </select>

      </td>

      <!-- 问题回显标识 -->

      <input type="text" id="problemback" value="<s:property value="problem"/>" class="inputTextNormal" style="display: none"/>

      <td class="tdFormText">问题：</td> 

      <td class="tdFormInput">

      <select id="problem" name="problem">

      <option selected="selected" value="">--请选择--</option>

      </select>

      </td>

      <!--期限回显标识 -->

      <input type="text" id="qxback" value="<s:property value="qixian"/>" class="inputTextNormal" style="display: none"/>

      <td class="tdFormText">保管期限:</td>

      <td class="tdFormInput">

      <select id="qixian" name="qixian">

          <option value="">--请选择--</option>

        <option value="永久" >永久</option>

        <option value="30年" >30年</option>

        <option value="10年" >10年</option>

        <option value="暂存" >暂存</option>

      </select>

      </td>

      <td class="tdFormText">文件形成日期:</td>

      <td class="tdFormInput">

                从

      <input type="text" name="time1" class="inputTextNormal" value="<s:date name="time1" 

      format="yyyy-MM-dd" />" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly="readonly"/>

                到

      <input type="text" name="time2" class="inputTextNormal" value="<s:date name="time2" 

      format="yyyy-MM-dd" />" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly="readonly"/>

      </td>

      <!-- 排序回显标识 -->

      <input type="text" id="pxback" value="<s:property value="paixu"/>" class="inputTextNormal" style="display: none"/> 

      <td class="tdFormText">排序:</td>

      <td class="tdFormInput">

      <select name="paixu" id="paixu">

        <option value="paixu" selected>--请选择--</option>

        <option value="to_number"  >按件号</option> 

        <option value="fileNumber" >按文号</option>

        <option value="createrDate">按时间</option>

      </select>

      </td>

    </tr>

  </table>

  <!--底部按钮表格开始-->

  <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabMainBot">

    <tr>

      <td>    

          <input type="button" class="button1" value="查 询" name="searchButton" onclick="search()"/>

          <!-- <input name="buttonReset" type="button" class="button" value="重 置"/> -->

      </td>

    </tr>

  </table>

  <!--底部按钮表格结束-->

  </div> 

  <!--工具栏-->

  <table width="98%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabMainTop">

    <tr>

      <td align="right">

        <input type="hidden" name="returnURL" value="listArchives.action?listBean.start=<s:if test="listBean==null">0&listBean.length=15</s:if><s:else><s:property value="listBean.start"/>&listBean.length=<s:property value="listBean.length"/></s:else>&id=<s:property value="id"/>&qzh=<s:property value="qzh"/>&dept=<s:property value="dept"/>&problem=<s:property value="problem"/>&timing=<s:property value="timing"/>&wenhao=<s:property value="wenhao"/>&zeren=<s:property value="zeren"/>&time1=<s:property value="time1"/>&time2=<s:property value="time2"/>&page=<s:property value="page"/>&hehao=<s:property value="hehao"/>&qixian=<s:property value="qixian"/>&zhutici=<s:property value="zhutici"/>&beizhu=<s:property value="beizhu"/>&danghao=<s:property value="danghao"/>&miji=<s:property value="miji"/>&sbjh=<s:property value="sbjh"/>&gbjh=<s:property value="gbjh"/>&cfwz=<s:property value="cfwz"/>&state=<s:property value="state"/>&url=<s:property value="url"/> "/>

        <input type="hidden" name="listBean.start" id="start"/>

        <a href="javascript:newArchives();" class="buttonBig"><img src="images/16B/new_image/gb_icon-add.png" /></a>

        <a href="javascript:deleteArchives();" class="buttonBig"><img src="images/16B/new_image/gb_icon-del.png" /></a>

        <!--  

        <input type="button" name="NewButton" value="新建" class="button" onclick="newArchives()"/>

        <input type="button" name="DeleteButton" value="删除" class="button" onclick="deleteArchives()"/>

        -->

      </td>

    </tr>

  </table>



  <!--列表-->

  <div class="discolor">

  <table width="98%" border="0" cellpadding="3" cellspacing="0" align="center" class="tabout" id="ArchivesTable">

    <tr>

      <th class="thListNormal" width="40"><a href="javascript:selectAll()" id="selectBox" class="tt">全选</a></th>

      <th class="thListNormal">保管期限</th>

      <th class="thListNormal">件号</th>

      <th class="thListNormal">责任者</th>

      <th class="thListNormal">文号</th>

      <th class="thListNormal">题名</th>

      <th class="thListNormal">文件形成日期</th>

      <th class="thListNormal">页数</th>

      <th class="thListNormal">备注</th>

      

      <th class="thListNormal">操作&nbsp;</th>

    </tr>

    <%boolean color = false;%>

    <s:iterator value="listBean.dataList">

    <%color = !color;%>

    <tr class="<%=color?"trcolor":"trwhite"%>">

      <td class="<%=color?"trcolor1":"trwhite1"%>"><input name="ids" type="checkbox" value="<s:property value="id"/>"/></td>

      <td class="<%=color?"trcolor1":"trwhite1"%>"><s:property value="qixian"/>&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>"><s:property value="sbjh"/>&nbsp;</td>

      <!-- 截取字符串的长度 -->

      <td class="<%=color?"trcolor1":"trwhite1"%>" title="<s:property value="zeren" />">

      <s:if test="zeren.length()>13">        

          <s:property value="zeren.substring(0,13)+'...'" />&nbsp;        

      </s:if>           

      <s:else>        

          <s:property value="zeren" />&nbsp;        

      </s:else>

      </td>

      <td class="<%=color?"trcolor1":"trwhite1"%>" title="<s:property value="wenhao" />">

      <s:if test="wenhao.length()>13">        

          <s:property value="wenhao.substring(0,13)+'...'" />&nbsp;        

      </s:if>           

      <s:else>        

          <s:property value="wenhao" />&nbsp;        

      </s:else>

      </td>

      <td class="<%=color?"trcolor1":"trwhite1"%>" title="<s:property value="timing" />">

      <s:if test="timing.length()>13">        

          <s:property value="timing.substring(0,13)+'...'" />&nbsp;        

      </s:if>           

      <s:else>        

          <s:property value="timing" />&nbsp;        

      </s:else>

      </td>

      <td class="<%=color?"trcolor1":"trwhite1"%>"><s:date name="time" format="yyyy-MM-dd"/>&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>"><s:property value="page"/>&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>" title="<s:property value="beizhu" />">

      <s:if test="beizhu.length()>13">        

          <s:property value="beizhu.substring(0,13)+'...'" />&nbsp;        

      </s:if>           

      <s:else>        

          <s:property value="beizhu" />&nbsp;        

      </s:else>

      </td>

      <td class="<%=color?"trcolor1":"trwhite1"%>"><a href="javascript:editArchives('<s:property value="id"/>')">查看/修改</a></td>

    </tr>

    </s:iterator>

    <!-----------空行填充------------->

    <s:bean name="org.apache.struts2.util.Counter" id="counter1">

      <s:param name="first" value="listBean.dataList.size+1" />

      <s:param name="last" value="listBean.length" />

    <s:iterator>

      <%color = !color;%>

      <tr class="<%=color?"trcolor":"trwhite"%>">

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      <td class="<%=color?"trcolor1":"trwhite1"%>">&nbsp;</td>

      </tr>

    </s:iterator>

    </s:bean>

  </table>

  </div>

  <!--翻页-->

  <table width="98%" border="0" cellpadding="2" cellspacing="0" align="center" class="tabMainBot">

    <tr >

      <td class="pageTd" >显示

      <select name="listBean.length" id="length" onchange="turnPage('<s:property value="listBean.start"/>')">

         <option value="<s:property value="listBean.length"/>" selected> 

         <s:property value="listBean.length"/></option> 

         <% for(int i=10;i<=50;i=i+5){

              out.println("<option value="+i+" >"+i+"</option>");

            }  %>

      </select>条&nbsp;

      共<s:property value="listBean.currPage"/>/<s:property value="listBean.maxPageCount"/>页&nbsp;

      共<s:property value="listBean.count"/>条&nbsp;

      <s:if test="listBean.firstStart==-1">

      首页&nbsp;</s:if>

      <s:else><a href="javascript:turnPage('<s:property value="listBean.firstStart"/>')">首页</a>&nbsp;</s:else>

     <s:if test="listBean.previousStart==-1">

      上一页&nbsp;</s:if>

      <s:else>

      <a href="javascript:turnPage('<s:property value="listBean.previousStart"/>')">上一页</a>&nbsp;

      </s:else>

      <s:if test="listBean.nextStart==-1">

      下一页&nbsp;

      </s:if><s:else>

      <a href="javascript:turnPage('<s:property value="listBean.nextStart"/>')">下一页</a>&nbsp;

      </s:else>

      <s:if test="listBean.lastStart==-1">

      末页&nbsp;

      </s:if><s:else>

      <a href="javascript:turnPage('<s:property value="listBean.lastStart"/>')">末页</a>&nbsp;

      </s:else>

      到 <input name="page" type="text" class="inputTextPage" size="3"/>

      页 <a  href="javascript:goPage()">GO</a>

      </td>

    </tr>

  </table>

</form>

</body>

</html>

element实现动态路由+面包屑软件技术NINI vue案例 vue.js 前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类 qt 开发语言 sdl2 linux
需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
第四天旅游线路预览——从换乘中心到喀纳斯湖陟彼高冈yu 基于Google earth studio 的旅游规划和预览旅游
第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p
Google earth studio 简介陟彼高冈yu 旅游
GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
每日算法&面试题，大厂特训二十八天——第二十天（树）肥学 ⚡算法题⚡面试题每日精进 java 算法数据结构
目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
Redis系列：Geo 类型赋能亿级地图位置计算 Ly768768 redis bootstrap 数据库
1前言我们在篇深刻理解高性能Redis的本质的时候就介绍过Redis的几种基本数据结构，它是基于不同业务场景而设计的：动态字符串(REDIS_STRING)：整数(REDIS_ENCODING_INT)、字符串(REDIS_ENCODING_RAW)双端列表(REDIS_ENCODING_LINKEDLIST)压缩列表(REDIS_ENCODING_ZIPLIST)跳跃表(REDIS_ENCODI
Low Power概念介绍-Voltage Area 飞奔的大虎
随着智能手机，以及物联网的普及，芯片功耗的问题最近几年得到了越来越多的重视。为了实现集成电路的低功耗设计目标，我们需要在系统设计阶段就采用低功耗设计的方案。而且，随着设计流程的逐步推进，到了芯片后端设计阶段，降低芯片功耗的方法已经很少了，节省的功耗百分比也不断下降。芯片的功耗主要由静态功耗（staticleakagepower）和动态功耗(dynamicpower)构成。静态功耗主要是指电路处于等
Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选 java kafka
一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会
ArrayList 源码解析程序猿进阶 Java基础 ArrayList List java 面试性能优化架构设计 idea
ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添
Linux查看服务器日志 TPBoreas 运维 linux 运维
一、tail这个是我最常用的一种查看方式用法如下：tail-n10test.log查询日志尾部最后10行的日志;tail-n+10test.log查询10行之后的所有日志;tail-fn10test.log循环实时查看最后1000行记录(最常用的)一般还会配合着grep用，(实时抓包)例如:tail-fn1000test.log|grep'关键字'（动态抓包）tail-fn1000test.log
vue + Element UI table动态合并单元格我家媳妇儿萌哒哒 element UI vue.js 前端 javascript
一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre
粒子群优化 (PSO) 在三维正弦波函数中的应用 subject625Ruben 机器学习人工智能 matlab 算法
在这篇博客中，我们将展示如何使用粒子群优化（PSO）算法求解三维正弦波函数，并通过增加正弦波扰动，使优化过程更加复杂和有趣。本文将介绍目标函数的定义、PSO参数设置以及算法执行的详细过程，并展示搜索空间中的动态过程和收敛曲线。1.目标函数定义我们使用的目标函数是一个三维正弦波函数，定义如下：objectiveFunc=@(x)sin(sqrt(x(1).^2+x(2).^2))+0.5*sin(5
《 C++ 修炼全景指南：四》揭秘 C++ List 容器背后的实现原理，带你构建自己的双向链表 Lenyiin 技术指南 C++修炼全景指南 c++list 链表 stl
本篇博客，我们将详细讲解如何从头实现一个功能齐全且强大的C++List容器，并深入到各个细节。这篇博客将包括每一步的代码实现、解释以及扩展功能的探讨，目标是让初学者也能轻松理解。一、简介1.1、背景介绍在C++中，std::list是一个基于双向链表的容器，允许高效的插入和删除操作，适用于频繁插入和删除操作的场景。与动态数组不同，list允许常数时间内的插入和删除操作，支持双向遍历。这篇文章将详细
这样旅行的人，值得拥有丰富而饱满的体验究竟
01“一张车票就实现了来拉萨的梦想。原以为很遥远，现也觉得旅途值得。也不过山河故人而已。”打开朋友圈，看到了强子新发的动态，配了两张图，一张图里是拉萨火车站，另一张图里是二十来张排列得整整齐齐的火车票，终点站都是拉萨。又想起几天前，姑娘秀了一波在青海湖的美照，照片里的她，身穿鲜艳的红色长裙，坐在牦牛背上，阳光打下来，她笑靥如花。橙色的旗子风中飘扬，那蓝绿色的青海湖和天空再美，也都成了陪衬。再看看自
代码随想录Day 41|动态规划之买卖股票问题，leetcode题目121. 买卖股票的最佳时机、122. 买卖股票的最佳时机Ⅱ、123. 买卖股票的最佳时机Ⅲ LluckyYH 动态规划 leetcode 算法数据结构
提示：DDU，供自己复习使用。欢迎大家前来讨论~文章目录买卖股票的最佳时机相关题目题目一：121.买卖股票的最佳时机解题思路：题目二：122.买卖股票的最佳时机II解题思路：题目三：123.买卖股票的最佳时机III解题思路总结买卖股票的最佳时机相关题目题目一：121.买卖股票的最佳时机[[121.买卖股票的最佳时机](https://leetcode.cn/problems/combination
2021-11-26 雅雅_201d
感恩活着的美好幸福喜悦。谢谢谢谢谢谢感恩打卡261.感恩亲爱的自己每天坚定的动态静心，让我充满力量充满奇迹。谢谢谢谢谢谢2.感恩遇见的每一个在走心的人儿，高频的能量在深深的吸引着我引领着我。谢谢谢谢谢谢3.感恩范先生有着良好的生命状态，和高能量的智慧传递，让我愉悦安心。谢谢谢谢谢谢4.感恩宝贝女儿，积极正向充满力量，每一声回应都让我更加的安心更加的有力量。谢谢谢谢谢谢5.感谢亲爱的爸爸妈妈非常喜悦
uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
51单片机——I2C总线存储器24C02的应用老侯（Old monkey） 51单片机嵌入式硬件单片机
目标实现功能单片机先向24C02写入256个字节的数据，再从24C02中一次读取2个字节的数据、并在数码管上动态显示，直至读完24C02中256个字节的数据。1.I2C总线简介I2C总线有两根双向的信号线，一根是数据线SDA,另一根是时钟线SCL。I2C总线通过上拉电阻接正电源，因此，当总线空闲时为高电平。2.I2C通信协议起始信号、停止信号由主机发出。在数据传送时，当时钟线为高电平时，数据线上的
python中文版软件下载-Python中文版编程大乐趣
python中文版是一种面向对象的解释型计算机程序设计语言。python中文版官网面向对象编程，拥有高效的高级数据结构和简单而有效的方法，其优雅的语法、动态类型、以及天然的解释能力，让它成为理想的语言。软件功能强大，简单易学，可以帮助用户快速编写代码，而且代码运行速度非常快，几乎可以支持所有的操作系统，实用性真的超高的。python中文版软件介绍：python中文版的解释器及其扩展标准库的源码和编
免费像素画绘制软件 | Pixelorama v1.0.3 dntktop 软件运维 windows
Pixelorama是一款开源像素艺术多工具软件，旨在为用户提供一个强大且易于使用的平台来创作各种像素艺术作品，包括精灵、瓷砖和动画。这款软件以其丰富的工具箱、动画支持、像素完美模式、剪裁遮罩、预制及可导入的调色板等特色功能，满足了像素艺术家们的各种需求。用户可以享受到动态工具映射、洋葱皮效果、帧标签、播放动画时绘制等高级功能，以及非破坏性的、完全可定制的图层效果，如轮廓、渐变映射、阴影和调色板化
后端开发刷题 | 把数字翻译成字符串（动态规划） jingling555 笔试题目动态规划 java 算法数据结构后端
描述有一种将字母编码成数字的方式：'a'->1,'b->2',...,'z->26'。现在给一串数字，返回有多少种可能的译码结果数据范围：字符串长度满足0=10&&num<=26){if(i==1){dp[i]+=1;}else{dp[i]+=dp[i-2];}}}returndp[nums.length()-1];}}
C#动态加载DLL程序集及使用反射创建实例-简记不全 C#相关 Asp.net WebForm Asp.net MVC c#Assembly 反射程序集
Assembly动态加载程序集：分两种情况：1、需要加载的程序集已经在程序中被引用了，则直接从当前程序域中查找即可：Assemblyassembly=AppDomain.CurrentDomain.GetAssemblies().FirstOrDefault(x=>x.GetName().Name.Contains("theAssemblyName"));2、需要加载的程序集未被加载，则使用程序集
滑动窗口+动态规划 wniuniu_ 算法动态规划算法
前言：分析这个题目的时候，就知道要这两个线段要分开，但是要保证得到最优解，那么我们在选取第二根线段的时候，要保证我们第一根线段是左边最优解并且我们选的两根线段的右端点一定是我们的数组的点（贪心思想）classSolution{public:intmaximizeWin(vector&prizePositions,intk){intn=prizePositions.size();vectormx(n
[转载] NoSQL简介 weixin_30325793 大数据数据库运维
摘自“百度百科”。NoSQL，泛指非关系型的数据库。随着互联网web2.0网站的兴起，传统的关系数据库在应付web2.0网站，特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心，暴露了很多难以克服的问题，而非关系型的数据库则由于其本身的特点得到了非常迅速的发展。NoSQL数据库的产生就是为了解决大规模数据集合多重数据种类带来的挑战，尤其是大数据应用难题。虽然NoSQL流行语
ruby和python哪个好学 hakesashou python基础知识 ruby python 开发语言
Ruby和python都挺好学的。建议学习Python，语法的话，Python相对更简洁。而且Python应用场合更广泛，运维、网站开发、数据处理、科学研究都可以。Ruby和Python十分相似，有很多共同点，但也有一些不同之外，以下是Python和Ruby的对比：1、Python和Ruby都是面向对象的语言，都是动态和灵活的。二者的主要区别在于他们解决问题的方式。Ruby提供了不同的方法，而Py
读书：《精神病学的人际关系理论》-引言-人格理论家妤
1.基本观点：人际关系。沙利文认为，人的本质是人的社会性，这种社会性表现为人际关系。也就是说，人是人际关系的存在，人只有在人际情境中才能生存和发展。2.人格含义：人际情境的持久模式。沙利文将人格定义为：使人类生活具有特征的周期性人际情境的相对持久的模式。他说“每个人有多少种人际关系，它就有多少种人格。”3.人格动态过程：紧张与能量转化。沙利文认为人类具有趋于心理健康的动力，同时每个人都有减少内心紧
[Golang] goroutine 沉着冷静2024 Golang golang 后端
[Golang]goroutine文章目录[Golang]goroutine并发进程和线程协程goroutine概述如何使用goroutine并发进程和线程谈到并发，大多都离不开进程和线程，什么是进程、什么是线程？进程可以这样理解：进程就是运行着的程序，它是程序在操作系统的一次执行过程，是一个程序的动态概念，进程是操作系统分配资源的基本单位。线程可以这样理解：线程是一个进程的执行实体，它是比进程粒
36. MyBatis如何支持多数据库操作？如何配置不同的数据源？这孩子叫逆 Mybatis笔记 mybatis 数据库
在许多企业级应用中，可能需要访问多个数据库。MyBatis可以通过配置多个数据源和动态切换数据源来支持多数据库操作。下面介绍如何在MyBatis中配置和使用多个数据源。1.多数据源的基本配置1.1配置多个数据源要支持多个数据源，首先需要在Spring或SpringBoot中配置不同的数据源。假设我们要连接两个数据库db1和db2，可以通过以下步骤进行配置。SpringBoot示例：applicat
2019-05-29 vue-router的两种模式的区别 Kason晨
1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash
系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机 rabbit_it qiankun学习前端框架前端阿里云
一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性
java解析APK 3213213333332132 java apk linux 解析APK
解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种：　　　一：把ip段放在redis里，写一段lua 二：利用geo传递变量，写一段
mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下： 1. CURRENT_TIMESTAMP 当要向数据库执行insert操作时，如果有个timestamp字段属性设为 CURRENT_TIMESTAMP，则无论这
struts2+spring+hibernate分页显示 171815164 Hibernate
分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
构建自己的Wrapper应用 g21121 rap
我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。首先，创建项目应用 &nb
[简单]工作记录_多线程相关 53873039oycg 多线程
最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求) 方案一使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回缺点测试发现必须3个接
调试jdk中的源码，查看jdk局部变量程序员是怎么炼成的 jdk 源码
转自：http://www.douban.com/note/211369821/ 学习jdk源码时使用-- 学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。可惜的是sun提供的jdk并不能查看运行中的局部变量
Oracle RAC Failover 详解 aijuans oracle
Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言，是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScript tomcat 浏览器互联网 servlet
原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。（一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
JS初学者必知的基础百合不是茶 js函数 js入门基础
JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
iBatis的分页分析与详解 bijian1013 java ibatis
分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle 数据库 plsql
/* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
【Linux命令二】文本处理命令awk bit1129 linux命令
awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。 awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
JAVA(ssh2框架)+Flex实现权限控制方案分析白糖_ java
目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。【SSH2权限系统的实现机制】权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
angular.forEach boyitech AngularJS AngularJS API angular.forEach
angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
action执行2次 Chen.H JavaScript jsp XHTML css Webwork
xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
[时空与能量]逆转时空需要消耗大量能源 comsci 能源
无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越..... 在进行时空穿梭的实验中,消耗超大规模的能源是必然
oracle的正则表达式(regular expression)详细介绍 daizj oracle 正则表达式
正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
报表工具与报表性能的关系 datamachine 报表工具 birt 报表性能润乾报表
在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。 2、
初一上学期难记忆单词背诵第一课 dcj3sjt126com word english
what 什么 your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课 six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
我学过和准备学的各种技术 dcj3sjt126com 技术
语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html
struts2中token防止重复提交表单蕃薯耀重复提交表单 struts2中token
struts2中token防止重复提交表单 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
线性查找二维数组 hao3100590 二维数组
1.算法描述有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n) 2.使用到的相关知识：结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816） 3.使用数组名传递这个的不便之处很明显，一旦确定就是不能设置列值 //使
spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
学习编程并不难,做到以下几点即可! lampcy java html 编程语言
不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发各种神奇的软件啦。 1、确定目标学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
1.前言。如题。 2.代码 (1)单表查重复数据,根据a分组 SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询，使用改为le
jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquery css name选择器追加元素查找节点
最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
关于EXT tntxia ext
ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 ExtJs最开始基于YUI技术，由开发人员Jack
一个MIT计算机博士对数学的思考 xjnine Math
在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe

关于级联菜单的动态生成以及状态回显

你可能感兴趣的:(动态)