其他分享
首页 > 其他分享> > 从前后端分离到前后端整合的“退步”(一)项目结构

从前后端分离到前后端整合的“退步”(一)项目结构

作者:互联网

Spring Boot + Vue 使用Maven进行打包发布 记录(一)-项目结构

本文仅是针对笔者操作的一个记录,以便以后使用。也希望可以对更多的同好们有所帮助。

现在前后端分离十分流行,最近在有接触到了前后端一起使用Maven进行打为jar包的项目,于是今天进行实际的操作一下,以下是本次的记录。

众所周知Maven是一个项目管理工具,可以对 Java 项目进行构建、依赖管理。Maven 也可被用于构建和管理各种项目,例如 C#,Ruby,Scala 和其他语言编写的项目。那么我们也可以使用他构建一个前后端打包为一个jar包的项目。
使用的技术为 Spring Boot+Vue

idea的Maven构建项目界面
idea的Maven构建项目界面
设置自己的项目的包结构和项目名
设置自己的项目的包结构和项目名
选择自己的Maven
选择自己的Maven
然后一步一步往下走,直到
出现这个窗口
选择你想要新打开项目的方式
选择你想要新打开项目的方式
接下来项目的结构是这样的
在这里插入图片描述
删除掉src目录
变成这样
在这里插入图片描述
在定级目录上右键选择进行新建Module
在这里插入图片描述
继续使用Maven构建backend项目
为区别命名,命名该项目为backend : 用于书写后端接口
为区别命名,命名该项目为backend
现在的目录结构
可以明显看出没有能够设置其文件夹功能模块
在这里插入图片描述
进行设置
设置相应文件夹的功能模块
这样便是成功设置
在这里插入图片描述
构建frontend:用于Vue前端项目的构建
在父项目目录下进行vue前端项目的构建。
前端Vue项目的构建可以移步下面这篇文章

下边将新构建的frontend项目设置为idea识别的project
在这里插入图片描述
选择导入的方式进行加入
在这里插入图片描述
在这里插入图片描述
在frontend目录下新建文件pom.xml (报错是因为frontend中pom.xml还未配置)
现在我们已经成功的构建了父项目和Spring模块+Vue模块
在这里插入图片描述
接下来用pom.xml的配置对其进行整合。

标签:xml,前后,frontend,项目,分离,Vue,Maven,退步,构建
来源: https://blog.csdn.net/weixin_45239621/article/details/122015845