前后端分离简单案例

啊啊啊啊～～～～

于 2021-08-25 19:09:56 发布

阅读量897

点赞数 1

分类专栏：前端 vue Spring Boot 文章标签： java spring boot vue.js

本文链接：https://blog.csdn.net/qq_39371480/article/details/119917419

版权

本文提供了一个基于SpringBoot和Vue的前后端分离简单案例，详细介绍了如何创建后端SpringBoot项目，包括设置启动类、实体类、控制器和配置文件。同时，文章也阐述了创建前端Vue项目的过程，利用VSCode搭建Vue脚手架，引入所需依赖，编写Vue组件，并使用axios处理登录请求，最后解决了跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于SpringBoot和Vue前后端分离简单案例

这里采用iview的登录模板进行演示

创建后端项目

创建springboot项目，一个简单的demo：

Application类：springboot启动类

@SpringBootApplication(exclude={
   DataSourceAutoConfiguration.class, HibernateJpaAutoConfiguration.class})
public class Application {
   
    public static void main(String[] args) {
   
        SpringApplication.run(Application.class,args);
    }
}

User类：实体类

public class User {
   
    //用户名
    private String userName;
    //密码
    private String password;


    public String getUserName() {
   
        return userName;
    }
    public void setUserName(String userName) {
   
        this.userName = userName;
    }
    public String getPassword() {
   
        return password;
    }
    public void setPassword(String password) {
   
        this.password = password;
    }

}

LoginController：接受前端的post请求

@RestController
@RequestMapping("/rest")
public class LoginController {
   
    @RequestMapping(value <

最低0.47元/天解锁文章