plantUML案例（时序图，类图，程序员系统设计工具，简单好用）

/**

• 2020-7-8
• 冷雨看前端
• 今日高考最后一天：考生冲呀！
  */

时序图

环境搭建

安装下工具PlantUML，开发软件VSCode，一个神器工具

功能说明：近期做的一个系统，把对应时序图分享给大家
plantUML语法学习地址

类图

环境搭建

1、时序图的基本环境搭建了，这边类图还需要下载
graphviz下载地址
下载速度可能比较慢，大家耐心等待下，地址window系统的
2、加入到系统变量中，我这边实际操作下加入到path变量下填写的graphviz按照路径，配置变量完最好重启下，个人尝试没有重启似乎不太行

3、vscode下个插件

4、重启便可正常使用了

类图案例

@startuml

class SysXXX {
 + isSelect:boolean
 + isParentType():boolean 
 + point():int
 + packName():String 
 + qualitySkin():String
}

class SysNormalXXX {
 + id:int 
 + value:int << 进度  >>
 + completedCount:int 
 + time:String << 更新时间 秒 >>
 + cfgNormalXXX:CfgNormalXXX
 + isFinish:Boolean
 + isGained:boolean
 + rateStr:String
}
class CfgNormalXXX << 对应配置表 >>{
 + id:int 
 + name:String
 + description:String 
 + packId:int
 + mainType:int << 为X >>
 + xlv:int 
 + type:int 
}
class XXXProxy {
 - tmpXXXDic:Dictionary
 - tmpXXXDic:Dictionary
 - tmpXXXDataDic2List:Dictionary
 + tmpXXXBean:tmpXXXBean
 + xxxProgressMap:Object
 + completedxxxIdArr:Array
 + othertmpXXXBean:tmpXXXBean
 + otherxxxProgressMap:Object
 + otherCompletedxxxIdArr:Array
 + isLookSelf:boolean << 查看个人还是他人 >> 
 + tmpXXXTypeArr:Array << 类型列表 >> 
 + getCfgtmpXXX(xxxId:int):CfgtmpXXX 
 + hasCfgtmpXXX(xxxId:int):boolean
 + getCfgtmpXXXListByType(type:int):Array << 根据类型获取系统列表 >>
 + hasCfgtmpXXXListByType(type:int):boolean << 是否有某一类型系统列表 >>
 + getCfgtmpXXX(id:int):CfgtmpXXX 
 + maxLv():int
 + getAlltmpXXXLength():int 
 + gettmpXXXLength(type:int):int 
 + getCompletetmpXXXLength(type:int):int 
 + getCanGaintmpXXXTypeLength(type:int):int
 + getCanGaintmpXXXLength(parentXXXId:int):int 
 + getParentsXXXxxxArrByType(type:int):Array 
 + getContainChildXXXxxxArr(parentCfgtmpXXX:CfgtmpXXX,parentxxxArr:Array):Array 
 + getSysXXX(cfgNormalXXX:CfgNormalXXX):SysXXX 
 + getNextCanGainId():int 
 + canGainReward(Id:int):boolean 
 + isxxxCompleted(id:int):boolean
}
class XXXPanel <<界面各UI>>{
 - refresh()
 + setData()
}
SysXXX ---|> SysNormalXXX
SysNormalXXX --o CfgNormalXXX
SysNormalXXX ..> XXXProxy  
XXXPanel ..> XXXProxy  
@enduml