性格测评小程序04题库管理

目录

  • 1 创建数据源
    • 1.1 题库表
    • 1.2 选项表
  • 2 搭建管理后台
    • 2.1 搭建题库功能
    • 2.2 搭建选项功能
    • 2.3 题库和选项联动
  • 3 最终效果
  • 总结

我们现在性格测评的算法是通过40个题目来测评用户属于哪一个分类，为此后台需要有可以设置题目和选项的功能，本篇我们介绍一下题库管理功能的搭建过程。

1 创建数据源

在数据源设计中，我们考虑将题目和选项拆分开，为此需要创建题库表和选项表

1.1 题库表

创建第一个表题库表
在这里插入图片描述
添加第一个字段，题目内容，类型选择文本
在这里插入图片描述
添加第二个字段，维度，类型选择枚举
在这里插入图片描述
维度设置为EI、SN、TF、JP
在这里插入图片描述
继续添加字段，添加题目编号，类型选择自动编号
在这里插入图片描述

1.2 选项表

继续添加表，添加选项表
在这里插入图片描述
添加第一个字段，选项，类型选择枚举
在这里插入图片描述
枚举项设置为A、B、C、D
在这里插入图片描述
继续添加字段，添加选项内容
在这里插入图片描述
继续添加字段，选项得分，类型选择数字
在这里插入图片描述
继续添加字段，题目，类型选择关联关系
在这里插入图片描述

2 搭建管理后台

表创建好了之后，我们就需要搭建后台功能。打开我们的后台应用，点击创建页面的图标
在这里插入图片描述

2.1 搭建题库功能

选择表格与表单页，选择题库表，选择左侧导航布局
在这里插入图片描述
选中数据表格组件，设置排序规则，启用多字段排序，先按维度排序，再按题目编号排序
在这里插入图片描述
筛选器勾选维度和题目编号
在这里插入图片描述
在操作列添加一个按钮，改为选项
在这里插入图片描述
切换到布局设计，添加题库菜单
在这里插入图片描述

2.2 搭建选项功能

再次点击创建页面图标，这次选择选项表，还是选择左侧导航布局
在这里插入图片描述
选中页面组件，添加URL参数，添加questionid
在这里插入图片描述
在这里插入图片描述
设置数据筛选，筛选条件设置为题目等于我们的URL参数
在这里插入图片描述
在这里插入图片描述
设置排序字段，设置为选项，升序
在这里插入图片描述
选中页面组件，添加弹窗组件
在这里插入图片描述
在弹窗内容里添加表单容器组件
在这里插入图片描述
数据模型设置为选项表
在这里插入图片描述
修改弹窗标题为新增选项
在这里插入图片描述
关闭弹窗的显示底部按钮配置
在这里插入图片描述
选中题目组件，设置选中值的数据绑定
在这里插入图片描述
绑定为URL参数
在这里插入图片描述

选中表单容器，设置表单容器的提交事件
在这里插入图片描述
在表单容器的成功时增加两个事件，先是关闭弹窗
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
关闭之后刷新表格
在这里插入图片描述
配置好之后将弹窗默认打开配置关闭
在这里插入图片描述
选中新建按钮，将事件设置为打开弹窗
在这里插入图片描述

2.3 题库和选项联动

当在题库列表点击选项时候需要跳转，选中选项按钮，事件配置为打开页面
在这里插入图片描述
在这里插入图片描述
跳转到选项列表页，并且传入所在行的数据标识
在这里插入图片描述

在这里插入图片描述

3 最终效果

点击题库管理，可以新增题库信息
在这里插入图片描述
点击选项可以给题库增加选项
在这里插入图片描述

总结

本篇我们介绍了题库以及选项的搭建过程，在做此类功能时关键点是思考如何做表拆分，哪个作为主表，哪个作为子表，主表和子表如何进行关联。表结构设计好之后，在页面的搭建过程中要清楚，页面之间是如何通过参数传递完成跳转的，在新增选项的时候如何得到主表的信息。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/16829.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Navicat导入海量Excel数据到数据库（简易介绍）

Navicat导入海量Excel数据到数据库（简易介绍）

目录 前言正文 前言 此处主要作为科普帖进行记录 原先Java处理海量数据的导入时，由于接口超时，数据处理不过来，后续转为Navicat Navicat 是一款功能强大的数据库管理工具，支持多种数据库系统（如 MySQL、PostgreSQL、…
阅读更多...
sql难点

sql难点

一、 假设你有一个查询&#xff0c;需要根据 id 是否为 null 来动态生成 SQL 条件&#xff1a; xml复制 <select id"getResources" resultType"Resource">SELECT * FROM resources<where><if test"id ! null">and id <!…
阅读更多...
2024年12月中国电子学会青少年软件编程（Python）等级考试试卷（六级）

2024年12月中国电子学会青少年软件编程（Python）等级考试试卷（六级）

青少年软件编程&#xff08;Python&#xff09;等级考试试卷&#xff08;六级&#xff09; 一、单选题(共25题&#xff0c;共50分) 1.下面代码的输出结果正确的是?(B) import json json_str [ "Alice", "girl", 17,"New York"] data json.loa…
阅读更多...
Qwen2.5-Max：国内新一代 MoE 大模型的崛起！

Qwen2.5-Max：国内新一代 MoE 大模型的崛起！

通义千问 DeepSeek 才火没多久&#xff0c;国内又出现了一款可以比肩 DeepSeek 的 MoE 大模型——Qwen2.5-Max。这款大模型使用了超过 20 万亿 token 的预训练数据及精心设计的后训练方案进行训练&#xff0c;无疑开启了 AI 的新时代。 Qwen2.5-Max Qwen2.5-Max Qwen&#xff0…
阅读更多...
把 DeepSeek1.5b 部署在显卡小于4G的电脑上

把 DeepSeek1.5b 部署在显卡小于4G的电脑上

这里写自定义目录标题 介绍准备安装 Ollama查看CUDA需要版本安装CudaToolkit检查Cuda是否装好二、设置Ollama环境变量三、验证是否跑在GPU上ollama如何导入本地下载的模型安装及配置docker安装open-webui启动open-webui开始对话介绍 Deepseek1.5b能够运行在只用cpu和gpu内存小…
阅读更多...
FPGA 28 ，基于 Vivado Verilog 的呼吸灯效果设计与实现（ 使用 Vivado Verilog 实现呼吸灯效果 ）

FPGA 28 ，基于 Vivado Verilog 的呼吸灯效果设计与实现（ 使用 Vivado Verilog 实现呼吸灯效果 ）

目录 前言 一. 设计流程 1.1 需求分析 1.2 方案设计 1.3 PWM解析 二. 实现流程 2.1 确定时间单位和精度 2.2 定义参数和寄存器 2.3 实现计数器逻辑 2.4 控制 LED 状态 三. 整体流程 3.1 全部代码 3.2 代码逻辑 1. 参数定义 2. 分级计数 3. 状态切换 4. LED 输…
阅读更多...
日常知识点之面试后反思裸写string类

日常知识点之面试后反思裸写string类

1&#xff1a;实现一个字符串类。 简单汇总 最简单的方案&#xff0c;使用一个字符串指针&#xff0c;以及实际字符串长度即可。 参考stl的实现&#xff0c;为了提升string的性能&#xff0c;实际上单纯的字符串指针和实际长度是不够了&#xff0c;如上&#xff0c;有优化方案…
阅读更多...
用AI绘制CAD气温曲线图

用AI绘制CAD气温曲线图

此文章视频讲解地址 https://www.bilibili.com/video/BV1JtKjenEhF 需求 根据气温的JSON数据&#xff0c;用AI自动生成CAD格式的气温曲线DWG图 数据准备 用deepseek获取了北京市最近一个月的气温json数据 AI对话 首先进入唯杰地图云端管理平台 选择与唯杰地图AI对话 需求描…
阅读更多...
Web应用项目开发 ——Spring Boot邮件发送

Web应用项目开发 ——Spring Boot邮件发送

一.邮件发送介绍 邮件发送是一个非常常见的功能&#xff0c;注册时的身份认证、重要通知发送等都会用到邮件发送。在现代的Web应用程序中&#xff0c;邮件发送功能是非常常见且重要的一部分&#xff0c;Spring Boot框架提供了简单且强大的方式来实现邮件发送功能。Spring中提供…
阅读更多...
【STM32】通过L496的HAL库Flash建立FatFS文件系统（CubeMX自动配置R0.12C版本）

【STM32】通过L496的HAL库Flash建立FatFS文件系统（CubeMX自动配置R0.12C版本）

【STM32】通过L496的HAL库Flash建立FatFS文件系统&#xff08;CubeMX自动配置R0.12C版本&#xff09; 文章目录 FlashFlash地址写Flash地址读 FatFS文件系统配置FatFS移植驱动函数时间戳函数 文件操作函数工作区缓存文件挂载和格式化测试文件读写测试其他文件操作函数 测试附录…
阅读更多...
机械臂运动学笔记（一）：正向运动学

机械臂运动学笔记（一）：正向运动学

正向运动学指的是通过相邻关节间的转动和移动坐标&#xff0c;将末端的坐标计算出来。 反向运动学指的是已知机械臂末端的坐标&#xff0c;反算每个关节可能的转动和移动参数。 参考资料&#xff1a;4.机械臂几何法与DH表示法_哔哩哔哩_bilibili 一.任意连杆连接的变量定义&a…
阅读更多...
Leetcode - 周赛435

Leetcode - 周赛435

目录 一、3442. 奇偶频次间的最大差值 I二、3443. K 次修改后的最大曼哈顿距离三、3444. 使数组包含目标值倍数的最少增量四、3445. 奇偶频次间的最大差值 II 一、3442. 奇偶频次间的最大差值 I 题目链接 本题使用数组统计字符串 s s s 中每个字符的出现次数&#xff0c;然后…
阅读更多...
鸿蒙HarmonyOS NEXT开发：优化用户界面性能——组件复用(@Reusable装饰器)

鸿蒙HarmonyOS NEXT开发：优化用户界面性能——组件复用(@Reusable装饰器)

文章目录 一、概述二、原理介绍三、使用规则四、复用类型详解1、标准型2、有限变化型2.1、类型1和类型2布局不同&#xff0c;业务逻辑不同2.2、类型1和类型2布局不同&#xff0c;但是很多业务逻辑公用 3、组合型4、全局型5、嵌套型 一、概述 组件复用是优化用户界面性能&#…
阅读更多...
pyrender 渲染报错解决

pyrender 渲染报错解决

pyrender渲染后&#xff0c;出来的图样子不对&#xff1a; 正确的图&#xff1a; 解决方法&#xff1a; pip install numpy1.26 下面的不是必须的&#xff1a; pip install pyrender0.1.45 os.environ["PYOPENGL_PLATFORM"] "egl" os.environ[EGL_DEVI…
阅读更多...
CCFCSP第34次认证第一题——矩阵重塑（其一）

CCFCSP第34次认证第一题——矩阵重塑（其一）

第34次认证第一题——矩阵重塑&#xff08;其一&#xff09; 官网链接 时间限制&#xff1a; 1.0 秒 空间限制&#xff1a; 512 MiB 相关文件&#xff1a; 题目目录&#xff08;样例文件&#xff09; 题目背景 矩阵&#xff08;二维&#xff09;的重塑&#xff08;reshap…
阅读更多...
Neurlps2024论文解读|BERTs are Generative In-Context Learners-water-merged

Neurlps2024论文解读|BERTs are Generative In-Context Learners-water-merged

论文标题 BERTs are Generative In-Context Learners BERTs 是生成式上下文学习器 论文链接 BERTs are Generative In-Context Learners论文下载 论文作者 David Samuel 内容简介 本文探讨了掩码语言模型&#xff08;如DeBERTa&#xff09;在上下文学习中的生成能力&…
阅读更多...
深入理解Java对接DeepSeek

深入理解Java对接DeepSeek

其实&#xff0c;整个对接过程很简单&#xff0c;就四步&#xff0c;获取key&#xff0c;找到接口文档&#xff0c;接口测试&#xff0c;代码对接。 1.获取 KEY https://platform.deepseek.com/transactions 直接付款就是了&#xff08;现在官网暂停充值2025年2月7日&#xf…
阅读更多...
OSPF高级特性（3）：安全特效

OSPF高级特性（3）：安全特效

引言 OSPF的基础我们已经结束学习了&#xff0c;接下来我们继续学习OSPF的高级特性。为了方便大家阅读&#xff0c;我会将高级特性的几篇链接放在末尾&#xff0c;所有链接都是站内的&#xff0c;大家点击即可阅读&#xff1a; OSPF基础&#xff08;1&#xff09;&#xff1a;工…
阅读更多...
HCIA项目实践--静态路由的总结和简单配置

HCIA项目实践--静态路由的总结和简单配置

七、静态路由 7.1 路由器获取未知网段的路由信息&#xff1a; &#xff08;1&#xff09;静态路由&#xff1a;网络管理员手工配置的路由条目&#xff0c;它不依赖网络拓扑的变化进行自动更新&#xff0c;而是根据管理员预先设定的路径来转发数据包。其优点是配置简单、占用系…
阅读更多...
3dtiles——Cesium ion for Autodesk Revit Add-In插件

3dtiles——Cesium ion for Autodesk Revit Add-In插件

一、说明&#xff1a; Cesium已经支持3dtiles的模型格式转换&#xff1b; 可以从Cesium官方Aesset中上传gltf等格式文件转换为3dtiles&#xff1b; 也可以下载插件&#xff08;例如revit-cesium插件&#xff09;转换并自动上传到Cesium官方Aseet中。 Revit转3dtiles插件使用…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023