对话框流程图
2017-01-05 13:33:59 0 举报
对话框流程图是一种用于描述计算机程序中对话框交互的图形化表示方法。它通常由一系列的矩形框和箭头组成,每个矩形框代表一个对话框或窗口,箭头表示用户的操作和程序的响应。 在对话框流程图中,用户可以与程序进行交互,通过点击按钮、输入文本等方式来执行操作。程序会根据用户的输入做出相应的响应,例如显示新的对话框、执行某个操作等。 总之,对话框流程图是一种直观、易于理解的方式来描述计算机程序中对话框交互的过程。它能够帮助开发人员更好地设计和管理软件界面,提高用户体验。
作者其他创作
大纲/内容
step === 1子渠道配置子组件
数据库中已存在的广告位
页面加载时,动态计算activerouter
点击下一步
重构前的二级菜单流程
与dwRouters共同渲染出菜单
勾选选中的广告位
重构前的一级菜单流程
其他问卷页
承接页设置的各个参数进行配置:承接页决定key,详情的url决定value
...... 其他模块
step === 0广告位修改子组件
子渠道配置子组件数据流
将formData转换成redux中channelList的数据结构
updateChannelList
校验表单
问卷详情页
重构后的二级菜单流程
redux中的channelList转换成表格表单所需格式:tableData
选中的广告位
选择问卷链接:confId === -1
选中状态:activeRouter的二级菜单code与key匹配
加载MainLayout组件传入激活key
channelList
问卷管理模块
删除
广告位子组件数据流
updateStep
广告位子组件
加载MainLayout组件
问卷列表页
根据key,生成菜单
重构前的MainLayout加载逻辑
提交、保存逻辑UI
url内设置链接的search部分
initDisabledAd
重构后的一级菜单流程
选中状态:菜单组件内根据点击等不同条件,切换激活态
积分管理
表单中根据上一步的选中的广告位列表,进行相应子渠道的配置
公众号管理模块
选中广告位中展示
其他页
用户管理
判定channel变量:必须存在&不重复【本地所有渠道判重】
redux中的channelList转换成页面state的choosedAdList
生成菜单
redux
step
非标渠道配置组件
disabledAd
渠道配置step进程UI
非标渠道配置组件数据流
点击上一步
tableData增删操作
上一步,修改广告位
updateChannelList、initDisabledAd
添加,双重判重(本地及服务端)
选中状态:页面加载时,匹配模块固定的key与菜单列表中的key
获取服务端已存广告列表:fixedAdList
下一步,配置子渠道
获取到服务端详情的channelList
子渠道配置子组件
页面加载时,动态计算activeRouter
通过
服务端给出一级菜单列表:key、name、path
选中状态:activeRouter中的一级菜单code与key匹配
子渠道链接操作数据流
服务端给出一级菜单列表:key
重构后的MainLayout加载逻辑
updateStep(0)
选择承接页链接:confId > -1
模块内手动维护menulist及根据search计算出默认激活态
updateStep(1)
各模块加载时,指定模块的key
模块内传入二级菜单的keylist
0 条评论
下一页