edu-dis-labs/assets/js/18.6f400601.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{643:function(t,a,s){"use strict";s.r(a);var n=s(34),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"проєктування-системи"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#проєктування-системи"}},[t._v("#")]),t._v(" Проєктування системи")]),t._v(" "),s("p",[t._v("Вбудовування зображень діаграм здійснюється з використанням сервісу "),s("a",{attrs:{href:"https://plantuml.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("plantuml.com"),s("OutboundLink")],1),t._v(".")]),t._v(" "),s("p",[t._v("В markdown-файлі використовується опис діаграми")]),t._v(" "),s("div",{staticClass:"language-md extra-class"},[s("pre",{pre:!0,attrs:{class:"language-md"}},[s("code",[t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("center")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token special-attr"}},[s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("\n    border-radius:4px;\n    border: 1px solid #cfd7e6;\n    box-shadow: 0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025);\n    padding: 1em;"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('\n\n@startuml\n\nparticipant Client\n\nparticipant SR as "Service Registry"\n\nparticipant Service\n\nService -> SR : register\nSR -> SR\nSR --\x3e Service\n...\n\nSR -> Service: heartbeat\nSR '),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("--")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[s("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("Service:")])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("health")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("...")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("Client")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("-")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" SR: find\nClient "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("--")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[s("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("SR:")])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("service")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("endpoint")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("Client")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("-")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" Service: request\nClient <-- Service: response\n\n\n\n@enduml\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("center")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),s("p",[t._v("яка буде відображена наступним чином")]),t._v(" "),s("center",{staticStyle:{"border-radius":"4px",border:"1px solid #cfd7e6","box-shadow":"0 1px 3px 0 rgba(89,105,129,.05), 0 1px 1px 0 rgba(0,0,0,.025)",padding:"1em"}},[s("img",{attrs:{src:"https://www.plantuml.com/plantuml/svg/NL1T2eCm37xFAOBlUW0PGzWDz0ITPZFWQjT6ORTVR2tEzUdBzqVI9eZnihmc0DJN7ADJm3qxOmLl4vELCzUrQ08M7VcLUyAMdXp4Vue_Lv81ig-yRiaQVVIJ1vqY5y66zaHLLP35HDKuabRVoSWcNChof4mofb3QDhNM-60xP2f6b0lxCcG7DxDUzXF9ZPxU2mKvHGyjkDa6FGkWqHBzi2y0",alt:"uml diagram"}})])],1)}),[],!1,null,null,null);a.default=e.exports}}]);