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

news/2025/2/18 22:00:11/

目录

  • 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.ppmy.cn/news/1572214.html

相关文章

github - 使用

注册账户以及创建仓库 要想使用github第一步当然是注册github账号了, github官网地址:https://github.com/。 之后就可以创建仓库了(免费用户只能建公共仓库),Create a New Repository,填好名称后Create,之后会出现一些仓库的配置信息,这也是一个git的简单教程。 Git…

RK3588 Linux平台部署DeepSeek模型教程

更多内容可以加入Linux系统知识库套餐(教程+视频+答疑) 文章目录 一、下载rknn-llm 和 deepseek模型二、RKLLM-Toolkit 安装2.1 安装 miniforge3 工具2.2 下载 miniforge3 安装包2.3 安装 miniforge3 三、创建 RKLLM-Toolkit Cond…

【xdoj离散数学上机】T283

递归函数易错: 防止出现递归死循环! 题目 题目:求诱导出的等价关系的关系矩阵 问题描述 给定有限集合上二元关系的关系矩阵,求由其诱导出的等价关系的关系矩阵。 输入格式 第一行输入n,表示矩阵为n阶方阵&#xff0c…

100N03-ASEMI豆浆机专用MOS管100N03

编辑:ll 100N03-ASEMI豆浆机专用MOS管100N03 型号:100N03 品牌:ASEMI 封装:TO-252 最大漏源电流:100A 漏源击穿电压:30V 批号:最新 RDS(ON)Max:5.0mΩ…

Lean 工具链教程 | Lake elan

前边安装 Lean4 提到了 Lean 项目开发的三件套:版本管理器 elan 包管理器和构建工具 lake 语言本身的核心组件 lean。本篇分别介绍这三个工具的基本用法。 elan 常用功能 elan 是 Lean 版本管理器,用于安装、管理和切换不同版本的 Lean。 版本管理&…

初学总结SpringBoot项目在mac上环境搭建和运行

mac一定要安装上homebrew,这个玩意在mac上搭建环境贼拉好用,打开终端安装国内镜像的 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"1. brew安装maven brew install maven2.修改maven国内镜像 ma…

【React】react-redux+redux-toolkit实现状态管理

安装 npm install reduxjs/toolkit react-reduxRedux Toolkit 是官方推荐编写Redux的逻辑方式,用于简化书写方式React-redux 用来链接Redux和React组件之间的中间件 使用 定义数据 创建要管理的数据模块 store/module/counter.ts import { createSlice, Payloa…

基于SSM+uniapp的数学辅导小程序+LW示例参考

1.项目介绍 系统角色:管理员、普通用户功能模块:用户管理、学习中心、知识分类管理、学习周报管理、口算练习管理、试题管理、考试管理、错题本等技术选型:SSM,Vue(后端管理web),uniapp等测试环…