|
|
|
|
移动端

1.2.13 创建交互-Ajax

《开源安全运维平台--OSSIM最佳实践》第1章OSSIM架构与原理,本章从OSSIM起源讲起,介绍了目前运维人员现状,逐步谈到应用SIEM的必要性,进而介绍OSSIM架构与组成原理,另外还介绍了基于插件的日志采集思路,提出标准化安全事件的全新理念,详细分析了OSSIM的高可用架构与实现方法。本节为大家介绍创建交互-Ajax。

作者:李晨光来源:清华大学出版社|2016-01-14 16:36

开发者盛宴来袭!7月28日51CTO首届开发者大赛决赛带来技术创新分享

1.2.13  创建交互-Ajax

OSSIM的Web UI具有很强的可定制性,允许用户更改默认的系统功能,可根据自己喜好,对其显示位置进行个性化定制,比如个性化的主页或仪表盘或者SIEM控制台,根据情况增加/删除过滤插件,这些后台实现通过jQuery库实现(/usr/share/ossim/www/js/)jQuery比Javascript更简单,减少了复杂的交互。在OSSIM的Web UI中利用Ajax+jQuery技术实现UI创建具有各种定制功能。可以说没有Ajax+jQuery就没有Ossim UI中各种丰富的交互式图表的展示。

PHP开发人员在框架中实现Ajax(Asynchronous Javascript And XML,异步JavaScript和XML)技术。在框架中使用Ajax技术可以改变传统B/S应用程序的一些弊端,例如对用户反应不灵敏等。传统的Web应用中,用户总是处于提交、等待、响应过程中。而利用Ajax技术提供了客户端与服务器异步通信的能力,从根本上让用户从请求、等待、响应的循环中解脱出来,在OSSIM中从哪里查看呢?从/usr/share/ossim/www/assets/ajax下的程序分析得知,OSSIM前台框架采用了Ajax技术。

在OSSIM前台框架的描述网页中有很多页面,它们有着相似之处,我们使用Ajax加载不同的地方即可,这样提高了页面加载速度,用Ajax还可以让页面不用刷新,也能显示不同内容。OSSIM系统可以说UI离不开Ajax技术,其整个UI可看成是基于JavaScript事件驱动数据由XML HTTP获取。详细过程大家可阅读usr/share/ossim/www/js/prototype.js源码。

实例:为什么在OSSIM Web UI中加载图像时会出现Loading widget?如图1-28所示。

在OSSIM中,通过Ajax向页面中加载内容时,由于机器问题会出现"loading widget"提示,伴随菊花圈不停旋转,这时页面在加载控件。如果读者具有PHP基础,还可以继续分析/usr/share/ossim/www/dashboard/sections/wizard/wizard.php和/usr/share/ossim/www/dashboard/js/analytics_duo.js。

喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:342347198

【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

Oracle 10g应用指导与案例精讲

本书作者结合自己多年实践经验,从Oracle开发应用中遇到的问题着手,全面系统地介绍Oracle的安装与卸载、数据字典、安全管理以及用PL/SQL开...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊