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

Source: Internet
Author: User

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

Related Article

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.