Spring boot+Mybatis+html做三级联动

最新推荐文章于 2023-12-22 20:07:19 发布

y……

最新推荐文章于 2023-12-22 20:07:19 发布

阅读量1.3k

点赞数 4

文章标签： Springboot + Mybatis +html

本文链接：https://blog.csdn.net/weixin_44172680/article/details/103043289

版权

本文介绍了如何使用Spring Boot、Mybatis和HTML集成实现三级联动功能，如地址选择时省市区的联动效果。通过数据库设计、配置文件设置、Mapper、Service、Controller层的代码展示，详细讲解了实现过程，并给出了可能遇到的问题和解决方案。同时提供了前端HTML的交互逻辑，当选择项改变时如何获取值并请求数据。

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

欢迎观看本人第一次博客

你好！本次讲的内容Spring boot + Mybatis +html集成的三级联动

举例说明：我们平时在注册的时候，会有地址的选择，就是省级出来时，第二个下拉框会出现市级，那么当你选择市级的时候就会出现区的下拉框

现在我们来分享一下代码：
数据库这里就贴一个链接 : https://www.jb51.net/article/49540.htm，也可以根据你自己的数据库做，都木得关系

搭建一个spring boot项目这里就不做过多的介绍，直接上代码:
这是整个项目的架构:
在这里插入图片描述
我这里不是前后台分离，所以在一个项目中完成啦，不要介意哦…
这是pom.xml的依赖，可供参考:

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.2.0</version>
        </dependency>

那么现在来分享一下我们的application.yml配置文件

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/domevue?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC
    password: ******