文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

常见类型： ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥的选项中选择一个。通常，将一个选项定义为默认选择。 外观 常规： ?...·标签文本使用正面肯定的措辞，以便用户清楚的知道打开复选框将会发生什么。避免使用否定的表达，例如 「同意条款」 而不是 「不同意条款」 或是 「打开通知」 而不是 「关闭通知」 等等。...复选框和单选按钮之间的主要差别是： 单选按钮给人更加直接的示意，例如开启关闭，而复选只表达一面信息，因此它的反面信息并不是非常直观，甚至对于某些用户而言，并不清楚勾选和不勾选所表达的含义。...下拉菜单将多种集合进行了封装，只有在用户需要的时候才显示出来（按需显示），具有节省页面空间及简化当前页面等优点。 外观 常规： ? 分类： ? 带搜索： ? 多选： ?...·禁用菜单项，而不是隐藏，以提高功能的可发现性。 ·下拉菜单文本保持简洁扼要，文本内容限制为单行。 ·请根据具体情况，定义列表项的最小和最大宽度，以适应其内容。

9.6K21

vue博客实战---博客首页开发

我们首先实现左上方头像下拉菜单，下拉菜单我使用element-ui的el-dropdown组件，el-dropdown中包含一个class为el-dropdown-link，鼠标移入则会显示下拉菜单，我们可以将头像框放在这个...下拉菜单实现在el-dropdown-menu下，下拉菜单我只要设置了三个菜单选项：登录/注册，修改资料，退出登录。...这边有一个小细节需要优化的就是登陆/注册按钮和退出按钮不能同时显示，我们首先需要在data中设置变量flag，然后在mounted的时候监听localStorage中是否有保存用户信息，如果处于登录状态则隐藏登陆...导航栏我使用了el-menu组件，每个导航菜单都是一个el-submenu。 ?...接口实现完成我们回到article.vue中开始文章列表的渲染工作，组件内放置一个class为content的div，使用v-for循环渲染文章列表，对文章标题和阅读全文按钮添加点击事件，点击按钮可以跳转到文章详情界面

6.8K20
您找到你想要的搜索结果了吗？
是的
没有找到

Inno Setup 安装包脚本 Run 的 Flags 标记

在制作安装包的时候，可以在 Inno Setup 安装包脚本的 Run 里面添加在解压缩安装包文件完成之后，整个安装结束之前执行指定的命令，是作为定制化最高的内容 有小伙伴觉得安装包脚本比较难写，也不熟悉...推荐的方法是自己写安装辅助 exe 程序，在安装包解压缩完成之后调用辅助安装程序，这样安装逻辑可以放在安装程序，而安装程序本身可以使用自己熟悉的语言开发 在 Inno Setup 安装包脚本，可以在 Run...，就会遇到如何执行命令的问题，有一些命令是让用户勾选才执行，如打钩点击完成启动 xx 程序，这部分就需要用到 Flags 的值 在 Flags 多个不同值用空格分开，可选内容如下 32bit 将 {sys...这个标记设置之后不能加上 shellexec 内容 64bit 当使用 Filename 和 WorkingDir 参数将会设置里面用到的 {sys} 常量为 64 系统的工作路径，默认在 64 系统上安装将会应用...Inno Setup 安装包，可以通过 /silent 命令或 /verysilent 命令进行静默安装 使用 /silent 时，静默安装，但如果又报错，还是会提示，并且有进度条也就是用户能看见进度条界面

2.3K20

【摸鱼神器】UI库秒变LowCode工具——列表篇（一）设计与实现

使用 slot 实现自定义扩展 做个工具维护 json 文件（下篇介绍） ---- 管理后台里面，列表是一个常用的功能，UI库提供了列表组件和分页组件实现功能。...本篇介绍列表的设计思路和封装方式。 需求分析 如果基于原生HTML来实现显示数据列表的功能的话，那么需考虑如何创建 table，如何设置css等。...如果只是一个列表的话，这种方式没啥问题，但是管理后台项目，往往需要n个列表，而每个列表都大同小异，如果要一个一个手撸出来，那就有点麻烦了。 那么如何解决呢？...这个属性不是直接设置给组件的 props，所以不用定义两套了。 对齐方式的枚举 枚举可以理解为常量，定义之后可以避免低级错误，避免手滑。...支持扩展 那么如何找到这个折中点呢？可以按照 “开闭原则”，按照不同的需求，设置多个不同功能的列表控件，使用 slot 实现扩展功能。或者干脆改为直接使用 el-table 的方式。

1.7K10

串口助手(简洁版)上位机软件零基础教程（ C# + visual studio2017 ）（一）

所以本文则介绍一下使用visual studio软件，进行C#上位机软件的开发入门。 以同学们常用的串口助手（简洁版）为例，来着手进行学习和入门。...而波特率组合框 直接在属性中添加下拉菜单内容。 我们设计出如下窗体： 第三，添加单选按钮控件。...注意：发送模式下的两个单选按钮为一组，接收模式下的单选按钮为另一组。为了发送和接收单选按钮相互独立，需将其划分组别，因此要引入容器控件。...所以亲们在这里就不用管啦，是不是很开心？？ 第七，添加定时器控件。有人会问为什么串口助手会用定时器，难不成是自动发送功能？？答案为否。...这样我们就不用去调用设备管理器，看咱们该调成哪个串口号了，是不是很高级！！ 选择 工具箱 -》 组件 -》 Timer（定时器控件），单击选择到窗体中。他也是一个隐式控件。

6.7K21

前端|Bootstrap——导航组件

Bootstrap提供了许多的组件，其中就包括导航组件。这在很大程度上简化了操作。通常都是利用列表实现来导航的，常用的是无序列表（）和有序列表（）。...图1.1 效果图 问题描述 如何制作导航菜单 首先要引入jquery.js、bootstrap.min.js和bootstrap.min.css文件。...这里需要注意dropdown-toggle是下拉菜单样式，data-toggle是js属性，而dropdown是属性值。...当添加 data-toggle="dropdown" 属性，就可以让下拉菜单默认隐藏，只有在点击按钮或链接时，它才显示出来。 此外，这里的下拉菜单，还使用了使用来指示按钮作为下拉菜单。...dropdown-menu设置了display：none，下拉菜单项就默认隐藏。这里需要注意aria-labelledby属性的作用是当想要的标签文本已在其他元素中存在时，可以将其值为该元素的id。

6.6K10

一篇文学会商用可编辑问卷表单制作【iVX 十二】

表单内容是通过一个编辑页动态生成，页面效果如下： 该页面可以使用左侧的添加表单选项，为需要填写的表单添加动态的选项内容，并且添加后的表单内容可以更改每一行的标题、或者是背景色；添加的下拉菜单页可以为其增加选项内容...此时在右侧显示中创建一个保存按钮并且设置初始状态为隐藏： 随后为编辑按钮创建一个事件点击时触发，将输入框、保存按钮显示，单行文本标题与当前编辑按钮进行隐藏： 接着我们创建一个一维数组用于标题显示，命名为动态插入的组件标题...： 接下来则需要为提交按钮添加事件，将输入的选项添加到下拉菜单之中。...点击提交为其添加事件： 此时事件的更改方式与添加背景色类似，但是由于下拉菜单选项会有多个值，此时还需添加一个一维数组，在此命名这个一维数组为下拉菜单内容： 我们首先在提交按钮中为这个下拉菜单内容进行赋值...： 随后设置组件属性对象数组的某个值，该值的行为选中的序号、列为下拉菜单选项、值则为下拉菜单的内容： 接下来我们为下拉菜单为其绑定选项内容，设置选项内容为组件属性的某一行某一列： 随后设置行号为当前序号值

6.7K30

基于tkinter的GUI编程

布局组件： 组件pack方法参数设置组件的位置： before：将组件置于其他之间之前； after：将组件置于其他组件之后； side：组件在主窗口的位置，可以为“top”、“bottom”、“left...输入文本框中的字符被显示为“#” 10 width = 50) #将文本框的宽度设置为50 11 entry2.pack...value = '1', #设置选中单选框时其所关联的变量的值，即r的值 10 indicatoron = 0, #将单选框绘制成按钮样式...，不加为单选按钮 37 onvalue = 1, #当选中复选框时，c的值为1 38..._show函数的控制参数： default：指定信息框的按钮 icon：指定信息框的图标 message：指定信息框所显示的信息 parent：指定信息框的父组件 title：指定信息框的标题 type

5.4K10

错误、异常

布局组件： 组件pack方法参数设置组件的位置： before：将组件置于其他之间之前； after：将组件置于其他组件之后； side：组件在主窗口的位置，可以为“top”、“bottom”、“left...输入文本框中的字符被显示为“#” 10 width = 50) #将文本框的宽度设置为50 11 entry2.pack...value = '1', #设置选中单选框时其所关联的变量的值，即r的值 10 indicatoron = 0, #将单选框绘制成按钮样式...，不加为单选按钮 37 onvalue = 1, #当选中复选框时，c的值为1 38..._show函数的控制参数： default：指定信息框的按钮 icon：指定信息框的图标 message：指定信息框所显示的信息 parent：指定信息框的父组件 title：指定信息框的标题 type

6.3K10

html下拉框设置默认值_html下拉列表框默认值

创建一个复选框控件 Radio 创建一个单选按钮控件 Submit…… 7.要在表单中添加一个默认时为选中状态的复选框,应使用语句 ⑨。...第 3 题 问答题 1.简要…… 限制输入的最大字符数,取值为整数 checked=“checked”使用在复选框和单选框中,表示该选项默认被选中 …,菜单里有多个选项,一般用于选择年……. . . ....必须定义度量的范围,既可以在 text 中,也可… 如何在 EXCEL 中建立下拉列表 1、 在本工作簿的空白列输入下拉菜单的内容,然后选中后右键: 创建列表如下: 复制“=AC1:AC10” 2、 选中要建下拉菜单...表单域:包含了文本框、密码框、隐藏域、多 行文本框、复选框、单选框、下拉列表框和文 件上传框等。 ? 表单按钮:包括提交按钮、复位按钮和一般按 钮。 ?...… 这里是固定第一行为表头) 窗口选项——选择拆分——再次选择冻结窗口——完成 如何设置单列下拉菜单: 无关联添加:使用有效性-序列,将要下拉的内容输入框内,中间以…… 版权声明：本文内容由互联网用户自发贡献

33.7K21

Jump Start Bootstrap 第3章

在本节中，我们将重点讨论如何使用Bootstrap推荐创建可重用的HTML组件标记和类。让我们从页眉开始。...链接的列表 当你想用列表显示链接的时候，列表的子元素应该用,而不是用，同样列表的元素应该是而不是 徽章组件 我们也能在每个列表项旁边使用徽章组件来显示数字（例如那些用来指示等待通知的文件...但是，我们可以使用列表组做更多的事情，而不仅仅是构建简单的列表。...徽章主要用于显示诸如未读项、通知等数字，而不是文本。 徽章是自崩溃的组件，即当标签未包含内容时，徽章在页面上是不可见的。...如果你需要一个单选按钮而不是一个复选框，那就用”radio”代替这个类复选框。 表单帮助类 Bootstrap有一些帮助类可以帮助显示正确的表单。

13.8K20

Android界面组件基本用法

1.文本框（TextView）和编辑框（EditText） 文本框（TextView）不允许用户编辑文本内容，而编辑框（EditText）允许用户编辑文本内容 2.按钮（Button）和图片按钮...为ImageButton指定android:text属性没用，不会显示文字 可以指定android:background为按钮增加背景图片，但这图片是固定的 可以指定android:src为图片按钮增加图片属性...3.单选按钮（RadioButton）和复选框（CheckBox） 多了一个android:checked属性，用于指定初始时是否被选中 checkBox.setOnCheckedChangeListener...另外需要注意的是TabHost、TabWidget、FrameLayout三个组件的android:id必须使用系统默认的名称，而不能自己随意定义，否则会出错。...simple_list_item_multiple_choice 每个列表项是带多选框的文本 simple_list_item_single_choice 每个列表项是带多单选按钮的文本 15.使用AlertDialog

1.7K20

HTML第二天

HTML第二天 ---- 1️⃣列表标签 无序列表–ul （常用） ul：表示无序列表的整体，用于包囊 li 标签 ul 标签中只允许包含 li 标签，默认显示圆点 有序列表–ol （偶尔用） ol：表示有序列表的整体...，列表的每一项前默认显示序号标识 ol：标签中只允许包含 li 标签 自定义列表–dl-dt-dd （底部导航用） dl 标签：表示自定义列表的整体 dl 标签中只允许包含dt/dd标签 dt 标签：表示自定义列表的主题...：**** 有相同 name 属性值的单选框为一组，一组中同时只能有一个被选中 checked–默认选中 复选框...，更便于包裹其他内容：文字、图片等 select 下拉菜单标签 select 标签：下拉菜单的整体 option 标签：下拉菜单的每一项 select 标签语法 selected：下拉菜单的默认选中...实际开发网页时会大量频繁的使用到 div 和 span 这两个没语义的布局标签 div 标签–独占一行 span 标签–一行显示多个 有语义的布局标签（了解） 在 HTML5 新版本中，推出了一些有语义的布局标签供开发者使用

2.9K20

小朋友学Python（24）：Tkinter图形界面编程

一旦检测到事件，就刷新组件。 譬如你输入一个字符，就要立即在光标那个位置显示出来（前提是你选中了文本框，也就是鼠标在文本框这个图案的范围内单击过）。...4.png Tkinter 组件 Tkinter的提供各种控件，如按钮，标签和文本框等。 目前有15种Tkinter控件。下表作了简单的介绍： 控件 描述 Button 按钮控件；在程序中显示按钮。...，多用来作为容器 Label 标签控件；可以显示文本和位图 Listbox 列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户 Menubutton 菜单按钮控件，由于显示菜单项。...Menu 菜单控件；显示菜单栏,下拉菜单和弹出菜单 Message 消息控件；用来显示多行文本，与label比较类似 Radiobutton 单选按钮控件；显示一个单选的按钮状态 Scale 范围控件；...显示一个数值刻度，为输出限定范围的数字区间 Scrollbar 滚动条控件，当内容超过可视化区域时使用，如列表框。.

4.7K70

太实用了！自己动手写软件——GUI编程

在顶层窗口的上面构建不同的GUI组件 通过底层的应用代码将这些GUI组件连接起来 进入主事件循环 安装和使用 好了，回归正题，看看我们今天需要学习的tkinter，因为是内置库，所以我们不需要安装直接调用即可...输入控件；用于显示简单的文本内容 Frame 框架控件；在屏幕上显示一个矩形区域，多用来作为容器 Label 标签控件；可以显示文本和位图 Listbox 列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户...Menu 菜单控件；显示菜单栏,下拉菜单和弹出菜单 Message 消息控件；用来显示多行文本，与label比较类似 Radiobutton 单选按钮控件；显示一个单选的按钮状态 Scale 范围控件；...显示一个数值刻度，为输出限定范围的数字区间 Scrollbar 滚动条控件，当内容超过可视化区域时使用，如列表框。....Button文字为“QUIT”，绑定了一个回调函数就是window.quit 第九行就是将这个button控件采用pack方法放置，pack会将控件自动放置在合适的位置 最后一行运行一个主函数

4.1K10

​Python | GUI编程之tkinter (一)

，用来作为容纳其他控件的容器 Label 标签控件；可以显示文本和位图 Listbox 列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户 Menubutton 菜单按钮控件，由于显示菜单项...Menu 菜单控件；显示菜单栏,下拉菜单和弹出菜单 Message 消息控件；用来显示多行文本，与label比较类似 Radiobutton 单选按钮控件；显示一个单选的按钮状态 Scale 滑动条控件...；显示一个数值刻度，为输出限定范围的数字区间 Scrollbar 滚动条控件，当内容超过可视化区域时使用，如列表框。....按钮控件：Button Button()组件用来创建一个按钮，按钮内可以显示文字或者图片！...单选按钮：Radiobutton 与Checkbutton类似，只不过Checkbutton是可以单选，也可以多选，而Radiobutton是单选。

5.9K31
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券