我是靠谱客的博主 无私芝麻,最近开发中收集的这篇文章主要介绍使用SpringBoot搭建Vue后端项目提供接口服务(三),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

搭建后端接口服务

1、IDEA父项目 右键 —》New —》Module 。

在这里插入图片描述

2、Spring Initializr —》Module SDK:1.8 —》Next。
在这里插入图片描述

3、填入 ,Group:com.kang,Artifact:springbootvue —》Next。

在这里插入图片描述

4、点击 Web —》勾选 Spring Web —》Next —》Finish ,其他根据需要选择,这样就搭建好了一个 SpringBoot 项目。

后端接口服务代码

LoginController 类,登陆逻辑处理。

@Controller
public class LoginController {

    private static final Logger Logger =
            LoggerFactory.getLogger(LoginController.class);

    /**
     * 登陆验证
     * CrossOrigin 跨域支持
     * @param user
     * @return
     */
    @CrossOrigin
    @PostMapping(value = "/api/login")
    @ResponseBody
    public JsonResult login(@RequestBody User user) {
        Logger.info("====>>enter login username:{},password:{}",
                user.getUsername(),user.getPassword());
        String username = user.getUsername();
        if (!Objects.equals("admin", username)
                || !Objects.equals("123456", user.getPassword())) {
            Logger.info("<<====login sucess");
            return new JsonResult(400);
        } else {
            Logger.info("<<====login fail");
            return new JsonResult(200);
        }
    }

}

实体 User 类

@Getter
@Setter
public class User {
    int id;
    String username;
    String password;
}

返回实体类

public class JsonResult {

    private int code;

    public JsonResult(int code) {
        this.code = code;
    }

    public int getCode() {
        return code;
    }

    public void setCode(int code) {
        this.code = code;
    }
}

application.yml

server:
  port: 8082

Application 类中,启动后端接口服务。

前后端分离项目测试

启动前端 vue 项目,访问 http://localhost:8080/#/login ,用户名:admin 密码:123456,登陆成功展示界面如下。

在这里插入图片描述

最后

以上就是无私芝麻为你收集整理的使用SpringBoot搭建Vue后端项目提供接口服务(三)的全部内容,希望文章能够帮你解决使用SpringBoot搭建Vue后端项目提供接口服务(三)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部