# vue_springboot登录

**Repository Path**: soulmate_home/vue_springboot_login

## Basic Information

- **Project Name**: vue_springboot登录
- **Description**: vue+element-ui+springboot快速写一个登陆页面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2019-11-30
- **Last Updated**: 2025-11-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue_springboot登录

## 介绍
本项目使用 Vue + Element-UI + Spring Boot 实现了一个简单的登录页面，适合快速搭建前后端分离的登录功能。

## 软件架构
- **前端**: Vue + Element-UI
- **后端**: Spring Boot
- **数据库**: 使用 JPA 进行数据访问，实体类 `User` 对应数据库表 `user`

## 安装教程
1. 确保已安装 JDK 1.8 或以上版本
2. 确保已安装 Node.js 和 npm
3. 克隆项目到本地
4. 启动后端：
   ```bash
   cd demopro
   ./mvnw spring-boot:run
   ```
5. 启动前端：
   ```bash
   cd demoweb
   npm install
   npm run serve
   ```

## 使用说明
1. 打开浏览器访问 `http://localhost:8080`（前端端口）
2. 在登录页面输入用户名和密码
3. 系统会向后端发送请求，验证用户信息
4. 登录成功显示“恭喜你登录成功！”，失败则提示“登录失败！”

## 接口说明
- **POST /login**
  - 请求体包含 `name` 和 `pwd` 字段
  - 返回 `ok` 表示登录成功，`no` 表示失败

## 数据库配置
默认使用 H2 内存数据库，如需修改，请在 `demopro/src/main/resources/application.yml` 中配置数据库连接信息。

## 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

## 码云特技
1. 使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)