O & M architecture diagram: Use the frontend to easily implement a cluster framework Diagram

Preface:

A buddy in this group asked me how to implement the architecture diagram of a cluster. When talking about the architecture diagram, everyone must think of Using Visio or yitu, but what should they do dynamically? Even higher-end users can see not only the architecture diagram, but also the traffic and load information. Now the O & M platform is so hot that everyone can't wait to make the platform more comprehensive. I used to present a data center diagram. If you are interested, I can find it in my previous blog.

O & M platform-based IDC cabinet topology and data presentation Implementation ideas

Http://rfyiamcool.blog.51cto.com/1030776/1346389

650) This. width = 650; "src =" http://s3.51cto.com/wyfs02/M00/4B/0A/wKiom1Qn1rThOaX4AANwufEHeY4204.jpg "Title =" qq20140928173538.jpg "alt =" wkiom1qn1rthoax4aanwufehey4204.jpg "/>

The jquery.jorgchart.css JS library is used for implementation. You only need to make a template, and then make various if judgments. You know. I personally think that you need to mark the position in the CMDB asset system. Otherwise, when you do a structural diagram later, you will find that the status cannot be changed .....

<SCRIPT src = "http://libs.baidu.com/jquery/1.9.0/jquery.js"> </SCRIPT> <SCRIPT src = "http://libs.baidu.com/jqueryui/1.8.22/jquery-ui.min.js"> </SCRIPT> <SCRIPT src = "jquery. jorgchart. JS "> </SCRIPT> <SCRIPT> jquery (document ). ready (function () {$ ("# org "). jorgchart ({chartelement: '# chart', draganddrop: true}) ;}); </SCRIPT> 


The implementation method here is a little simple. You can create templates by yourself, or you can change them to your server icons.



Okay, I will not talk about it anymore!
This article is from "Fengyun, it's her ." Blog, declined to reprint!
O & M architecture diagram: Use the frontend to easily implement a cluster framework Diagram