文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

后台系统设计（上篇：选择）

习惯用法是遵循互联网产品中的一些默认处理方式，例如，注册中的同意条款就是使用复选框。...项较少 ·对于大量的可选项，从易用性角度考虑，可以按照选项常用程度、重要性、字母等进行排列或提供搜索（实时搜索），从而便于用户进行快速选择。...·列表提供全选和多选操作，以便用户能够在列表间移动大量选项。 ·实时显示当前被选中列表/ 「源」 列表的数量比及 「目的」 列表的数量。 ·若列表框内容大于视窗高度，列表框的高度为：N列表+½列表。...关于下拉搜索 下拉搜索有两种情况，下拉单选和下拉多选的情况。 ·在单选情况下，我们将搜索放在了原有的框体内，流程如下：用户输入关键字>实时匹配检索出选项>用户点击选项>完成操作。 ?...·在多选的情况下，由于是多选操作，我们将搜索框放在下拉菜单内，这样就不影响原有框体承载选项的问题。 ? 但是该模式极大的复杂了控件及用户的交互行为。

13.7K21
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    软件测试|软件测试|超好用超简单的Python GUI库——tkinter（八）

    前言我们在日常使用各种桌面软件时，当我们想要搜索一个内容时，都会出现一个列表框，供我们选择，如下图：图片Tkinter提供了列表框（Listbox）控件来实现类似的功能。...Listbox控件列表框，即 Listbox。在使用 Tkinter 进行 GUI 编程的过程中，如果需要用户自己进行选择时就可以使用列表框控件。...列表框中的选项可以是多个条目，也可以是单个唯一条目，但常用于多个条目。....指向一个 StringVar 类型的变量，该变量存放 Listbox 中所有的项目 2.在 StringVar 类型的变量中，用空格分隔每个项目，例如 var.set("c c++ java python...bt.pack(side = BOTTOM)# 显示窗口win.mainloop()程序运行结果，如下所示：图片StringVar() 添加列表选项通过 StringVar() 方法动态地获取列表框中的选项

    3.8K10

    Jquery基础之DOM操作

    下面的DOM操作将围绕上面的DOM树进行学习JQueryDOM操作。 　　一、查--查找DOM节点 　　　　查找节点非常容易，使用选择器就能轻松完成各种查找工作。...先创建元素点，创建元素节点使用Jquery的工厂函数 li1=("") 　　　　　　代码返回$li1就是一个由DOM对象包装成的JQuery对象。...DOM对象包装成JQuery对象，把新建的文本节点添加到DOM树中JQuery代码如下： ("ul").append( 　　　　　　添加后页面中能看到"·苹果"，右键查看页面源码发现新加的文本节点没有...3、创建属性节点 　　　　　　创建属性节点同元素节点、文本节点一样使用JQuery的工厂函数完成。...val()方法的不仅能操作input，最重要的一个用途用于select【下拉列表框】、checkbox【多选框】、radio【单选框】。

    66410

    Quicksilver快数据处理系统

    通过Quicksilver计算得到的数据，我们均通过神盾产品化来配置管理，降低对于数据使用的门槛，最终可以通过配置，直接与线上的召回、精排、重排、规则等计算单元进行打通使用。 架构实现 ?...用户只需在处理不同的数据时，选择不同的接口即可，如物品池子接口，特征接口等。使用PB协议进行下层数据通信。 2、底层数据生成后，使用kafka进行缓存。...3、数据线上使用时，统一在神盾产品化上进行配置管理，降低运维成本。 数据实时处理 ? 数据实时处理是基于spp server实现，如上，有几点说明： 1、对于用户来说，希望一次转发，多次使用。...而所有的这些配置，也通过神盾产品化进行配置管理。 2、对于不同的业务，由于数据上报标准不一样，那么如何实现不同的数据上报标准都可以在Quicksilver上使用，这是实际中遇到的挺头疼的一件事。...Quicksilver系统也是神盾这么长时间来从实际的业务场景中收集需求、设计、实现的，已经在空间、电竞、手游、动漫、京东等多个业务场景中上线使用，并取得了不错的效果。

    2.4K50

    Python GUI编程(Tkinter)

    除了一些标准模块，Jython 使用 Java 的模块。Jython 几乎拥有标准的Python 中不依赖于 C 语言的全部模块。比如，Jython 的用户界面将使用 Swing，AWT或者 SWT。...我们提出这些部件以及一个简短的介绍，在下面的表: 控件 描述 Button 按钮控件；在程序中显示按钮。...Canvas 画布控件；显示图形元素如线条或文本 Checkbutton 多选框控件；用于在程序中提供多项选择框 Entry 输入控件；用于显示简单的文本内容 Frame 框架控件；在屏幕上显示一个矩形区域...，多用来作为容器 Label 标签控件；可以显示文本和位图 Listbox 列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户 Menubutton 菜单按钮控件，用于显示菜单项。...，如列表框。.

    20810

    CListBox

    列表框显示项的列表，如用户可以见到和选择的文件名称。在单选列表框里，用户只可选择一个项。在多选列表框里，可选择许多项。当用户选择某项时，其高亮显示且列表框给父窗口发送一个通知消息。 　　...要在对话模板中使用列表框，可在对话框类中声明一个CListbox 变量，再在对话框类的DoDataExchange中使用DDX_Control连接成员变量到此控件(当向对话框类中添加控件变量时，ClassWizard...如果使用new函数在堆上创建CListBox对象，必须对此对象调用delete来在用户关闭父窗口时毁弃它。 如果在CListBox对象中分配内存，可覆盖CListBox析构程序释放分配的内存。...返回列表框中当前选择串的基于零的索引  SetCurSel 选择一个列表框字符串  　　多选操作 SetSel 在多选列表框中选择或不选某个列表框项  GetCaretIndex 确定在多选列表框中有焦点矩形的项的索引...  SetCaretIndex 设置焦点矩形到多选列表框中的指定的索引项  GetSelCount 返回多选列表框中当前选择的字符串的数目  GetSelItems 返回列表框中当前选择的字符串的索引

    1.8K80

    Quicksilver：利用AI技术修复百科存在的问题

    妇女在科学中的代表性不足是一个特殊的目标。这个全球访问量排名第五的网站一直存在性别偏见的问题:它的传记中只有18%是女性。调查估计，84%到90%的维基百科编辑是男性。...Quicksilver使用机器学习算法搜索新闻文章和科学引文，找到维基百科上遗漏的著名科学家，然后为他们写完整的草稿条目。Miriam Adelson的草稿如下： ?...Quicksilver利用这些知识，通过交叉引用现有的维基百科条目，从一个名为Semantic Scholar的学术搜索引擎中列出的20万名科学作者的名单，来找到明显的遗漏名字。...该软件提供了从5亿条新闻文章的集合中编写缺失条目所需的事实，并将它们提供给经过训练的系统，从过去的例子中生成传记条目。 Quicksilver远非第一次尝试使用机器完善维基百科。...Primer正在努力使Quicksilver多语言，最初扩展到俄语和中文，并扩展到其他主题，如政治家等。但并不打算让Quicksilver进行自动添加。

    67130

    测试之路 pytest接口自动化框架扩展-GUI窗口

    想到界面就想到了窗口，于是就从网上搜索了pyqt5与python自带的tkinter的教程。...最后把结果显示在一个对话框中。使用pyqt5一是有点大材小用，二是学习成本会有点高。所以我就选择了tkiner 于是从网上搜索相关tkinter的相关教程。总结一下我所学习到方法以及用法。...这个方法可以看做死循环，可以对画布中的操作重复无数遍。指导你退出程序。就如同我们使用软件一样。所有软件都是重复使用的，不可能只操作一次就退出了。...添加一个按钮在画布中 def onclick(): print("别点我！")...MULTIPLE表示多选，EXTENDED则表示可以通过拖动鼠标来多选，当然，也可以配合Shift键通过点击来多选。

    4K30

    windows编程学习笔记（三）ListBox的使用方法

    ListBox是Windows中的一种控件，一般被当做子窗口使用，Windows中所有子窗口都是通过发送一个通知码到父窗口父窗口通过WM_COMMAND消息接收，并在此消息中处理，并控制子窗口，ListBox...自然也不例外，ListBox中有它独有的消息，通知消息，风格，查看MSDN可以看到风格主要有: LBS_EXTENDEDSEL  用户可以通过SHIFT + 鼠标或者其他组合键进行多选（只能通过SHIFT...获取锚点的索引，锚点就是在多选模式下选中的第一项 LB_GETCARETINDEX 在多选模式下返回具有焦点条目的索引 LB_GETCOUNT 获取列表框中子项的总数 LB_GETCURSEL 获取被选中的子项的索引...LB_GETTOPINDEX 获取列表框中显示的第一列的索引，当使用滚动条使显示内容发生变化时，这个索引也会发生改变 LB_INITSTORAGE 需要加入大量列表项时使用 LB_INSERTSTRING...LB_SETLOCALE 设置列表框的当前区域 LB_SETSEL 在多选模式下选中某一字符串 LB_SETTABSTOPS 设置TAB键停止的位置 LB_SETTOPINDEX 设置列表框中的某一项处于可见位置

    4.6K20

    WEB入门之十五 属性和样式

    本章将学习如何使用jQuery进行标签属性和CSS样式操作，jQuery提供了大量的函数来帮助开发人员简化对标签属性和CSS样式的操作。...我们同样也可以使用jQuery中的attr函数对可简写的属性进行操作，但是在使用attr函数对可简写的属性进行设置操作时没有问题，进行取值操作时会出现问题，例如下面的代码。...这些样式属性都可以通过jQuery中的css ( )函数进行操作，常用方式见表6-1-4所示。...在页面上定义几个类样式 （3） 当用户操作下拉列表框选择不同的选项时，改变样式，参考代码如下所示。...、上机练习 我们在第一章学习过JSON，现在请使用jQuery中的parseJSON函数把一个自定义的字符串解析为JSON对象并输出。

    51310

    WEB入门之十五 属性和样式

    本章将学习如何使用jQuery进行标签属性和CSS样式操作，jQuery提供了大量的函数来帮助开发人员简化对标签属性和CSS样式的操作。 ​...我们同样也可以使用jQuery中的attr函数对可简写的属性进行操作，但是在使用attr函数对可简写的属性进行设置操作时没有问题，进行取值操作时会出现问题，例如下面的代码。...这些样式属性都可以通过jQuery中的css ( )函数进行操作，常用方式见表6-1-4所示。...（2） 在页面上定义几个类样式 （3） 当用户操作下拉列表框选择不同的选项时，改变样式，参考代码如下所示。...、上机练习 我们在第一章学习过JSON，现在请使用jQuery中的parseJSON函数把一个自定义的字符串解析为JSON对象并输出。

    60110

    Python 笔记：GUI编程(Tkinter)

    除了一些标准模块，Jython 使用 Java 的模块。Jython 几乎拥有标准的Python 中不依赖于 C 语言的全部模块。比如，Jython 的用户界面将使用 Swing，AWT或者 SWT。...我们提出这些部件以及一个简短的介绍，在下面的表: 控件 描述 Button 按钮控件；在程序中显示按钮。...Canvas 画布控件；显示图形元素如线条或文本 Checkbutton 多选框控件；用于在程序中提供多项选择框 Entry 输入控件；用于显示简单的文本内容 Frame 框架控件；在屏幕上显示一个矩形区域...，多用来作为容器 Label 标签控件；可以显示文本和位图 Listbox 列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户 Menubutton 菜单按钮控件，由于显示菜单项。...，如列表框。.

    6.8K30

    jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo

    jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo 前言 本方法是我刚在项目中用的方法.可能有更加好的方法.但我不清楚....搜索了几个方法,好像都有错误,不知道是别人的错误,还是我的错误.因此,我自己构造了以下方法,便于我在实践中使用. 分享出来,有谬误请大家指出....,点击文字就可以选择多选框了.并且可以使用CSS来美化整个样式....其实我从搜索引擎找到的是 $(this).val() 的方式获取的.但是我很奇怪,我返回的值全部是on. 可能和我使用的是 jquery2.0的版本有关系,但具体是什么原因,我没有深究....其中的差异可能是标点符号(中英文)\缩进(中文全角空格)\或者是使用的JQ版本不相同. 所以找到的代码不能使用的时候,仔细排查一下,或许用更原始的方法可能会解决问题.

    1.8K20

    Python 学习之 Tkinter「下」

    开始正文： 列表框控件：可以包含一个或者多个文本框。作用：在 ListBox 控件的小窗口显示项目列表 注意 selectmode 几种方式的区别: 1.BROWSE:通常，只能从列表框中选择一行。...3.EXTENDED:通过 shift 和 control 可以使 ListBox 支持连选和多选，能拖动 4.MULTIPLE:支持连选和多选，但不能拖动 列表框 ListBox I # 创建一个 listbox...列表框 ListBox III # EXTENDED 通过 shift 和 control 可以使 ListBox 支持连选和多选，MULTIPLE 支持连选和多选 lb = tkinter.Listbox...Spinbox 控件 v = tkinter.StringVar() def update(): print(v.get()) # 实时触发值的改变 # 数值范围控件 # increment...["white", "black", "red", "green", "blue", "yellow", "pink"]: menu2.add_command(label=i) # 向菜单条中添加菜单选项

    2.8K20

    Python 学习之 Tkinter「下」

    列表框控件：可以包含一个或者多个文本框。作用：在 ListBox 控件的小窗口显示项目列表 注意 selectmode 几种方式的区别: 1.BROWSE:通常，只能从列表框中选择一行。...3.EXTENDED:通过 shift 和 control 可以使 ListBox 支持连选和多选，能拖动 4.MULTIPLE:支持连选和多选，但不能拖动 列表框 ListBox I # 创建一个...ListBox III # EXTENDED 通过 shift 和 control 可以使 ListBox 支持连选和多选，MULTIPLE 支持连选和多选 lb = tkinter.Listbox...command=show).pack() 效果图 Spinbox 控件 v = tkinter.StringVar() def update(): print(v.get()) # 实时触发值的改变...to=100, increment=5, textvariable=v, command=update) # 注意 values 不要与 from_=0, to=100, increment=5 同时使用

    2.6K50

    Cloudflare 如何将 Quicksilver 迁移到多级缓存并处理数十亿个请求

    Quicksilver v1 在全局每个服务器上都存储完整的数据集，结果消耗了大量磁盘空间，1.6TB 的数据集在仅仅一年内就增长了 50%，意味着 Cloudflare 网络中的可用存储即将耗尽。...向新方案的迁移始于 Quicksilver v1.5，这是一个引入代理和复制服务器角色的解决方案，它让磁盘占用减少了 50%。 在最新的 v2 实现中，Cloudflare 引入了多级缓存策略。...内存使用和冷缓存问题导致 Cloudflare 选择使用 RocksDB 的持久存储，而不是基于内存的缓存，并使用基于这一引擎的压缩过滤器进行驱逐。...从一开始就为客户提供了顺序一致性……我们亲身体会了海勒姆定律，Quicksilver 在公司内部采用得如此广泛，以至于我们在早期版本中引入的每个属性现在都依赖其他团队。...来源：Cloudflare 博客 从旧架构到 Quicksilver v2 的转变解决了 Cloudflare 之前在 330 个城市网络中遇到的关键瓶颈，同时保持了 1.6TB 数据集的亚毫秒处理性能

    22410

    jQuery中的常用内容总结(一)

    不要拖，大病的话甚是~，身体是本钱，如果人的身体健康是一的话，若没有前面的一，后面再多的零也是徒然，同时，建议在开发的时候保持一个好的心态，积极面对需求和技术难点，不要像我一样在难的地方朝一个地方死钻、...如果是ID选择器，则jQuery对象中没有prevObject这个参数，因为ID本身就是唯一的，例如上面的代码，如果在html中定义了两个ID，jQuery选择器永远只会选择第一个匹配的，如果你只需要在...class选择器结果中只取第五个，一般来说有两种写法 　　　　A>使用":eq(第几个-1)",例如:$("#bodys p:eq(4)"); 　　　　B>使用嵌套的写法,例如:$($("#bodys...(单选、多选)、选取的(下拉)、提交... 　　...　　removeClass();删除一个样式对象 　　addClass():添加一个样式对象(样式名称可能需要在css文件或者页面中先定义出来) 好了，现在做一个实际应用展示: 节点删除=> ?

    1.3K30

    前端组件整理

    按钮等表单元素的美化 select2 多选下拉框 DropKick 下拉框，单，多选。...iscroll 在移动设备上用不错 表格组件 datatables 表格可交互（对内容进行排序，删除等） backgrid 各种功能，带分页，可编辑表格内容。很棒。...Firefox, Chrome, IE6+ 选取颜色 Spectrum 编辑器 ace 代码编辑器，可以用来做demo演示 ckeditor ueditor 百度做的 tinymce 对html内容进行实时的编辑...summernote 在移动设备上用不错 HTML5播放器 jwplayer 被大量网站使用 html5media 简单的h5player，轻量级 jplayer 功能强太，可换肤 展示 Impress.js...transit 对元素进行css的变换 视觉差插件 scrollorama 比较简单 superscrollorama 能做的效果更多，但要用第三方Tween的库，使用起来比较复杂。

    14.2K40
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券