文章目录
- 一、登录功能实现
- 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>