项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(二)

devtools/2024/12/23 0:04:45/

文章目录

  • 一、登录功能实现
    • 1、前端实现
      • 1.1 创建登录组件
      • 1.2 安装和配置Element Plus
      • 1.3 安装axios和调用后端接口
    • 2、后端实现
      • 2.1 创建数据表和准备数据
      • 2.2 配置MYSQL配置信息
      • 2.3 登录功能实现
        • 2.3.1 创建实体类
        • 2.3.2 创建登录服务接口及实现
        • 2.3.3 创建Mapper
        • 2.3.4 实现登录接口API
    • 3、效果展示
  • 二、本文代码下载

一、登录功能实现

1、前端实现

VSCode打开项目,项目框架结构如下:
在这里插入图片描述
删除assetscomponentsstoresviews目录下文件,这些没有用,后续我们的程序会放在这些目录下。

1.1 创建登录组件

views目录下创建组件Login.vue,内容如下:

<script setup>

http://www.ppmy.cn/devtools/144518.html

相关文章

[maven]使用spring

为了更好理解springboot&#xff0c;我们先通过学习spring了解其底层。 这里讲一下简单的maven使用spring框架入门使用。因为spring这一块的东西很多都需要联合起来后才好去细讲&#xff0c;本篇通过spring-context大致地介绍相关内容。 注意&#xff1a;spring只是一个框架&am…

《探索QT 5.14.1:功能、特性与应用全解析》

《探索QT 5.14.1&#xff1a;功能、特性与应用全解析》 一、QT 5.14.1&#xff1a;强大的跨平台开发利器二、QT 5.14.1 的核心功能与特性&#xff08;一&#xff09;丰富的控件库&#xff08;二&#xff09;高效的信号槽机制&#xff08;三&#xff09;卓越的性能表现&#xff…

完全二叉树的权值(蓝桥杯2019年试题G)

给定一棵包含N个节点的完全二叉树&#xff0c;树上的每个节点都有一个权值&#xff0c;按从上到小、从左到右的顺序依次是A1、A2……An,&#xff08;1&#xff0c;2&#xff0c;n为下标。&#xff09;如下图所示。 现在&#xff0c;小明要把相同深度的节点的权值加到一起&#…

uniapp Native.js 调用安卓arr原生service

有问题&#xff0c;文中的内容不正确 最近搞了个uni小项目&#xff0c;一个定制的小平板&#xff0c;带一个nfc设备&#xff0c;厂家只给了一套安卓原生demo&#xff0c;头一次玩原生安卓&#xff0c;废了好半天劲打出来arr包&#xff0c;想镶进uniapp里&#xff0c;网上查了好…

Qt WORD/PDF(四)使用 QAxObject 对 Word 替换(QWidget)

关于QT Widget 其它文章请点击这里: QT Widget 国际站点 GitHub: https://github.com/chenchuhan 国内站点 Gitee : https://gitee.com/chuck_chee 姊妹篇: Qt WORD/PDF&#xff08;一&#xff09;使用 QtPdfium库实现 PDF 操作 Qt WORD/PDF&#xff08;二…

Mac配置 Node镜像源的时候报错解决办法

在Mac电脑中配置国内镜像源的时候报错,提示权限问题,无法写入配置文件。本文提供解决方法,青测有效。 一、原因分析 遇到的错误是由于 .npm 目录下的文件被 root 用户所拥有,导致当前用户无法写入相关配置文件。 二、解决办法 在终端输入以下命令,输入管理员密码即可。 su…

Linux逻辑卷动态扩容

Linux逻辑卷动态扩容 一、查看当前文件系统磁盘空间情况二、将新磁盘初始化为物理卷三、将新的物理卷归到需要扩容的卷组当中四、将卷组中的空间分配到具体的逻辑卷上五、逻辑卷扩容完成后&#xff0c;需要动态调整才能使用新分配的空间。 一、查看当前文件系统磁盘空间情况 使…

在 Spark 上实现 Graph Embedding

在 Spark 上实现 Graph Embedding 主要涉及利用大规模图数据来训练模型&#xff0c;以学习节点的低维表示&#xff08;嵌入&#xff09;。这些嵌入能够捕捉和反映图中的节点间关系&#xff0c;如社交网络的朋友关系或者物品之间的相似性。在 Spark 上进行这一任务&#xff0c;可…