Ajax+springboot实现二级联动

最新推荐文章于 2023-02-06 10:18:48 发布

是小范啊

最新推荐文章于 2023-02-06 10:18:48 发布

阅读量778

点赞数 2

文章标签： ajax vue sqlserver

本文链接：https://blog.csdn.net/fanqingdi092298/article/details/107077217

版权

本文介绍如何利用Ajax和SpringBoot结合Vue.js，实现在前端进行二级联动的效果。首先，数据库创建了省级和市级两个表，接着在Entity实体中定义了省和市的属性。在Dao层，分别实现了省和市的Dao接口。Service层提供了省级和市级的service接口及其实现。最后，在Controller层处理请求，并在Vue层展示联动结果。

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

数据库先创立对应的省级表和市级表（如下图所示）
省级表
在这里插入图片描述
市级表
主表

Entity实体中
省

package f.demo.Entity;
import javax.persistence.*;
@Table
@Entity(name = "grade")
public class Grade {
   
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private int ggid;
    private String gname;
    public int getGgid() {
   
        return ggid;
    }
    public void setGgid(int ggid) {
   
        this.ggid = ggid;
    }
    public String getGname() {
   
        return gname;
    }
    public void setGname(String gname) {
   
        this.gname = gname;
    }
}

市

package f.demo.Entity;

import javax.persistence.*;

@Table
@Entity(name = "classes")
public class Classes {
   
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private int ccid;
    private String cname;
    private int gid;

    public int getCcid() {
   
        return ccid;
    }
    public void setCcid(int ccid) {
   
        this.ccid = ccid;
    }
    public String getCname() {
   
        return cname;
    }
    public void setCname(String cname) {
   
        this.cname = cname;
    }
    public int getGid() {
   
        return gid;
    }
    public void setGid(int gid) {
   
        this.gid = gid;
    }
}

主表

package f.demo.Entity;
import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
import javax.persistence.*;
import java.io.Serializable;
import java.util.Set;
@Table
@Entity(name = "student")
@JsonIgnoreProperties(value = {
    "hibernateLazyInitializer" })
public clas