Axure项目实战:智慧运输平台后台管理端-货主管理(中继器)
亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!
课程主题:货主管理
主要内容:货主管理模块设计
应用场景:B端G端应用的查询台账页
案例展示:
案例视频:
货主管理演示视频
正文内容:
货主管理模块在设计时思考后台管理者可以为不懂平台操作的企业进行后台新增,那么新增货主的应用就有必要进行设计;另外管理模块需要有对申请货主的企业进行审核、修改的权限,同时兼顾一些不合法不合规申请信息的删除操作;在日常应用中,需要支持各种条件下的数据里查询和查看应用;所以货主管理模块核心应用为:
条件查询、新增、审核、修改、删除、查看以及翻页及数据统计功能
创建页面基本布局,拖入母版,分别建设标题栏\查询条件\按钮区\台账区,后续几个页面都涉及到复用。
图12
根据项目要求和产品内容,制作如下查询条件
图13
台账区使用中继器,实现数据的新增改查等操作,后续页面同样涉及到中继器,我们制作一个方便复用。
图14
以下页面添加细节交互:
查询条件
图15
中继器表头交互,全部采用动态面板,这样的设计方便各种调节,后期非常方便而且灵活应对各种变化。
图16
图17
本课小结:在货主管理的应用设计上,除了开头的产品逻辑外,在交互设计上有几个难点:1、时间条件查询,Date.parse()函数的应用,只有使用Date.parse()时间才可以转化成数字进行对比;2、中继器台账中,插入图片;3、底部菜单的计数;4、新增数据后编号的更新。下方有具体知识点的详细教程,点击直通车。
相关课程直通车:
Axure中继器时间筛选-CSDN博客
Axure中继器单选、多选和重置_axure重置按钮如何实现-CSDN博客
Axure重要元件三——中继器修改数据_axure中继器修改数据-CSDN博客
Axure重要元件三——中继器删除数据_axure中继器怎么删除行-CSDN博客
Axure重要元件三——中继器添加数据_axure中继器添加数据-CSDN博客
Axure重要元件三——中继器查询和统计_axure中继器查询功能-CSDN博客
Axure重要元件三——中继器表单制作_axure中继器表格-CSDN博客
如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客
明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!