使用IntelliJ IDEA配置Spring Boot实现简单登录功能(最简单)

最新推荐文章于 2024-06-19 14:51:47 发布

有杨既安然

最新推荐文章于 2024-06-19 14:51:47 发布

阅读量1.8k

点赞数 15

文章标签： intellij-idea spring boot java

本文链接：https://blog.csdn.net/whc15398305821/article/details/137725526

版权

本文详细介绍了如何在IntelliJIDEA中配置SpringBoot，从安装开始，通过SpringInitializr创建项目，实现用户登录功能，包括数据模型、服务和控制器的编写，以及前端HTML页面的交互。

摘要由CSDN通过智能技术生成

1.标题：使用IntelliJ IDEA配置Spring Boot实现简单登录功能

摘要：本文将介绍如何在IntelliJ IDEA中配置Spring Boot，并实现一个简单的登录功能。包括安装、配置Spring Initializr、创建Spring Boot项目以及编写登录功能的代码等步骤。

正文：

1.1在Java开发过程中，Spring Boot是一个非常重要的框架，它可以帮助我们快速搭建和开发基于Spring的应用程序。而在IntelliJ IDEA中配置Spring Boot可以让我们的Java开发更加高效和便捷。下面，我将详细介绍如何在IDEA中配置Spring Boot并实现一个简单的登录功能。

1.2安装IntelliJ IDEA

首先，我们需要在官方网站下载并安装IntelliJ IDEA。下载地址：添加链接描述

1.3安装Spring Boot插件

打开IntelliJ IDEA，点击菜单栏的File -> Settings -> Plugins，搜索Spring Boot并安装。

1.4配置Spring Initializr

安装完成后，我们需要配置Spring Initializr。点击菜单栏的File -> New -> Project，选择Spring Initializr，然后按照向导完成项目的创建。在这里，我们可以选择所需的Spring Boot版本和其他依赖项。
1:
在这里插入图片描述
2:

3:

4:

然后点击Create，项目就创建好了。

1.5创建Spring Boot项目

在IntelliJ IDEA中，我们可以通过Spring Initializr来创建一个Spring Boot项目。点击菜单栏的File -> New -> Project，选择Spring Initializr，然后按照向导完成项目的创建。在创建过程中，我们可以选择所需的Spring Boot版本和其他依赖项。
1：
在这里插入图片描述
设置里找到这个目录更改你项目依赖储存的位置。

1.6编写登录功能的代码

在项目中，我们可以编写一个简单的登录功能的代码。首先，我们需要创建一个User实体类，包含用户名和密码属性。然后，创建一个UserService类，用于处理用户登录的逻辑。最后，在Controller类中，编写一个登录接口，调用UserService的方法来实现登录功能。
1：
在这里插入图片描述
目录为这样子。
2：
LoginC ontroller.java

package org.example.frist.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import java.util.HashMap;
import java.util.Map;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
@Controller
public class LoginController {
//#####################################################################

    @ResponseBody
    @CrossOrigin
    @RequestMapping(value = "/login",method = RequestMethod.GET)
    public Map<String,String> login(HttpServletRequest request){
        String username = request.getParameter("username");
        String password = request.getParameter("password");

        Map<String,String> retdata = new HashMap<>();
        if (username != null && password != null && username.equals("admin") && password.equals("123456")) {
            retdata.put("data",username);
            return retdata;
        } else {
            Map<String,String> errorMap = new HashMap<>();
            errorMap.put("登录失败",username);
            return errorMap;
        }
    }
}

3:
User.java

package org.example.frist.entity;

import lombok.Data;

@Data
public class User {
    private String username;
    private String password;
    private String phone;
    private String realName;
}

4:
UserMapper.java

package org.example.frist.mapper;

import org.apache.ibatis.annotations.Mapper;
import org.example.frist.entity.User;

@Mapper
public interface UserMapper {

    public User getUserById(String username);
    public  void inertUser(User user);

}

5:
UserService.java

package org.example.frist.service;

import org.example.frist.entity.User;
import org.example.frist.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class UserService {


    @Autowired
    private UserMapper userMapper;

    //实现从数据库查询的数据
    public User getUserById(){
        User users = userMapper.getUserById("");
        return users;
    }





}

6:
FristApplication.java

package org.example.frist;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
@MapperScan("org.example.frist.mapper")
@SpringBootApplication
public class FristApplication {

    public static void main(String[] args) {
        SpringApplication.run(FristApplication.class, args);
    }

}

7:
login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <div>
            <label for="">请输入账号:<input type="text" v-model="username"></label><br>
            <label for="">请输入密码：<input type="password" v-model="password"></label><br>
            <button @click="login">登录</button>
        </div>
    </div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="/modules/axios/axios.min.js"></script>
<script type="module">
    const app = new Vue({
        el:'#app',
        data:{
            username:'',
            password:''
        },
        methods:{
            login(){
                console.log(this.username,this.password);
                axios.get('http://192.168.157.169:8080/login',{
                    params:{
                        username:this.username,
                        password:this.password
                    }
                }).then(function(response){
                    if(response.data.data=='admin'){
                        alert('登录成功');
                    }else{
                        alert('登录失败');
                    }
                })
            }
        }
    })
</script>
</html>