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

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

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

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

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

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

下边将新构建的frontend项目设置为idea识别的project
从前后端分离到前后端整合的“退步”(一)项目结构
选择导入的方式进行加入
从前后端分离到前后端整合的“退步”(一)项目结构
从前后端分离到前后端整合的“退步”(一)项目结构
在frontend目录下新建文件pom.xml (报错是因为frontend中pom.xml还未配置)
现在我们已经成功的构建了父项目和Spring模块+Vue模块
从前后端分离到前后端整合的“退步”(一)项目结构
接下来用pom.xml的配置对其进行整合。

上一篇:leetcode884. 两句话中的不常见单词


下一篇:E: Unable to acquire the dpkg frontend lock (/var/lib/dpkg/lock-frontend), is another process using