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

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

最佳用法 ·复选框用于表示状态的标记，不会直接导致命令的触发，需要最终和命令按钮（如提交、确定等）操作配合，若是直接触发请改用切换开关（切换开关并非绝对情况下都是直接触发命令操作）；若复选选项过多时，且有限的屏幕空间下...习惯用法是遵循互联网产品中的一些默认处理方式，例如，注册中的同意条款就是使用复选框。...三、Icon button 图标按钮 图标按钮可以说是结合了单选按钮、复选框及命令控件的变形形式，性质上存在互斥（单选）和非互斥（多选）。...关于下拉搜索 下拉搜索有两种情况，下拉单选和下拉多选的情况。 ·在单选情况下，我们将搜索放在了原有的框体内，流程如下：用户输入关键字>实时匹配检索出选项>用户点击选项>完成操作。 ?...同样我们还需要考虑在该检索的关键字下，会产生用户想要的多个结果吗？ 例如添加公司人员，通过关键字的检索，基本是锁定单一人员，所以通过关键字来检索进行多选的概率较低，自然可采用如下方案： ?

9.6K21

java 考试系统 模块架构方案

单选题：维护单选试题，试题题目，选项，答案，类型，级别，状态，解析 24. 多选题：维护多选试题，试题题目，选项，答案，类型，级别，状态，解析 25....判断题：维护判断试题，试题题目，答案，类型，级别，状态，解析 26. 填空题：维护填空试题，试题题目，答案，类型，级别，状态，解析 27....成绩管理：可以根据条件检索考生成绩，分值排序逆序，查看排名，查看考生试卷信息，查看试题统计图 -------------------------------------------------我的考试...参加考试：根据当前个人条件，可以看到符合的试卷进行考试，试卷计时，判断未答的试题，答完才能提交 36. 考试记录：不管是否提交的试卷都会记录在此列，能看到自己答题是输入的答案 37....我的收藏：在我的成绩中查看试卷信息里面，在题的旁边有收藏按钮，收藏后，相应试题进入此列 40.接口API：集成swagger接口API生成 41.

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

java PC 和 手机 在线考试系统 模块设计方案

单选题：维护单选试题，试题题目，选项，答案，类型，级别，状态，解析 24. 多选题：维护多选试题，试题题目，选项，答案，类型，级别，状态，解析 25....判断题：维护判断试题，试题题目，答案，类型，级别，状态，解析 26. 填空题：维护填空试题，试题题目，答案，类型，级别，状态，解析 27....成绩管理：可以根据条件检索考生成绩，分值排序逆序，查看排名，查看考生试卷信息，查看试题统计图 -------------------------------------------------我的考试...参加考试：根据当前个人条件，可以看到符合的试卷进行考试，试卷计时，判断未答的试题，答完才能提交 36. 考试记录：不管是否提交的试卷都会记录在此列，能看到自己答题是输入的答案 37....我的收藏：在我的成绩中查看试卷信息里面，在题的旁边有收藏按钮，收藏后，相应试题进入此列 40.接口API：集成swagger接口API生成 41.

1.3K20

JAVA 考试系统模块设计方案

单选题：维护单选试题，试题题目，选项，答案，类型，级别，状态，解析 24. 多选题：维护多选试题，试题题目，选项，答案，类型，级别，状态，解析 25....判断题：维护判断试题，试题题目，答案，类型，级别，状态，解析 26. 填空题：维护填空试题，试题题目，答案，类型，级别，状态，解析 27....成绩管理：可以根据条件检索考生成绩，分值排序逆序，查看排名，查看考生试卷信息，查看试题统计图 -------------------------------------------------我的考试...参加考试：根据当前个人条件，可以看到符合的试卷进行考试，试卷计时，判断未答的试题，答完才能提交 36. 考试记录：不管是否提交的试卷都会记录在此列，能看到自己答题是输入的答案 37....我的收藏：在我的成绩中查看试卷信息里面，在题的旁边有收藏按钮，收藏后，相应试题进入此列 40.接口API：集成swagger接口API生成 41.

1.1K50

Java实现机考程序界面

类似的定义一个多选题类，多选题和单选题唯一的区别在于多选题的正确答案不止一个，但我们都可以通过一个字符串来表示正确答案，因此这两个类实现是一模一样的。...将四个按钮加入到按钮组中，确保在同一个按钮组中只有一个单选按钮可以被选中，当用户选中其中一个单选按钮时，其他的单选按钮会自动变为未选中状态，实现单选功能。...设置提交按钮，实现一个事件监听器，当按钮被点击的时候调用提交答案方法，再设置一个定时器，如果作答超过20秒将自动提交答案完成作答。 最后创建一个线程giveQuestion用来展示题目。...核对单选题答案，先从题库中取出正确答案，然后取作答答案进行比较，答对加法，这里需要注意的是，必须对四个选项进行判断有没有选择，而不能最后一个用else情况处理，因为如果没有作答那么答案就应该为空，而不是...核对多选题答案，这里需要按顺序将选择到的ABCD拼接起来作为一个字符串，然后直接和正确答案比较是否相等即可。 核对判断题答案，直接判断有没有选对即可。

18110

vue - 使用vue实现自定义多选与单选的答题功能

本来实现多选单选这个功能，vue组件中在表单方面提供了一个v-model指令，非常的善解“猿”意， 能把我们的多选单选功能很完美且很强大得双向绑定起来，实现多选、单选、任意选...根本不在话下。...if判断那里，条件再次利用了li谁有类名就是选了谁的不讲理原则。第三个多选记录选项功能问题搞定。 第四个问题是，既然多选记录搞定了，那么单选呢，也应该在每次点击的时候搞定他吧？那是自然！...好了，第四个问题单选的答案记录问题解决。 然后，我们接着趁热打铁（才发现他和趁火打劫好像是兄弟啊！）,解决下边点击按钮的问题。...逻辑上，点击按钮的时候先判断这个值，如果为true就提示用户要先选择答案： if(this.unclickable){ alert('您还没有选择答案哦！')...第六点多选功能与下一题按钮高亮可跳转功能的结合也完成啦  至此，关于按钮的样式和逻辑就完毕了，每次点击下一题下一题的功能就跑通了。

3.8K20

答题交互功能深入研究

答题功能的题型都是客观题，分为单选题、多选题和判断题。 后台添加试题： 题干可以添加图片，图文题干适用于看图答题，使得出题意图更明确，有助于答题者直观感受。...目前试题的选项分为图片和文本，一道题的全部选项只能是其中一种类型。新建试题时，默认 2 个选项。后台动态添加试题选项使用的 Layui Form 模块。...单选题和多选题必须 1-10 个选项，判断题必须 2 个选项。 如上图所示，对删除试题选项按钮进行控制，符合必须条件时展示删除按钮。...前台对错判断 如上图所示，这是判断答题对错的核心代码。根据题型将选中的选项数据类型分为字符串和数组，单选题和判断题是字符串，多选题是数组。...单选题和判断题只需要将选中的结果和正确答案比对，就能判断对错。多选题先判断选中的结果个数和正确答案个数是否相等，然后再将两者同一数据类型，在同一数据类型下进行判断，这里使用字符串类型判断。

80730

「35分钟」开发刷题功能

A、塑性#B、耐磨性#C、韧性#D、强度 B 中 单选题 2.1 题目分析： 这个是我拿到的题目数据，通过简单的筛选分析得到以下几个特点： 数据类型：题干、选项、答案、难度、题型、试题解析（内容均为空就不做考虑了...）； 题干、难度：仅做展示即可； 题型：分为单选题、多选题、判断题，单选可多选统一使用radio-group实现选项选择，多选题使用checkbox-group实现选项选择； 选项： 单选选项使用...“#” 分割，radio-group绑定时需要通过 “、” 拆分为选项值和选项显示内容； 多选选项使用同单选选项拆分数据； 判断题答案选项仅使用 “#” 分割开即可。...编写H5页面 我在 uniapp 市场找到的 swiper 组件，卡片的切换效果还是挺不错的，我们通过下面的 【再来 10 道题】 的按钮来切换下一页的题目，项目开发和插件安装建议直接使用 HBuilderX...', '、')), } } else { return v; } }) || []; 选中题目后的事件处理，单选和判断通过是否在答案数组中包含即可，多选题可以通过对答案和选择的结果

44020

《软件方法》强化自测题-分析（2）

答案不直接给出，可访问每套题后面给出的自测链接或扫二维码自测，做到全对才能知道答案。...2 [ 单选题 ]在分析工作流中，如果给下面的空格中填上适当的文字，应该填什么？...A) 购物流程 B) 购物系统 C) 订单 D) 订单管理功能 5 [ 单选题 ]以下说法中正确的是： A) 分析工作流中，不同用例的分析序列图上的边界类不同。...，应该放在控制类中更合适 D) 因为一般为女生被动，“PaPa”应为“女生”类的操作 9 [ 单选题 ]使用关系数据库来存储数据时，发现某个表的数据中，每一行都有某些列的值为空。...按钮控件的IsEnabled属性值为True，按钮能够接收点击事件，IsEnabled属性值为Fase，按钮不能够接收点击事件。

30330

《最新出炉》系列初窥篇-Python+Playwright自动化测试-27-处理单选和多选按钮-番外篇

1.简介　　前边几篇文章是宏哥自己在本地弄了一个单选和多选的demo，然后又找了网上相关联的例子给小伙伴或童鞋们演示了一下如何使用playwright来处理单选按钮和多选按钮进行自动化测试，想必大家都已经掌握的八九不离十了吧...这一篇其实也很简单：就是宏哥在网上找了一个问卷调查例子，运用前边所学的知识趁热打铁地给小伙伴或童鞋们来演示一下。前年的文章中的一些单选和多选的基本概念都介绍了，这里就不做赘述了。直接上项目进行实战。...，具体思路如下：1.首先找到所有单选和多选按钮的共同点。...2.使用共同点来定位单选和多选按钮，将其放在容器中。3.利用for循环将其（单选和多选按钮）从容器中一一遍历出来，并进行逐个click。...如下图所示：3.小结今天其实就是对前边单选和多选循环的一次总结和实践。其他的也没有新的东西。好了，今天时间也不早了，宏哥就讲解和分享到这里，感谢您耐心的阅读，希望对您有所帮助。

19910

vue - v-model实现自定义样式の多选与单选

这两天在玩mpvue，但是下午如果对着文档大眼瞪小眼的话，肯定会睡着的。 想起昨晚的flag，我就想直接用demo上手吧，一举两得 谁想到我好不容易快做完了，v-model在小程序中不起作用！ ?...甚至最后连用户选了什么都不用管，直接将v-model绑定的变量传给后端即可。 强大的v-model！ 最后因为本需求有多选和单选，作为单页应用，又因不需要渲染很多道题目，每次只渲染一道。...所以我们可以最后根据选项判断确定是需要多选还是单选，动态的切换这两套就行了。 这么一看是不是特别简单名了！却被我之前实现的那么麻烦。。。。。我也是佩服自己光脚登山的傻劲。  ...$store.state.init.TeamID, }, unclickable: true, // 判断是否已选择答案，不选择不能下一题，并置灰按钮 showLayer...= true; // 注意，再添加按钮的不可点击状态 } }else{ // 单选 this.unclickable =

2.1K10

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

创建一个密码框输入控件 Checkbox 创建一个复选框控件 Radio 创建一个单选按钮控件 Submit…… 7.要在表单中添加一个默认时为选中状态的复选框,应使用语句 ⑨。...第 3 题 问答题 1.简要…… 限制输入的最大字符数,取值为整数 checked=“checked”使用在复选框和单选框中,表示该选项默认被选中 …,菜单里有多个选项,一般用于选择年……. . . ....必须定义度量的范围,既可以在 text 中,也可… 如何在 EXCEL 中建立下拉列表 1、 在本工作簿的空白列输入下拉菜单的内容,然后选中后右键: 创建列表如下: 复制“=AC1:AC10” 2、 选中要建下拉菜单...什么是表单 表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组 成,所有这些都放在 标签…… 附录 附录一 HTML 语法概述 HTML 头部标签标签 HTML的常见标签...表单域:包含了文本框、密码框、隐藏域、多 行文本框、复选框、单选框、下拉列表框和文 件上传框等。 ? 表单按钮:包括提交按钮、复位按钮和一般按 钮。 ?

33.7K21

《手把手教你》系列技巧篇（三十六）java+selenium自动化-单、多选按钮操作-番外篇

1.简介 　　前边几篇文章是宏哥自己在本地弄了一个单选和多选的demo，然后又找了网上相关联的例子给小伙伴或童鞋们演示了一下如何自动化测试，这一篇宏哥在网上找了一个问卷调查，给小伙伴或童鞋们来演示一下。...上一篇中的一些单选和多选的基本概念都介绍了，这里就不做赘述了。直接上项目实战。...自动化测试答题思路，其实和前边单选多选的遍历差不多，具体思路如下： 1.首先找到所有单选和多选按钮的共同点。...2.使用共同点来定位单选和多选按钮，将其放在list容器中。 3.利用for循环将其（单选和多选按钮）从容其中一一遍历出来，进行click。...，如下小视频所示： 3.小结  好了，今天其实就是对前边单选和多选循环的一次总结和实践。

49840

【Java AWT 图形界面编程】AWT 常用 Component 组件 ( Frame | Label | Checkbox | List | Choice | TextField )

; Canvas : 画布组件 , 用于 绘图 的组件 ; Checkbox : 复选框组件 ; CheckboxGroup : 单选框组件 , 将多个复选框组合 , 变成单选选项 , 每个组合中只有一个...CheckBox 组件可以被选中 ; Choice : 下拉框组件 ; List : 列表组件 , 可添加多个列表项 ; Panel : 容器组件 , 该容器不能单独显示 , 必须放在窗口组件 如 Frame...中 才可显示 ; ScrollBar : 滑动条组件 , 使用滑动条时需要指定其 方向 , 初始值 , 最大值 , 最小值 等信息 ; ScrollPan : 带滚动条的容器组件 , 可水平滚动 或...Button button = new Button("按钮"); box.add(button); // 列表, 3 行, 可多选...: 单选展示 : 列表项多选 :

1.7K10
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券