spring boot+mybaties+vue实现一个简单的demo

最新推荐文章于 2024-05-08 09:06:20 发布

hx76

最新推荐文章于 2024-05-08 09:06:20 发布

阅读量629

点赞数 1

文章标签： vue mybatis spring boot java

本文链接：https://blog.csdn.net/hx_76/article/details/106083558

版权

该博客演示了如何使用Spring Boot、MyBatis和Vue搭建一个简单项目，实现从数据库获取数据并在Vue页面上展示。首先，创建Spring Boot项目并配置相关依赖，接着创建Vue项目并设置路由。然后，建立Mysql数据库并编写Vue组件显示数据。最后，解决跨域问题，通过Spring Boot返回数据并成功展示在前端。

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

目标：
通过spring boot+mybaties+vue实现将数据库里的内容展示在网页上，实现前后端分离。
准备：
1.idea2020专业版。
2.安装vue.js插件。
3.安装node.js。
实现步骤
一.创建spring boot项目
1. 修改pom文件

<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.2</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.38</version>
        </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>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.1.21</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin