Springboot+vue项目搭建

工具版本：

• vue 3
• @vue/cli 5.0.8
• element-ui 
• springboot 2.5.4
  • 尽可能简化应用开发的门槛（SSM框架的配置相比较下会很繁琐），让应用开发、测试、部署变得简单
  • 约定优于配置
  • 内嵌tomcat、jetty服务器，不需要部署war文件（java程序通常打成jar包）
  • 提供定制化的启动器Starters，简化Maven配置，开箱即用（避免各个依赖之间版本等不匹配问题）
  • 纯java配置，没有代码生成，不需要xml配置
  • 提供生产级的服务监控方案
• java version "1.8.0_181"
• Node.js v18.15.0（常用它内部的npm）
  • npm（node package manage）是一个nodeJS包管理和分发工具（和maven功能类似）
  • npm最常见的用法就是用于安装和更新依赖 
• idea 2021.1
• tomcat 8
• apache-maven-3.9.0：
  • 项目管理工具，用于Java自动化构建和依赖管理，提供一个统一的项目开发结构，放在pom.xml文件中自动进行。
  • 分为本地仓库（conf/settings.xml中的localRepository）和远程仓库

    <!--  阿里云远程仓库公共镜像，修改conf/settings.xml  -->
    <mirror>
    <id>alimaven</id>
    <mirrorOf>central</mirrorOf>
    <name>aliyun maven</name>
    <url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
    </mirror>
    </mirrors>

  • 修改idea中的内置maven（安装idea会自带一个maven，可以修改为我们自己安装的），setting-MAVEN
  • maven打包、清理缓存等工具

                

parent：依赖的父级项目，由spring提供

vue部分：

• 安装工具，配置环境变量
• 创建vue项目：vue create projectName
• 运行vue项目：npm install，npm run serve

其中的package.json所保存的信息就和maven中的pom.xml类似用于保存依赖的信息

EsLint是代码风格检查工具

main.js是程序的入口文件

public中有一个index.html不用管，这个目录在开发的时候用不到，在部署时会让它自动生成

Springboot部分

• idea使用Spring Iniyislizr创建SpringBoot应用
  • Group：一般输入公司域名
  • Artifact：项目名称
• 选择为spring web项目（可帮助我们安装ssm依赖）
• 测试接口情况

  • @RestController：用于接收前端请求

  • @GetMapping：浏览器发送get请求访问后端编写的方法

• 开发环境热部署（修改java代码自动重启）：使用spring-boot-devtools组件，devtools会监听classpath下的文件变动，触发Restart类加载器重新加载该类，从而实现热部署。并在application.properties（springboot中的配置文件，如可添加配置、修改端口等 ）中配置、设置为自动编译并修改idea注册表（记得修改运行配置中的更新类和资源）