526互联

前后端Vue分离开发平台的前期准备

发布时间 2023-04-07 09:45:19作者: 葬爱_坤疤

摘要：

之前我下载的一个快速开发平台，生成的前端代码不是Vue类型的，我发现下载的版本出现问题。我去找了一个前后端分离Vue的快速开发平台。但是配置又重新配，配置的过程中出现了很多的bug。

 

问题及解决

1、Mybatis-plus的技术升级

Could not resolve type alias ''. Cause: java.lang.ClassNotFoundException: Cannot find class:

在配置中对原本的mybatis改成mybatis-plus

# MyBatis配置
mybatis-plus:
    # 搜索指定包别名
    typeAliasesPackage: com.ruoyi.**.domain
    # 配置mapper的扫描，找到所有的mapper.xml映射文件
    mapperLocations: classpath*:mapper/**/*Mapper.xml
    # 加载全局的配置文件
    configLocation: classpath:mybatis/mybatis-config.xml

对原本的mybatis让它失效将其注释注掉

 

导入依赖。在主pom文件中添加,一定要添加到<dependencyManagement>外面

<dependencies>
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.3</version>
        </dependency>
    </dependencies>

 

4.Redis的报错

遇到Connection refused: no further information: localhost/127.0.0.1:6379解决办法

我们找到我们下载的redis中将其运行起来就不会错报这样的错误了

 

 

5.拦截器的关闭

当我们用Apifox的时候，会出现数据反馈不出来，当时我还将拦截器关闭了，还是出现不了。犯了一个不该的出现的错误，没有端口不一致，当时金师附小的项目还在开着，就一直被拦截着。

 

 

 

6.当我们到网页中下载代码的时候网址启动

对下载下来的开发平台，在master中有一个ruoYi-ui这个前端的，我们要将其启动起来。

  • 将其复制出来

    • 方法一：到它的文件目录中数据cmd

      •  

      • 方法二：用IDEA打开，在终端输入以上的操作

  • 一般以上的出报错，解决的方法：

    • 1、终端执行npm install时出现这种情况

    • 2、然后我们再执行npm update

    • 3、接下来我们执行npm fund

    • 4、最后我们就可以启动我们的项目了可以用npm run dev 会报错，就像我这样子，但是我们也可以执行npm run serve,最后就成功执行了

 

学习重点及理解

2、一些依赖的导入Date，Json

我们对domin中的实体类中的添加注解的时候，对出现没有这样的一个依赖，添加到admin中

    <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.83</version>
        </dependency>
            <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.8.8</version>
        </dependency>

 

3、添加数据的库中的内容

这个快速开发平台本来就有自带的数据表，我们要将其添加到相应的数据库中，才不会报错

 

总结

今天的对前后端Vue分离开发平台的配置出现一堆的bug，我将其所有的bug的步骤都写了下来，如何的解决。通过这个bug我学到了很多，熟练运用快速开发平台。后面将其代码复制到里面，可以运行的出来，数据的增删改查也没有出现错误。