什么是PlantUml PlantUml是一个支持快速绘制的开源项目.其定义了一套完整的语言用于实现UML关系图的描述.并基于强大的graphviz图形渲染库进行UML图的生成.绘制的UML图还可以导出为图片,以及通用的矢量SVG格式文件. 如以下代码,可实现时序图 @startuml Alice -> Bob: Authentication Request Bob --> Alice: Authentication Response Alice -> Bob: Another auth

什么是PlantUML PlantUML是一个快速创建UML图形的组件,官网上之所以称它是一个组件,主要是因为多数情况下我们都是在Eclipse.NetBenas.Intellijidea. Emacs.Word等软件里来使用PlantUML(参看各软件相关配置). PlantUML支持的图形有: sequence diagram, use case diagram, class diagram, activity diagram (here is the new syntax), compon

plantuml使用教程[转]   Table of Contents 前言 什么是PlantUML 在Emacs里配置PlantUML(参考:Run it from Emacs) 其他软件里的PlantUML下载和安装 如何使用 顺序图(Sequence Diagram) 简单示例 注释语句 申明参与者 使用非字母的参与者名称(Use non-letters in participants) 发送消息给自己(Message to Self) 改变箭头的样式(Change arrow style

PlantUML类图   雨客 2016-04-08 11:38:03 浏览796 评论0 摘要: 类之间的关系 PlantUML用下面的符号来表示类之间的关系: 泛化,Generalization:<|-- 关联,Association:<-- 组合,Composition:*-- 聚合,Aggregation:o-- 实现,Realization:<|.. 依赖,Dependency:<.. 以上是常见的六种关系,--可以替换成..就可以得到虚线. 类之间的关系 PlantUM

背景 当下的软件开发人员,不可避免的需要输出一些软件设计文档,作为一个软件工程专业毕业的工程师,最常用的设计工具就是UML,使用UML工具绘制一些软件相关的图,是必备技能,也是输出的技术文档中的重要组成部分.不关注逆向工程,这里只关注快速的绘制对应的图,plantuml是一款比较不错的工具.本节先初步熟悉用例图和时序图. plantuml介绍 官网主页 功能介绍: 支持快速绘制 时序图 用例图 活动图 类图 组件图 状态图 对象图 部署图 定时图 还支持非UML图: 架构图 甘特图 思维导图 E

文章目录 前言 `-> -->` 信息传递 声明参与者的几个关键字 `as` 重命名参与者 `#` 添加颜色 `order` 定义参与者顺序 `""` 参与者名字 给自己发信息 修改传达信息的箭头样式 修改箭头颜色 `autonumber` 消息序列 自定义编号的格式 暂停.启用自动编号 设置标题.页眉.页脚 分割页面 组合信息 给信息添加注释 改变注释框的外观 使用 html 分割符 延迟 空间 生命线激活.撤销 Return 创建参与者 进入和发出消息 包裹参与者 移除

嗯,在学设计模式时,画类图画的麻烦,就查了一下,发现idea可以通过插件实现.查了一下,学习,整理笔记和大家交流.  2019.9.11 安装可以百度,网上有好多. PlantUML 官网.如果时间多的话,建议大家直接在上面学.http://plantuml.com/zh/class-diagram 列出一些简单的: 类的属性和方法. package com.liruilong.tx_sjms.Iterator; import javax.xml.crypto.Data; /** * @Desc

<div id="topics"> <div class="post"> <h1 class="postTitle"> <a id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/ningskyer/articles/5397750.html">plan

本篇思维导图 @startmindmap <style> mindmapDiagram { .green { BackgroundColor lightgreen } .rose { BackgroundColor #FFBBCC } .bule_black { BackgroundColor lightblue } } </style> * PlantUML <<rose>> ** PlantUML简介 <<green>> ** 时

使用plantuml,业务交接就是这么简单 你好,我是轩脉刃. 最近交接了一个业务,原本还是有挺复杂的业务逻辑的,但发现交接过来的项目大有文章,在项目代码中有一个docs文件夹,里面躺着若干个 puml 文件,这些puml文件把业务中最核心的一些业务流程图和时序图都绘制清楚了.看到这个文件夹无异于发现了一个大宝藏.这种在代码中附带说明,代码即一切的做法我在开源项目也是这么做的,只是不知道,原来时序图还能使用plantuml如此编写,在这之前,我还都只用过画图软件绘制过时序图.学之,学之,于是就进

这篇文章用来介绍,如何画出好看的流程图. 1. 选择合适的组件 1.1 plantuml官方提供的组件 1.2 加载图片 1.2.1 加载本地图片 1.2.2 加载网络图片 1.2.3 图片资源 2. 背景以及颜色优化 2.1 通用设置 2.2 对每个组件的样式进行设置 2.3 引入文件 2.3.1 引用本地模板文件 2.3.2 引用网页模板文件 2.3.3 模板文件资源 3. 使用关键字 3.1 条件选择关键字 3.2 组合关键字 3.2.1 box 3.2.2 Group关键字 3.3 注释

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s

1.BootStrap指定的四种屏幕尺寸: ①超大PC屏幕--lg(large):w>=1200px: ②中等PC屏幕--md(medium):1200px>w>=992px: ③Pad屏幕--sm(small):992px>w>=768px: ④Phone屏幕--xs(extra small):768px>w:2.BootStrap中的两种容器: ①定宽容器:.container--1170px(lg).970px(md).750px(sm).100%(xs): ②变

Css :层叠样式表 (Cascading Style Sheets),定义了如何显示HTML元素. 目录 1. 选择器的分类:介绍ID.class.元素名称.符合.层次.伪类.属性选择器. 2. 样式调用方式:介绍外部.内部.内联等调用方式. 3. 样式的优先级:介绍调用样式的优先级. 1. 选择器的分类 语法结构 1.1 Id选择器 1.1.1 格式 #id :#+元素的id:id是区分大小写. 1.1.2 示例 #title1 {background-color:Blue;border-w

这两天学习UWP开发,发现一个很有趣的问题,就是我题目中的描述的. 我习惯了在ResourceDictionary中写样式文件,但是发现用x:Bind时会有问题 如果是写在Style里,则提示 “x:bind不支持样式文件” 如果是写在DataTemplate里,则提示在编译时会提示“此Xaml文件必须又代码隐藏类才能使用{x:Bind}” 不管哪种提示,都是不能用的. 这就很奇怪了,毕竟在XAML页面里正常写是不会有问题的. 查了近小半天的资料,最后发现了原因,还得是我伟大的MSDN呀 深入了

默认的上传样式我们总觉得不太好看,根据需求总想改成和上下结构统一的风格…… 实现方法和思路: 1.在input元素外加a超链接标签 2.给a标签设置按钮样式 3.设置input[type='file']为透明,并定位,覆盖在a上面 html代码: <a class="input-file input-fileup" href="javascript:;"> + 选择文件<input size="100" type="f

第一种画刷,渐变画刷GradientBrush (拿线性渐变画刷LinearGradientBrush(其实它涵盖在GradientBrush画刷内.现在拿他来说事.),还有一个圆心渐变画刷RadialgradientBrush,两者用法相同): 我想象中的button的总体样式大体结构应该如下: <Style TargetType="Button">         <Setter Property="Template">        

最近在研读一本巨著<JavaScript忍者秘籍>,里面有一篇文章提到了这3个概念. 书中的源码可以在此下载.我将源码放到了线上,如果不想下载,可以直接访问在线网址,修改页面名就能访问到相应示例代码. 一.DOM特性和DOM属性 attribute(特性),是我们赋予某个事物的特质或对象,attribute是HTML标签上的特性,它的值只能够是字符串 property(属性),是早已存在的不需要外界赋予的特质,property是DOM中的属性,是JavaScript里的对象 在访问元素特性值时

工作中常会有需求向用户发送邮件,需要前端工程师来制作html格式的邮件,但是由于邮件客户端对样式的支持有限,要兼容很多种浏览器需要注意很多原则: 1.邮件使用table+css布局 2.邮件主要部分在body内部,所以样式一定要写成内嵌的,不能在head标签中写style,也不能外联. 如: <table border="0" cellspacing="0" cellpadding="0" style="font-family:'

先说结论: 前几天写了几个非常简单的移动端小游戏,其中一个拼图游戏让我郁闷了一段时间.因为要获取每张图片的位置,用`<style>`标签写的样式,直接获取计算后样式再用来交换位置,结果就悲剧了,出现了一些不理解的情况.这个错误比较低级,不过还是被我遇到了,就拿来记录一下. 注意: 在交换每张图片位置的时候,我对它们设置了CSS中transition属性,有了缓冲动画效果,这样一来,每次打乱图片的时候,用getComputedStyle获取计算后样式,但是,动画有时长,而获取样式在触发时就完成了