基于easyUI实现系统日志管理
此文章是基于 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"> </span>[查看]</a>';
html += '<a href="'+rootPath+'/sys/log!download.do?fileName='+value+'" style="margin-left:10px"><span class="icon icon-download"> </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实现系统日志管理的更多相关文章
- 基于EasyUI Treegrid的权限管理资源列表
1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- ParamQueryGrid行、列合并(Ⅸ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划查询(Ⅷ)>,主要介绍通过报表工具数据钻取,获取施工计划详细信息. 这篇我们看看ParamQueryGrid[行 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划查询(Ⅷ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划安排>,主要介绍整个施工计划列表与编辑界面. 下面看看施工计划查询(ⅠⅡⅢ ⅣⅤⅥ Ⅶ Ⅷ) 一.施工计划查询 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 施工计划安排(Ⅶ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页Portal界面拖拽>,主要介绍首页随客户喜好安排区块位置,更好的实现用户体验. 这两天将项目中施工计划管理归纳总结 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页Portal界面拖拽(Ⅵ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 构建Web界面>,主要介绍系统界面布局.导出数据等. 本篇将介绍首页Portal界面拖拽. 一.首页Portal界面拖拽 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 构建Web界面(Ⅴ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计>,主要介绍系统数据统计所采用图形.报表工具. 本篇将如何构建Web界面以及新增.编辑.导出数据等功能. 一.在 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计(Ⅳ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页快捷方式>,主要介绍通过添加首页快捷方式,快速进入各个应用菜单功能. 将常用的菜单功能作为快捷方式,避免由于寻找诸多 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页快捷方式(Ⅲ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 登录窗口>,主要是介绍系统登录界面页面设计与代码. 最近刚做完施工计划安排设计,之后将分享出来,这个系列更新不是很快,望 ...
- 基于WebForm+EasyUI的业务管理系统形成之旅 -- 登录窗口(Ⅱ)
上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 系统设置>,主要是介绍系统浏览器在线下载安装,这些前期准备是非常重要的. 最近忙于将工程管理系统中各个模块,用业务流程方 ...
随机推荐
- Azure File挂载报错--System Error 1231
背景信息: 1.Azure 虚拟机与Azure File位于同一区域 2.同一Azure File可以挂载到别的同型号的虚拟机上使用,唯独挂载到问题机器(test01)时出现如下报错:System E ...
- 新公司，环境搭建，windows上的坑
1 在windows上安装nodejs环境,node -v 后可以看到版本号 2 在windows上安装nvm管理node的版本,可以对node版本自由切换,使用5.3.0版本的node 3 在win ...
- (C/C++) 亂數應用
因為公司需要寫了一個亂數產生測試條件的小程式,再此紀錄下來 int _tmain(int argc, _TCHAR* argv[]) { fstream file; file.open("t ...
- 干掉Vivado幺蛾子（1）-- Xilinx Tcl Store
目录 1. 安装Xilinx Tcl Store 2. 手动更新 2.1 下载库 2.2 修改环境变量 参考文献: 最近在跟着高亚军老师的分析文章来学习Xilinx最近发布的<UltraFast ...
- JeeSite功能模块解读，功能介绍，功能实现
做为十分优秀的开源框架,JeeSite拥有着很多实用性的东西. 首先说下他的一个流程 Jeesite流程 流程 主要是jsp,entity,dao,dao.xml,service,controller ...
- 高阶篇：5）仿真研究Simulation studies
本章目的:了解仿真,初步学会怎么应用仿真. 1.仿真的定义 仿真------就是用模型(物理模型或数学模型)代替实际系统进行实验和研究. 把实际系统建立成物理模型或数学模型进行研究,然后把对模型实 ...
- stark - 介绍
总结下自己寒假所写的stark组件. 介绍: stark组件,是一个帮助开发者快速实现数据库表的增删改查+的组件. 目标: 1min 中完成实现一张表的增删改查等功能. 目录: stark - 1 ⇲ ...
- Python爬虫常用之登录(二) 浏览器模拟登录
浏览器模拟登录的主要技术点在于: 1.如何使用python的浏览器操作工具selenium 2.简单看一下网页,找到帐号密码对应的框框,要知道python开启的浏览器如何定位到这些 一.使用selen ...
- 剑指offer——面试题23：链表中环的入口节点
函数: ListNode* MeetingNode(ListNode* pHead) { if(pHead==nullptr) return nullptr; ListNode* quickNode= ...
- List<Type> 随机
public List<T> GetRandomList<T>(List<T> inputList){ //Copy to a array T[] copyArra ...