优维低代码实践：用户流设计

 优维低代码技术专栏，是一个全新的、技术为主的专栏，由优维技术委员会成员执笔，基于优维7年低代码技术研发及运维成果，主要介绍低代码相关的技术原理及架构逻辑，目的是给广大运维人提供一个技术交流与学习的平台。

---

优维低代码实践连载第④期

《用户流设计》

▽

什么是用户流呢？在Visual Builder中，我们提供了一个用户流程面板，用户可以基于该面板上面绘制路由页面流程图，方便用户做页面流程设计；产品可以使用用户流程面板，将页面大致原型进行设计，后续微应用研发人员就可以基于这个原型，进行微应用的研发工作，那么我们要怎么去使用它呢？

用户流程面板在路由页面，在第一个tab里面，我们点击进入即可，在左侧为用户流程图树上，用户可以设计多个入口，针对具体每个入口可以设计具体的页面流程图，这里我们简单地做一下我们当前微应用的一个规划，我们计划是有一个页面列表页面，并且基于这个页面，我们往后设计了几个衍生页面，分别是：新增任务，编辑任务，任务详情，任务统计，可以得到具体页面，如下图：

 并且我们可以针对每个页面做原型设计，页面描述编辑等操作，具体只需要点击具体页面详情即可，具体页面交互如下：

 接下来我们根据相应的我们设计好的页面流程图以及相应的原型图，编排出对应的页面即可。