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

文章目录

• 一、登录功能实现
• • 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打开项目，项目框架结构如下：

删除assets、components、stores、views目录下文件，这些没有用，后续我们的程序会放在这些目录下。

1.1 创建登录组件

在views目录下创建组件Login.vue，内容如下：

<script setup>