当前位置:  开发笔记 > 前端 > 正文

CRUD应用程序中网格的替代方案?

如何解决《CRUD应用程序中网格的替代方案?》经验,为你挑选了1个好方法。

因此,您被分配了构建基本CRUD应用程序.它有一个页面用于列出所有库存项目......如果您的用户想要编辑其中任何一个,则每个项目旁边都有"编辑"按钮.

你知道该怎么做.

我最近的任务是修改一个这样的CRUD页面,它看起来相当丑陋.所以我决定可以使用一些抛光.

但是考虑一下......我想知道在创建显示大量数据的CRUD页面时使用网格的好方法是什么?

搁置ajax /速度/安全/实施问题......

在大型CRUD页面中使用网格有哪些好的替代方案?

如果这很重要,我愿意为美学交换一些可用性.



1> Michael Zusc..:

对于大量记录显示相对较少的字段,表格显示像网格一样没有问题,特别是如果任务涉及搜索或比较记录.这里什么毛病编辑按钮来打开编辑一个单独的窗口或页面.这意味着用户必须学习两个窗口以及如何在它们之间导航,这需要更长的时间.

可编辑性的大改进是就地编辑:而不是只读网格,为网格中的字段(文本框,复选框,梳理盒等)提供一组适当的控件(或者代替网格) ).页面上的单个"保存"按钮会保存对所有记录的所有更改(或者您自动为适当的事件发布更改).

如果您需要为少数记录显示大量字段,那么表格式布局(可能是选项卡式)是表格布局的替代方案.您可以提供分页控件(例如,看起来像Recordset控件的东西),以允许用户在记录中进行分页.

如果您有大量记录许多字段,则可以通过具有主 - 详细信息组合将表格与表单布局相结合.页面顶部的表格显示记录的关键字段,而页面底部的表格显示当前具有焦点的表格中的任何记录的"溢出"字段.

另一种方法是以图形方式显示记录.选择两个字段,并通过用于在页面上查找图标的x和y坐标表示每个记录的值.如果任务涉及搜索模式或相互关联的记录,这是很好的.具有焦点的记录(图标)的附加字段可以在页面的细节部分中以类似形式的布局示出.

您可以做的另一件事是在表格或类似形式的布局中以图形方式表示某些字段(例如,使用图标,迷你条形图,阴影或颜色编码等).这可以帮助用户搜索具有特定值的记录.它还可以在很小的空间中显示大量数据的一般要点(例如,作为迷你图).

选择最大化用户,任务和工作环境的用户性能的布局.

推荐阅读
mobiledu2402851173
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有