工具版本:
- 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注册表(记得修改运行配置中的更新类和资源)