Изменения документа Диаграммы Схемы Графики
Редактировал(а) Coluns 31.03.2023
Сводка
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
-
Вложения (0 изменено, 5 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -2,7 +2,6 @@ 2 2 {{toc start="2"/}} 3 3 {{/box}} 4 4 5 - 6 6 == Возможности платформы == 7 7 8 8 Платформа XWiki предоставляет богатый инструментарий для работы с разнообразными диаграммами, схемами и графиками. При этом у нас есть возможность рисовать их в графическом редакторе, визуализировать на основе данных, либо использовать языки построения диаграмм. Все эти фичи реализованы с помощью специальных расширений и макросов. ... ... @@ -21,3 +21,48 @@ 21 21 Расширение "**Diagram**" позволяет рисовать диаграммы и схемы непосредственно в XWiki, используя визуальный редактор draw.io. Несколько вводных о нем дано в [[статье "В XWiki можно легко создавать диаграммы">>doc:Stati.Metodiki-primeneniia-XWiki.V-XWiki-mozhno-legko-sozdavat-diagrammy.WebHome]], рассмотрим его здесь немного подробнее. 22 22 23 23 Принцип работы с данным расширением таков: в определенную нами для размещения диаграммы позицию статьи вставляем макрос "**Diagram**", используя окно выбора макросов, как показано на рисунке: 23 + 24 + 25 +[[image:2023-02-18_11-16-47.png]] 26 + 27 + 28 +В поле "**Reference**" макроса необходимо задать обозначение будущей диаграммы, оно будет использовано для создания дочерней страницы с диаграммой. В данном примере мы использовали обозначение "(% style="color:#16a085" %)**//Diagram 1//**(%%)". 29 + 30 +То же самое можно сделать, перейдя с помощью кнопки [[image:2021-09-24_100802.png]] "**Источник**" в режим разметки и вставив код макроса: 31 + 32 +(% bis_skin_checked="1" class="box" %) 33 +((( 34 +~{~{diagram reference="Diagram 1"/}} 35 +))) 36 + 37 +В обоих случаях после сохранения страницы в выбранном нами месте статьи появляется кнопка "**Create diagram**", при нажатии которой автоматически создается дочерняя вики-страница с обозначением, заданным для ссылки в макросе (в нашем примере "(% style="color:#16a085" %)**//Diagram 1//**(%%)"). 38 + 39 + 40 +[[image:2023-02-18_11-33-52_cr.png]] 41 + 42 + 43 +Эта страница содержит интерфейс редактора draw.io и позволяет создавать диаграммы и схемы с помощью визуальных инструментов. 44 + 45 +После создания и сохранения диаграммы она будет отображена на этой странице, а также на родительской странице со статьей, в которую мы вставили макрос. 46 + 47 + 48 +[[image:2023-02-18_11-48-22-2.png]] 49 + 50 + 51 +В дальнейшем при необходимости редактирования диаграммы это можно осуществить на дочерней странице, изменения будут автоматически отражены и в родительской статье. 52 + 53 +Вот таким образом мы можем использовать встроенный визуальный редактор диаграмм draw.io. 54 + 55 + 56 +== Работа с диаграммами на языке UML == 57 + 58 +Кроме рисования в визуальном редакторе draw.io, платформа XWiki позволяет создавать диаграммы, используя [[язык UML>>url:https://ru.wikipedia.org/wiki/UML]]. 59 + 60 +Для этого предназначен специальный макрос "**PlantUML**", позволяющий отображать диаграммы и схемы, описанные языком UML. Работа с ним чрезвычайно проста: вы помещаете этот макрос в нужную позицию статьи и вносите в него описание диаграммы на языке UML. 61 + 62 + 63 +[[image:2023-02-18_17-41-18.png]] 64 + 65 + 66 + 67 +
- 2021-09-24_100802.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hp - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +235 bytes - Содержимое
- 2023-02-18_11-16-47.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hp - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +108.8 KB - Содержимое
- 2023-02-18_11-33-52_cr.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hp - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +114.3 KB - Содержимое
- 2023-02-18_11-48-22-2.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hp - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +207.3 KB - Содержимое
- 2023-02-18_17-41-18.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hp - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +208.9 KB - Содержимое