《从LRS项目重构看如何做UI设计——组合查询的界面创意设计（一）》

最新推荐文章于 2020-07-24 08:51:05 发布
最新推荐文章于 2020-07-24 08:51:05 发布
阅读量2.3k 收藏
点赞数
分类专栏： ●项目 ------【研发之路】 ------【问题和一些想法】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/t131452n/article/details/45955055
版权
本文从LRS项目的重构出发，探讨如何通过改进UI设计来简化复杂的组合查询。原有的界面设计导致了大量的if判断和select分支，使得用户感到困惑。作者提出的核心理念是让用户面对的界面尽可能简洁，通过动态加载控件来引导用户逐步进行查询。当用户填写完一个下拉框的内容后，后续的操作符框会自动加载，降低用户操作的复杂性，从而提高查询体验。
摘要由CSDN通过智能技术生成

引言：

  在第一遍机房的时候做组合查询的经验我相信大家印象还很深刻，那里面惨不忍睹的if判断和select分支结构，搞得人叫那个晕啊！什么第一个条件，第二个条件，第三个条件……

  其实，这件事儿没有咱们想的那么复杂，之所以会给咱们造成这样的印象那是因为界面的设计的不合理。大家请看咱们之前的样本UI是怎么吧



一看就让人犯怵了，怎么填啊？这么多的框，每一个我们都需要做输入的处理和判断，而且，存在很多的情况。

1、没有组合关系，直接查询：第一个字段名+操作符+查询内容

2、

最低0.47元/天 解锁文章
独孤文彬
关注
专栏目录
模板方法模式实现组合查询
庞凡 坚定自己踏实走好每一步
08-18 1486
利用模板方法实现组合查询
OpenJweb平台中自定义组合查询条件窗口的实现方式(经典之作)
网站开发初中级代码参考-转载
04-11 150
首先,在父页面中写一个javascript脚本,用来接收组合条件设置窗口的拼装的SQL语句,查询条件子窗口关闭后,javascript将查询条件提交到后台控制层,父页面的javascript: function doCustQuery(){//var returnvalue =window.showModalDialog( "<%=request.getContextPath()%>...
javascript实现一个高级组合查询控件(内含初步实现原型)
codeslave的专栏
07-22 1182
这几天终于没那么忙了，有空总结一下相关的资料，呵呵！在很多项目中，特别是信息系统，查询功能占了项目的大部分；同时查询条件的组合要求丰富，因此实现起来变得复杂。一般情况下，我们只会实现有限的条件查询，如一个表的某几个重要的字段或者甚至所有的字段；当然，常规的情况下客户是足够用的，但一些高级的应用，如((字段1>10) or (字段2=5))  and 字段3 is not null) 这种复杂的
【机房收费系统】——组合查询
周士豪
07-26 1496
在机房收费系统中，其中的组合查询仅仅在刚开始的时候构思了一点自己的想 法，但是并没用付诸于行动，去尝试自己的是否正确，而是选择了去看之前看 到的一篇关于组合查询的博客，说起来有些愧疚的啊。还好的是当我理清思路 之后剩下的组合查询都是自己的写的了。 在这分享一下自己的思路，共分为三步。（以学生基本信息维护为例） 1.首先窗体的建立，加入需要控件等来补充界面。 2.当
ui设计嵌套_一个UI组件，用于使用嵌套条件创建复杂的查询
cuk5239的博客
07-24 471
ui设计嵌套 Vue查询生成器 (Vue Query Builder) A UI component for building complex queries with nested conditionals. 一个UI组件，用于使用嵌套条件创建复杂的查询。 View demo 查看演示 Download Source 下载源 Vue Query Builder is a user inte...
《从LRS项目重构来看“数据类型”——（第二话）局部类型推理（一）》
softwareCraftsman
05-17 1390
在讲类型推理之前，首先得讲一下几个概念： 1、早期绑定：如果在申明变量的时候显式的申明了类型，那么在将对象分配给对象变量时，Visual Basic 编译器会执行一个名为 binding 的进程，将对象分配给声明为特定对象类型的变量，则该对象为“早期绑定”。 早期绑定对象允许编译器在应用程序执行前分配内存以及执行其他优化。 例如：`dim strTest as string ’定义一个
深度学习大作业-基于python实现从零构建三层神经网络分类器完成图像分类任务源码+项目说明.zip
最新发布
07-25
深度学习大作业-基于python实现从零构建三层神经网络分类器完成图像分类任务源码+项目说明.zip 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！有问题请及时沟通交流。 ...
LRS2唇语识别数据集申请表
05-01
LRS2唇语识别数据集是英国广播公司(BBC)研发的一个重要资源，用于唇语识别及相关无障碍技术的研究项目——"Lip Reading in the Wild - Sentences"。该数据集包含由BBC制作的节目内容，旨在为学术研究提供丰富的素材...
WEB界面编辑任意SQL条件组合
04-19
WEB界面编辑任意SQL条件组合
组合查询
weixin_44567381的博客
04-26 808
今天我们来学习一下组合查询的方法。什么叫组合查询，就是根据自己选择的内容进行数据查询。我们可以根据单个数据查询，也可以根据多个数据查询我们想要的内容。而我今天要讲的是根据学院、年级、班级还有学号和姓名进行查询的方法，我们首先打开开发工具VS，新建一个控制器，先把我们的主页面给构式了，如下图： 当学院发生变化的时候去触发年级ID，当年级发生变化的时候去触发班级ID的改变。来到控制器这里，因为我们要绑...
EasyUI组合条件查询
Young_____Hu的博客
04-09 3425
EasyUI组合条件查询 HTML： <table class="easyui-datagrid" style="width:400px;height:250px" id="myTab" data-options="url:'news_find',fitColumns:true,singleSelect:true,fit:true,pagination:t...
WebForm 组合查询
weixin_30315435的博客
01-12 97
界面层： 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 2 3 <!DOCTYPE html> 4 5 <html xmlns="http://www.w3.org/1999/xhtml"> ...
组合查询+模板方法模式
吴晓如
03-16 875
引言：     经过第一遍机房收费系统中组合查询的实现，我们都知道组合查询中的代码比较多，而且大部分都是重复的，再一次机房收费，我们需要不断改进，避免重复代码，这时我们想到了设计模式中的模板方法。 介绍：    还记得刚开始小菜跟大鸟讲的故事--考题抄错也白搭，每个学生都要抄一遍提然后写答案，提抄错了，答案自然就错了，为了避免这种情况，想到了老师出一份试卷，打印多份，学生填写答案就o
组合查询——模版方法
锲而不舍
08-14 943
三个组合框，每个长的都一样，
带有存储过程的组合查询
唐欢
02-21 1993
组合查询从它的表面的意思我们知道是通过一个条件或者多个条件进行查询，我们先来看看组合查询的界面： 代码： U层： Private Sub btnCheck_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnCheck.Click Dim EntityWo
数据库的复合查询
www_zxf_csdn123的博客
06-22 1315
复合查询 之前所说的mysql表的查询都是对一张表进行查询，但是在实际开发中还远远不够。 select * from where (sal>500 or job='MANAGER')and eame like 'J%' 按照部门号升序而雇员的工资降序排序 select * from EMP rorder by deptno,sal desc; 按照年薪进行降序排序 select ename,sal*12+ifnull(comm,0) as'年薪'from EMP order by 年薪 desc;
模板方法模式——组合查询的实现
信息技术提高班第九期
04-30 3138
由于机房收费系统中有很多一样的窗体，于是就想把同一类的窗体抽象出来作为一个类，其他的窗体去继承抽象窗体就可以了。 一、重复性窗体 学生充值记录，上机记录查看等窗体一样：                      金额收取信息查询，金额退还信息查询等窗体一样：                    组合查询还有一类：操作员工作记录，学生信息维护，上机状态查询，学生上机信息统计
网络工程基础详解：从建立到设计
"该资源主要涵盖了网络工程的基础知识，包括网络的建立流程、数据网络的发展、网络的演变、网络分类（局域网、广域网、Internet）、西安地区电信网络现状、网络设计与规划以及网络标准化，如OSI七层模型等关键概念。...
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值