网页导航列表规范思维导图

原来是y

2022-09-15

浏览量: 15

思维导图

产品经理

交互规范

互联网

网页导航列表规范

本思维导图总结交互规范知识点网页导航列表规范

树图思维导图提供《网页导航列表规范思维导图》在线思维导图免费制作，点击“编辑”按钮，可对《网页导航列表规范思维导图》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：3c83ec1de144369fc5a9006321d5432a

思维导图大纲

⼀、新增

1、新增时弹框：

新增按钮位置在右上⾓，点击【新增】按钮，弹出新增录⼊框。

2、树形列表指定插⼊位置⾏编辑新增：新增按钮位置在右上⾓。选择⼀条⼀级数据，点击新增按钮，在该⼀级下新增⼀条空⽩⾏，⾏编辑直接修改，操作列保存或取消。未选择⼀级数据，点击新增按钮，在列表底部新增⼀条⼀级数据。

3、⾏编辑新增，新增按钮位置在列表底部，点击【新增】，列表本页底部新增按钮位置新增⼀条空⽩数据，同时新增按钮隐藏。

⼆、编辑

1、弹框编辑：

编辑按钮放在列表【操作列】，采⽤编辑图标按钮。点击图标，弹出编辑框。

2、⾏编辑：

编辑按钮放在列表【操作列】，采⽤编辑图标按钮。点击图标，启⽤本⾏数据编辑态，操作列按钮变更为保存和取消。

三、删除

1、批量删除：

删除按钮放右上⾓，列表第⼀列要是复选框，⽀持全选。其他批量操作按钮同理（例如模板审核中的批量审核按钮）。点击【删除】按钮后，弹出提⽰“确认删除吗？”，点击确认，页⾯顶部提⽰删除成功，⼀秒闪退，并且显⽰时不能影响页⾯操作。

2、单条删除：

删除按钮放操作列，采⽤删除图标按钮。点击【删除】图标后，弹出提⽰“确认删除吗？”，点击确认，页⾯顶部提⽰删除成功，⼀秒闪退，并且显⽰时不能影响页⾯操作。

PS：

删除成功后刷新不显⽰删除的记录。

删除成功后返回到原记录所在页⾯，⽽当原记录所在页不存在时，则返回上⼀页。

当被删除的记录与其他记录存在关联时，请⽰需求界⾯给予不允许删除、更明细提⽰等信息。根据需要⾃⾏调整。

四、查询

1、查询条件位置统⼀放列表上⽅。查询条件最后尽量放上【查询】按钮，点击⽣效，若查询条件过多，查询按钮可不显⽰。除点击【查询】按钮⽣效外，多种查询有各⾃的直接⽣效条件，如下：

多种查询直接⽣效条件：

1）下拉查询：选中下拉值直接⽣效;

2）单选/复选按钮：选中直接⽣效；

3）⽇期查询：选中直接⽣效；

4）⽇期范围查询：选中直接⽣效；

5）⽂本框查询：默认模糊搜索，回车⽣效；

6）下拉+⽂本框组合查询：回车⽣效；

2、查询条件三个以上，【查询】按钮后给【重置】按钮，点击【重置】，回到默认查询条件状态。【重置】后⾃动⽣效，不需要再次点击【查询】按钮。

3、未查询到数据，列表居中显⽰“没有数据”。

五、单击事件

1、列表单击时，选中当前⾏。如果当前⾏为⾏编辑启⽤状态，单击只读单元格为选中当前⾏，单击可编辑单元格为选中当前⾏并直接定位编辑本单元格。

六、双击事件

1、有⾏编辑功能的列表。默认不给双击事件，如有特殊需要，双击事件根据需要添加，如双击可直接打开编辑器或设计器。

2、没有⾏编辑功能的列表。默认双击时打开本条数据的编辑弹框。有特殊需要，双击事件也可根据需要调整。如患者列表双击可直接进⼊患者⾸页。PS：列表只读或双击功能只读时，双击事件⾃动失效。

七、⿏标划过

1、⿏标划过默认给样式变化。如有特殊需要⾃⾏调整。

⼋、单元格内容展⽰不全（两种可选⽅案）

1、单元格中内容展⽰不下，不给⿏标悬浮显⽰全部，单击本⾏时⾼度⾃动撑开，移除本⾏选中时，⾼度⾃动收起为⼀⾏。另外，本⾏⾏编辑启⽤时，也⾃动撑开。如有特殊需要⾃⾏调整，如病情护理记录单，需要默认全部撑开，最⾼五⾏。

2、单元格内容展⽰不下，⽤...显⽰，并⿏标悬浮⽓泡显⽰全部内容。能显⽰完整的单元格，⿏标悬浮⽆⽓泡显⽰。如有特殊需要⾃⾏调整，如病情护理记录单，需要默认全部撑开，最⾼五⾏。但启⽤⾏编辑时，本⾏⾼度⾃动撑开。

九、操作列按钮

1、操作列按钮三个以上时，外层显⽰2-3个常⽤按钮（尽量⽤图标，节省列表宽度）+更多按钮，点击【更多】，展开显⽰其他隐藏按钮。如有特殊展⽰需要，可⾃⾏调整。

⼗、列表状态

1、列表有状态列时，位置尽量放在列表⾸列或操作列前⼀列。点击状态切换按钮，直接触发，启⽤⾃动⽣效，⽆需提⽰；停⽤时提⽰“确认停⽤吗？”点击【确认】，页⾯顶部显⽰“停⽤成功！”，⼀秒闪退，并且显⽰时不能影响页⾯操作。

⼗⼀、翻页

1、正常列表默认给翻页功能，位置在列表下⽅，居中显⽰。默认每页显⽰20条，显⽰条数下拉值（20/50/100/500/1000）。

⼗⼆、⾏编辑-格式校验

1、必填项：标题⾏*标注，失去焦点检验，红框标注，⽓泡显⽰提⽰内容。此时点击操作列【保存】，光标定位到本⾏第⼀个红框单元格。

2、格式错误：失去焦点校验，红框标注，⽓泡显⽰提⽰内容。此时点击操作列【保存】，光标定位到本⾏第⼀个红框单元格。

⼗三、全选

1、多选列表，表头都有全选按钮，勾选全选，本页所有数据全部选中。

2、去掉本页⼀条数据的选中效果，则表头全选取消勾选。

3、翻页后，⾃动去掉已勾选的记录及全选的勾选。

4、刷新页⾯后，⾃动去掉已勾选的记录及全选的勾选。

5、勾选⼀条数据，按住Shift键，勾选另⼀条数据，中间部分全部选中。

⼗四、显⽰数据（表格内）

1、表头：左对齐，字体加粗，字号14px。

2、单元格：⽂字内容左对齐，，数字、⾦额内容右对齐。

3、操作列原则上均⽤图标表达，特殊情况特殊处理。

⼗五、表头固定

1、表头固定，不跟随垂直滚动条滚动。

2、列表操作列固定，不跟随横向滚动条滚动。

⼗六、列排序

1、所有列点击表头名称，给排序切换功能。如果不能实现所有列⼿动排序，则全部时间列⼀定要有⼿动排序功能，其他列根据需要⾃⾏调整。⼗七、列表疏密设置

2、点击操作列表头右侧的调整列表密度按钮，调整列表⾏⾼。

记账规范思维导图

原来是y

2.91

树图思维导图提供《记账规范思维导图》在线思维导图免费制作，点击“编辑”按钮，可对《记账规范思维导图》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：5f69dab0c9ed8fff28467c3df768699d

标识符规范思维导图

原来是y

3.46

树图思维导图提供《标识符规范思维导图》在线思维导图免费制作，点击“编辑”按钮，可对《标识符规范思维导图》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：0b5f2a7c8b794e300f39c9a6e747f88f

思维导图模板

IT互联网

分析方法/模型

正文

相似思维导图模版

思维导图模版推荐

首页

我的文件

我的团队

个人中心

网页导航列表规范思维导图

思维导图大纲

相关思维导图模版

⼀、新增

⼆、编辑

三、删除

四、查询

五、单击事件

六、双击事件

七、⿏标划过

⼋、单元格内容展⽰不全（两种可选⽅案）

九、操作列按钮

⼗、列表状态

⼗⼀、翻页

⼗⼆、⾏编辑-格式校验

⼗三、全选

⼗四、显⽰数据（表格内）

⼗五、表头固定

⼗六、列排序

相似思维导图模版

思维导图模版推荐