此文章是基于　　EasyUI+Knockout实现经典表单的查看、编辑

一. 相关文件介绍

　　1. log.jsp：系统日志管理界面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<html>

 <head>

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

    <title>日志管理</title>

    <%@ include file="/common/head.jsp"%>

 </head>

 <body>

     <div class="toolbar">

        <a href="#" plain="true" class="easyui-linkbutton" icon="icon-arrow_refresh" title="刷新" data-bind="click:refreshClick">刷新</a>

    </div>

    <div id="condition" class="container_12" style="position:relative;height:50px;">

        <div class="clear" style="height:13px;"></div>

        <div class="grid_1 lbl">日志日期</div>

        <div class="grid_2 val"><input type="text" data-bind="value:form.logDate" class="txtBox easyui-daterange"/></div>

        <div class="prefix_9" style="position:absolute;top:5px;height:0;">

            <a id="search" href="#" class="buttonHuge button-blue" style="margin:0 15px;" data-bind="click:searchClick">查询</a>

            <a id="reset" href="#" class="buttonHuge button-blue" data-bind="click:clearClick">清空</a>

        </div>

    </div>

    <div id="tt" class="easyui-tabs">

        <div title="系统日志" >

            <table data-bind="datagrid:system">

                <thead>

                    <tr>

                        <th field="fileName"    align="left"    width="150"  >日志文件   </th>

                        <th field="fileSize"        align="left"    width="100" >文件大小   </th>

                        <th field="id"    align="center"    width="150" formatter="formatsys_log" >操作     </th>

                    </tr>

                </thead>

            </table>

        </div>

    </div>

    <script type="text/html" id="log-view-template">

        <div id="logView" style="margin:5px 0;font-size:12px;white-space:nowrap;">

        </div>

    </script>

    <%@ include file="/common/foot.jsp"%>

    <script type="text/javascript" src="viewModel/sys/log.js"></script>

    <script type="text/javascript">

        using(['messager', 'dialog']);

        ko.bindingViewModel(new viewModel());

        var formatsys_log = function (value) {

            var html = '<a href="javascript:;" onclick=\'view("' + value + '")\'><span class="icon icon-search">&nbsp;</span>[查看]</a>';

            html += '<a href="'+rootPath+'/sys/log!download.do?fileName='+value+'" style="margin-left:10px"><span class="icon icon-download">&nbsp;</span>[下载]</a>';

            return html;

        };

    </script>

 </body>

</html>

　　

　　2. log.js：实现日志管理列表、功能，日志查看

function viewModel(){

    var self = this;

    this.form = {logDate:ko.observable()};

    this.system = {

        size: { w: 6, h: 123 },

        url: rootPath+"/sys/log!getSystemLog.do",

        queryParams: ko.observable(),

        pagination: true

    };

    this.refreshClick = function () {

        window.location.reload();

    };

    this.searchClick = function () {

        this.system.queryParams(ko.toJS(this.form));

    };

    this.clearClick = function () {

        this.form.logDate("");

        this.searchClick();

    }

};

var view = function (id) {

    com.dialog({

        title: "查看日志",

        width: 700,

        height: 500,

        maximizable: true,

        html: "#log-view-template",

        viewModel: function (w) {

            com.ajax({

                type: "GET",

                url: rootPath+"/sys/log!view.do?fileName=" + id,

                success: function (d) {

                    w.find("#logView").html(d);

                }

            })

        }

    });

};

　　3. logController.java

package com.ims.web.controller.sys;

import java.io.BufferedInputStream;

import java.io.BufferedOutputStream;

import java.io.File;

import java.io.FileInputStream;

import java.io.InputStream;

import java.io.OutputStream;

import java.util.ArrayList;

import java.util.Arrays;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import org.apache.commons.lang3.StringUtils;

import org.apache.log4j.FileAppender;

import org.apache.log4j.Logger;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.servlet.ModelAndView;

import com.ims.common.DateUtil;

import com.ims.common.FileUtil.FileAttr;

import com.ims.common.FileUtil;

@Controller

@RequestMapping("sys")

public class LogController extends SysBaseController{

    @RequestMapping("log")

    public ModelAndView log(){

        ModelAndView view = new ModelAndView("sys/log.jsp");

        return view;

    }

    @RequestMapping("log!getSystemLog")

    public void getSystemLog(@RequestParam Map<String, String> params){

        FileAppender appender = (FileAppender)Logger.getRootLogger().getAppender("roll");

        String filePath = appender.getFile();

        String logFileName = filePath.substring(filePath.lastIndexOf("/")+1, filePath.length());

        File folders = new File(filePath.substring(0, filePath.lastIndexOf("/")+1));

        String[] files = folders.list();

        if(StringUtils.isNotBlank(params.get("logDate"))){

            Map<String,String> date = DateUtil.getStartEndDate(params.get("logDate"));

            List<String> newFiles = new ArrayList<String>();

            for(String fileName:files){

                String temp = fileName;

                if(logFileName.equals(fileName)){

                    temp = fileName+"."+DateUtil.getCurrDate();

                }

                temp = temp.substring(logFileName.length()+1, temp.length()) + " 00:00:00";

                if(StringUtils.isNotBlank(date.get("startDate"))){

                    if(temp.compareTo(date.get("startDate"))<0){

                        continue;

                    }

                }

                if(StringUtils.isNotBlank(date.get("endDate"))){

                    if(temp.compareTo(date.get("endDate"))>0){

                        continue;

                    }

                }

                newFiles.add(fileName);

            }

            files = (String[])newFiles.toArray(new String[newFiles.size()]);

        }

        Map<String, Object> result = new HashMap<String, Object>();

        result.put("total", files.length);

        Integer page = Integer.valueOf(params.get("page"));

        Integer rows = Integer.valueOf(params.get("rows"));

        files = Arrays.copyOfRange(files, (page-1)*rows, page*rows);

        List<FileAttr> fileList = new ArrayList<FileAttr>();

        for(String fileName:files){

            if(fileName!=null){

                FileAttr fileAttr = new FileAttr();

                fileAttr.setId(fileName);

                fileAttr.setFileName(fileName);

                File file = new File(folders.getAbsolutePath()+"\\"+fileName);

                fileAttr.setFileSize(file.length()/1024+" KB");

                fileList.add(fileAttr);

            }

        }

        result.put("rows", fileList);

        ajaxJson(result);

    }    

    @RequestMapping("log!view")

    public void view(String fileName){

        FileAppender appender = (FileAppender)Logger.getRootLogger().getAppender("roll");

        String filePath = appender.getFile();

        File folders = new File(filePath.substring(0, filePath.lastIndexOf("/")+1));

        String log = FileUtil.readFileByLines(folders.getAbsolutePath()+"\\"+fileName);

        ajaxJson(log);

    }

    @RequestMapping("log!download")

    public void download(String fileName){

        try{

            FileAppender appender = (FileAppender)Logger.getRootLogger().getAppender("roll");

            String filePath = appender.getFile();

            File folders = new File(filePath.substring(0, filePath.lastIndexOf("/")+1));

            String path = folders.getAbsolutePath()+"\\"+fileName;

            File file = new File(path);// path是根据日志路径和文件名拼接出来的

            String filename = file.getName();// 获取日志文件名称

            InputStream fis = new BufferedInputStream(new FileInputStream(path));

            byte[] buffer = new byte[fis.available()];

            fis.read(buffer);

            fis.close();

            response.reset();

            // 先去掉文件名称中的空格,然后转换编码格式为utf-8,保证不出现乱码,这个文件名称用于浏览器的下载框中自动显示的文件名

            response.addHeader("Content-Disposition", "attachment;filename=" + new String(filename.replaceAll(" ", "").getBytes("utf-8"),"iso8859-1"));

            response.addHeader("Content-Length", "" + file.length());

            OutputStream os = new BufferedOutputStream(response.getOutputStream());

            response.setContentType("application/octet-stream");

            os.write(buffer);// 输出文件

            os.flush();

            os.close();

        }catch(Exception e){

            ajaxJson(STATUS_ERROR, "日志文件下载失败");

        }

    }

}

二. 效果图

　　1. 访问：http://localhost:8080/ims/sys/log.do，日志管理界面

　　2. 点击 查看

基于easyUI实现系统日志管理的更多相关文章

  1. 基于EasyUI Treegrid的权限管理资源列表

    1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到 ...

  2. 基于WebForm+EasyUI的业务管理系统形成之旅 -- ParamQueryGrid行、列合并(Ⅸ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划查询(Ⅷ)>,主要介绍通过报表工具数据钻取,获取施工计划详细信息. 这篇我们看看ParamQueryGrid[行 ...

  3. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划查询(Ⅷ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划安排>,主要介绍整个施工计划列表与编辑界面. 下面看看施工计划查询(ⅠⅡⅢ ⅣⅤⅥ Ⅶ Ⅷ) 一.施工计划查询 ...

  4. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划安排(Ⅶ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页Portal界面拖拽>,主要介绍首页随客户喜好安排区块位置,更好的实现用户体验. 这两天将项目中施工计划管理归纳总结 ...

  5. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页Portal界面拖拽(Ⅵ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 构建Web界面>,主要介绍系统界面布局.导出数据等. 本篇将介绍首页Portal界面拖拽. 一.首页Portal界面拖拽 ...

  6. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 构建Web界面(Ⅴ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计>,主要介绍系统数据统计所采用图形.报表工具. 本篇将如何构建Web界面以及新增.编辑.导出数据等功能. 一.在 ...

  7. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计(Ⅳ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页快捷方式>,主要介绍通过添加首页快捷方式,快速进入各个应用菜单功能. 将常用的菜单功能作为快捷方式,避免由于寻找诸多 ...

  8. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页快捷方式(Ⅲ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 登录窗口>,主要是介绍系统登录界面页面设计与代码. 最近刚做完施工计划安排设计,之后将分享出来,这个系列更新不是很快,望 ...

  9. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 登录窗口(Ⅱ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 系统设置>,主要是介绍系统浏览器在线下载安装,这些前期准备是非常重要的. 最近忙于将工程管理系统中各个模块,用业务流程方 ...

随机推荐

  1. AHOI2005航线规划 bzoj1969（LCT缩点）

    题目描述 对Samuel星球的探险已经取得了非常巨大的成就,于是科学家们将目光投向了Samuel星球所在的星系——一个巨大的由千百万星球构成的Samuel星系. 星际空间站的Samuel II巨型计算 ...

  2. 在通知栏上玩游戏，Steve iOS 游戏实现思路

    最近有一款游戏特别的火爆,叫做Steve ,一种可以在通知中心直接玩的游戏.作者的脑洞也是非常的大,实在让人佩服.其实实现起来也简单,就是用到了iOS8新特性 app extension(Today ...

  3. js 平均分割

    let alllist=res.data; var result = []; for (var i = 0; i < alllist.length; i += 3) { result.push( ...

  4. SQL SERVER中的二种获得自增长ID的方法

    新方法 insert into TblClass output inserted.tClassId values('Hi~班','英语班') 老方法 insert into 表名 () values ...

  5. 主流服务器虚拟化技术简单使用——Xen（一）

    Tips:因为博客园网页布局的原因,部分图片显示不清晰,可以放大网页查看清晰图片. 如果系统使用物理机,需要在BIOS里面开启Intel VT-x(或AMD-V),如果是VMware workstat ...

  6. node爬取页面元素

    /** * Created by on 2018/12/25. */const http = require("https");const fs = require('fs'); ...

  7. Tomcat中查看JVM内存使用情况

    TOMCAT运行时,实时监控当前应用JVM的使用情况:可以利用Tomcat自带的应用manager查看详情. 首先,确认服务目录webapps下有manager应用 其次,需要创建角色manager和 ...

  8. 4G和有线网络的自动切换

    最近项目有个需求,把移动服务器设备(Ubuntu14.04)安装4G模块,但如果连接有线时,可以自动切换到有线,以降低移动流量带来的费用. 以下是我实现的方法(经过一番痛苦的摸索) 1. 脚本/opt ...

  9. C# 修改系统时间

    /// <summary> /// 同步服务时间 /// </summary> public class SyncServerTime { //设置系统时间的API函数 [Dl ...

  10. UML-4-初始不是需求阶段

    1.初始阶段到底做什么? 确定项目外包还是自研.成本多少. 系统边界 关键的10%的用例.非功能性需求分析,业务案例创建 开发环境准备 而需求分析是在细化阶段进行的. 2.初始阶段(或细化阶段早期)应 ...