Еще несколько месяцев назад на сайте кодекса wordpress видел картинку, на которой изображена база данных wordpress в виде UML диаграммы. У меня сразу возникла идея, почему бы не сделать такую же динамическую вещь, чтобы такая UML диаграмма генерилась на основании реальной БД. Читалась структура БД и визуально отображалась пользователю.

Сверстал такие блоки, сделал блоки перетаскиваемыми и сворачиваемыми, но долгое время не мог отрисовать визуальную связь между полями таблиц. На русском форуме jQuery (спасибо всем, кто помогал тогда копать в эту сторону) поднимал вопрос как сделать такие связи, но реализовать так и не получилось.

Буквально неделю назад нашел js скрипт, который позволил вернутся к ранее начатой идее и реализовать её. В wordpress нет связанных полей foreign keys в базе данных, все связи на уровне запроса, видимо реализуются (спасибо Сергею Бирюкову и Сергею Моисеенко). Поэтому пример выкладываю не с реальной БД, а статический и не соответствующий реальной БД wordpress - смотреть.

Также написал нехитрый php скрипт, который позволяет визуализировать любую базу данных, формируя визуальные таблицы и связи динамически исходя из данных реальной базы данных. Если кому-то нужно это, то пишите. Скрипт умеет:

  • Брать информацию о таблицах, полях, внешних ключах из базы данных
  • Генерить в HTML наглядные таблицы
  • Отображать тип каждого поля (при наведении)
  • Отрисовывать динамически внешние связи
  • Отображать первичный ключ таблицы

Скрипт работает в Firefox, Opera, Safari, Chrome, IE (тормозит)

Пока практического применения этой вещи особо не нахожу, но кто знает... Просто понравилась идея ).

Прочтите также: