本人有若干成套学习视频, 可试看! 可试看! 可试看, 重要的事情说三遍 包含Java, 数据结构与算法, iOS, 安卓, python, flutter等等, 如有需要, 联系微信tsaievan.
UML, Unified Modeling Language, (统一建模语言或者标准建模语言)你可以把它理解为一种可视化的建模语言
先看一下下面这幅图:
微信支付交互时序图
是不是交互的过程和步骤都一目了然呢? 我们现在就试着来模仿微信的支付交互时序图. 通过这个过程, 我们不仅仅可以理顺逻辑, 还可以学着使用UML, 在未来我们需要来构建公司业务逻辑的时候, 我们也可以做出这样的交互时序图
- 首先, 我们需要安装StarUML
StarUML软件
-
新建一个空白的时序图, 可以看到的是, 这个软件可以画的图还是相当的多的.
![Uploading Snip20170327_8_206535.png . . .]
Snip20170327_6.png 给书序图起一个名字
Snip20170327_8.png
- 微信支付涉及到的角色还是很多的
- 微信支付用户
- 微信客户端
- 商户APP客户端
- 商户后台系统
- 微信支付系统
微信支付涉及到的角色
那么我们就需要建立对应生命线
生命线
建立生命线
- 第一步, 我们需要用户打开商家的APP
那么就是同步发送消息, 用户打开商家APP, 交互的双方是用户和商家APP, 我们就需要这样连线
同步发送消息
- 第二步, 选择商品下单其实是客户单内部的一个逻辑, 那就是自己发送消息
自发送消息
- 第三步, 生成请求订单, 就是APP与后台交互了, 这个时候异步发送一个请求, 注意异步消息和同步消息的箭头是不一样的
发送异步消息
- 服务器返回消息, 使用的是虚线箭头
服务器返回消息
- 添加组合片段
当我们的时序图中包含小的模块或者片段的时候, 我们可以添加组合片段
添加组合片段
- 为模块着色, 提示需要实现的逻辑
着色, 完善时序图
经过以上的步骤, 我们自己就可以画出类似的时序图, 今后无论是分析逻辑, 还是理清思路, 都大有帮助
自己画的微信交互时序图
