使用 Web 服务器日志 -4 日志统计的基本工具 更新
 
- UID
- 1066743
|

使用 Web 服务器日志 -4 日志统计的基本工具 更新
为了使用 Exhibit,可以创建一个 HTML 页面,该页面加载 Exhibit library JavaScript 和 JSON。清单 7 是一个非常简单的用于显示日志文件信息的 Exhibit HTML 页面。
清单 7. Exhibit 日志查看器的 HTML1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
| <html>
<head>
<title>Apache log entries</title>
<link href="logview.js" type="application/json" rel="exhibit/data" />
<script src="//static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"
type="text/javascript"></script>
<script src="//static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"
type="text/javascript"></script>
<style>
#main { width: 100%; }
#timeline { width: 100%; vertical-align: top; }
td { vertical-align: top; }
.entry { border: thin solid black; width: 100%; }
#facets { padding: 0.5em; width: 20%; }
.label { display: none; }
</style>
</head>
<body>
<h1>Apache log entries</h1>
<table id="main">
<tr>
<!-- The main display area for Exhibit -->
<td ex:role="viewPanel">
<div id="what-lens" ex:role="view"
ex:viewClass="Exhibit.TileView"
ex:label="What">
</div>
</div>
<!-- Timeline view for the feed data -->
<div id="timeline" ex:role="view"
ex:viewClass="Timeline"
ex:label="When"
ex:start=".timestamp"
ex:colorKey=".status"
ex:topBandUnit="day"
ex:topBandPixelsPerUnit="200"
ex:topBandUnit="week">
</div>
</td>
<!-- Boxes to allow users narrow down their view of feed data -->
<td id="facets">
<div ex:role="facet" ex:facetClass="TextSearch"></div>
<div ex:role="facet" ex:expression=".path" ex:facetLabel="Path"></div>
<div ex:role="facet" ex:expression=".referrer" ex:facetLabel="Referrer"></div>
<div ex:role="facet" ex:expression=".origin" ex:facetLabel="Origin"></div>
<div ex:role="facet" ex:expression=".client" ex:facetLabel="Client"></div>
<div ex:role="facet" ex:expression=".status" ex:facetLabel="Status"></div>
</td>
</tr>
</table>
</body>
</html>
|
图 2 显示那个简单的 HTML 源代码输出的一个内容丰富的视图。Exhibit 做了所有繁琐的工作。通过方框可以缩短显示的项。例如,可以分析一个源地址的访问模式。
图 2. Exhibit 日志文件查看器(“What” 视图) 图 3 显示另一个输出视图,时间线视图。要查看该视图,可单击默认视图顶部的 When。
图 3. Exhibit 日志文件查看器(“When” 视图) |
|
|
|
|
|