java读取某个目录下所有文件并通过el表达式将相关文件信息展示出来，js提供页面搜索及查看下载功能

时间：2016-05-07 07:37:33 阅读：465 评论：0 收藏：0 [点我收藏+]

标签：

从服务器上读取某个目录下的文件将文件名文件修改日期及文件大小展示在前台并可以查看及下载

技术分享

第一步：读取文件目录下的文件，并将文件按时间由大到小排列
   public ArrayList<File> getLogs() {
       // TODO Auto-generated method stub
       ArrayList<File> tomcatLogs = new ArrayList<File>();
            File path = new File("");
        File newPath = new File(path.getAbsolutePath()+"\\log"); //这里默认的是tomcat默认的工作目录日志
        File[] files = newPath.listFiles();
        File tempFile = new File("");
        for(int i=0;i<files.length;i++){   //使用冒泡排序法将文件按修改时间排序
           for(int j=i;j<files.length;j++){
               if(files[i].lastModified()<files[j].lastModified()){
                   tempFile = files[i];
                   files[i] = files[j];
                   files[j] = tempFile;
               }
            }
        }
        for ( File file : files )
        {
           tomcatLogs.add(file);
        }
       return tomcatLogs;
   }
第二步：将获取的文件LIST展示在前台上使用技术：EL表达式如下图所示，并提供界面搜索功能。

   代码展示：
<link rel="stylesheet" type="text/css" href="${ctx}/css/bca/dialog.css" />
<style>
   .content{
       margin-top:20px;
   }
   #commands{
   margin-top:10px;
   padding-left: 0px;
   }
#commands li{
           list-style:none;
           backgroud: #000;
           height: 40px;
           line-height: 40px;
           color:#000;
           padding-left:10px;
           width: 100%;
}
.selectedLi{
           background: #40C5F0;
           border-left: 5px solid #0294AC;
}
.selectedLi a{
           color:#fff;
           text-decoration: none;
}
</style>

</head>
<body>
<script type="text/javascript">
function getTomcatLog(logName,type,size){
   if(type == "down"){
       var urlLogShow = sprintf("${ctx}/log/downLoadLog.do?logName=%s&type=%s",logName,type);
       window.open(urlLogShow);
   }else{
       var intSize = parseInt(size);
       if(size>1024*2){
           showMessage(‘文件太大不能在浏览器中打开，请下载之后查看！‘);
           return;
       }
       var urlLogShow = sprintf("${ctx}/pages/log/tomcatLogShow.page?logName=%s&type=%s",logName,type);
       window.open(urlLogShow);
   }

}

var findSysName = function(){
   $("#commands li").hide();
   var keyword = $("#log_key").val();
   if (keyword.length == 0) {
       $("#commands li").show();
   } else {
       $("#commands li:contains(" + keyword + ")").show();
   }
}
</script>

     <div class="col-sm-3" style="padding-right: 0px;width: 75%;margin-left: 16%;float: inherit;">
                   <fieldset class="fieldsetStyle" id="showCommands">
                       <div class="ct_control_bar">
                           <input class="box-height" style="width:30%" placeholder="search" type="text" name="log_key" id="log_key">
                           <input class="btn btn-primary btn-xs" type="button" value="${bcafn:_("Search")}" id="logSelect" onclick="findSysName()">
                       </div>
                        <div id="groupTree" name="groupTree" class="systemTree">


                           <ul id="commands" class="sys_ula">
                                <li >
                                      <div style="width: 250px;float: left;">文件名称</div>
                                      <div style="width: 200px;float: left;" align="left" >修改日期</div>
                                      <div style="width: 100px;float: left;" align="right">大小</div>

                               </li>
                               </br>
                              <c:forEach var="log" items="${logs}">

                               <li >
                                      <div style="width: 250px;float: left;">${log.getName() }</div>
                                      <div style="width: 200px;float: left;" align="left" id="${log.getName() }">${log.lastModified() }</div>
                                      <div style="width: 100px;float: left;" align="right"> <fmt:formatNumber type="number" value="${log.length()/1024 }" maxFractionDigits="0"/>KB</div>
                                              
                                      <input class="btn btn-primary btn-xs" type="button" value="${bcafn:_("Download")}" onclick="getTomcatLog(‘${log.getName() }‘,‘down‘,‘${log.length()/1024 }‘)">
                                      <c:if test="${log.length()/1024<= 1024*2}">
                                        <input class="btn btn-primary btn-xs" type="button" value="${bcafn:_("View")}" onclick="getTomcatLog(‘${log.getName() }‘,‘show‘,‘${log.length()/1024 }‘)">
                                      </c:if>
                               </li>
                             </c:forEach>
                               <script type="text/javascript">
                                   $(document).ready(function() {
                                       <c:forEach var="log" items="${logs}" >
                                          var spanid = "${log.getName() }";
                                          var date = getFormatDateByLong(parseInt("${log.lastModified() }"));
                                          document.getElementById(spanid).innerHTML = date;
                                        </c:forEach>
                                      });
                                </script>
                           </ul>
                       </div>
                   </fieldset>
       </div>

       <div class="content content-btn" style="margin-top: 0px; margin-right: 80px;margin-bottom:10px;">
           <input id="cancel" type="button" value="${bcafn:_("Close")}" class="btn btn-default"/>
       </div>
</body>


技术特点：（1）、javaScript中使用el表达式，将毫秒级的时间转换为日期格式 eg:1462520365327 转为 2016-05-06 15:39:25。
           （2）、jquery、javaScript页面搜索功能。
第三步、查看或者下载
    public String showOrDownLog(String logName,String type,HttpServletResponse response) {
       // TODO Auto-generated method stub
       String logHsow="";
       if(StringUtils.isNotEmpty(logName)){
           File path = new File("");
           try {
               InputStream fis = new FileInputStream(path.getAbsolutePath()+"\\log\\"+logName);
               if("show".equals(type)){ //查看
                   BufferedReader reader= new BufferedReader(new InputStreamReader(fis,"GBK")); //根据文件格式来定
                   String line=null;
                   for(;(line=reader.readLine())!=null;){     logHsow+=line+"\n"; }
                   reader.close();
               }else{//下载
                   response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
                   response.setHeader("Content-Disposition", "attachment; filename="+ UrlEncoder.encode(logName,"utf-8"));
                   response.setHeader("Cache-Control","max-age=0");
                   byte[] buffer = new byte[fis.available()];
                   fis.read(buffer);
                   response.getOutputStream().write(buffer);
                   response.getOutputStream().flush();
                   response.getOutputStream().close();
                   fis.close();
               }


           } catch (Exception e) {
               // TODO Auto-generated catch block
               e.printStackTrace();
           }
       }

       return logHsow;

}

技术分享

java读取某个目录下所有文件并通过el表达式将相关文件信息展示出来，js提供页面搜索及查看下载功能

标签：

原文地址：http://blog.csdn.net/sq_better/article/details/51332575

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行