SSM,VUE JS ,AXIOS完整前后端业务调用实现

1.springBoot的jar包文件

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.jt</groupId>
    <artifactId>springboot_demo5_axios</artifactId>
    <version>1.0-SNAPSHOT</version>

    <!--
               定位: SpringBoot主要的作用整合SSM,使得框架的使用更加简化
               原则: "开箱即用"
               parent主要的作用:
                      1.SpringBoot在内部兼容了当下几乎所有的第三方框架
                      2.SpringBoot官网已经将所有兼容的版本进行了定义
                       (几乎解决了版本冲突问题)以后几乎不写版本号
               概括: parent标签中管理其他的项目版本信息.
           -->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.5.2</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <!--跳过测试类打包-->
    <properties>
        <java.version>1.8</java.version>
        <skipTests>true</skipTests>
    </properties>


    <dependencies>
        <!--springboot启动项(器)在包的内部SpringBoot
        已经完成了项目的"整合"(配置) 用户拿来就用
        web导入SpringMVC
         -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <!-- 测试包-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <!--支持热部署 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
        </dependency>

        <!--添加lombok依赖-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.20</version>
            <scope>provided</scope>
        </dependency>

        <!--引入数据库驱动 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>

        <!--springBoot数据库连接  -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>

        <!--导入MP包之后,删除原有的Mybatis的包   MyBatis-Plus jar包文件  -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.3</version>
        </dependency>
    </dependencies>

    <!--SpringBoot项目与Maven整合的一个插件
          可以通过插件 执行项目打包/测试/文档生成等操作
          注意事项: 该插件不能省略
          项目发布时: java -jar xxxx.jar  报错:没有主清单信息!!!!
      -->
    <buil
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前后分离是一种趋势,它可以提高开发效率和系统性能。SSMVue.js是两个比较流行的技术,可以用来实现前后分离。 SSM(Spring+SpringMVC+MyBatis)是Java后开发常用的框架组合。它们分别提供了Spring IoC容器、Spring MVC框架和MyBatis ORM框架。SSM框架组合可以使Java开发者快速搭建后系统,并且提供了良好的扩展性和可维护性。 Vue.js是一个流行的JavaScript框架,用于构建用户界面。它可以和任何后技术组合使用,包括SSMVue.js提供了数据双向绑定、组件化等特性,可以提高Web应用的开发效率和用户体验。 下面是使用SSMVue.js实现前后分离的示例: 1.后开发 使用SSM框架搭建后系统,提供RESTful API接口供前调用。其中,SpringMVC框架负责处理HTTP请求和响应,MyBatis框架负责处理数据库操作。 2.前开发 使用Vue.js框架搭建前应用,通过Ajax调用RESTful API接口获取数据。Vue.js框架负责处理数据绑定和组件化,Axios库负责发送HTTP请求和处理响应。 3.前后集成 前应用和后系统通过RESTful API接口进行数据交互。前使用Axios发送HTTP请求获取数据,后使用SpringMVC框架处理HTTP请求和响应。前后数据交互使用JSON格式。 通过以上步骤,就可以实现SSMVue.js的前后分离。这种架构可以使前和后开发人员分离工作,提高开发效率和系统性能。同时,它也可以使Web应用更加灵活和易于扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值