项目开发实践——基于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>