IDEA2021.2版SpringBoot开启devtools(热部署)功能

本文介绍Spring Boot热部署相关内容。首先要引入依赖,接着针对IDEA 2021.2版本说明更改配置的方法,包括开启自动生成和在高级选项中勾选。还提到可通过enabled:false关闭热部署,最后测试显示修改代码保存后项目会自动重启。
部署运行你感兴趣的模型镜像

1.引入依赖

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-devtools</artifactId>
</dependency>

2.更改IDEA的配置

在此说明一下,因为IDEA的版本不一样,所有更改的配置也不一样,所有本文章仅仅针对IDEA2021.2版本。

点击File ->settings ->Build,Execution,Deployment->Compile路径,找到Build project automatically并勾选,开启自动生成。

 在高级选项中勾选。

 3.可通过enabled:false来关闭热部署

spring:
  devtools:
    restart:
      enabled: true        # 是否开启热部署工具

 4.测试

修改代码后保存,等待5、6秒,项目就自动重启了!

您可能感兴趣的与本文相关的镜像

LobeChat

LobeChat

AI应用

LobeChat 是一个开源、高性能的聊天机器人框架。支持语音合成、多模态和可扩展插件系统。支持一键式免费部署私人ChatGPT/LLM 网络应用程序。

<think>我们正在处理的环境监测系统项目是一个SpringBoot后端 + Vue前端的项目。用户询问如何在IntelliJ IDEA 2021.2上配置和运行该项目。由于项目包含前后端,我们需要分别配置后端和前端,并在IDEA中正确设置。 步骤概述: 1. 导入SpringBoot后端项目 2. 配置Maven和JDK 3. 配置数据库(运行init.sql) 4. 运行SpringBoot应用 5. 导入Vue前端项目(可以使用IDEAJavaScript支持,或者使用外部终端运行) 6. 运行Vue前端 详细步骤: 第一步:导入SpringBoot后端项目 1. 打开IntelliJ IDEA 2021.2,选择“Open”或“Import Project”。 2. 导航到项目目录,选择`backend`文件夹(即包含pom.xml的目录)。 3. 选择“Open as Project”,IDEA会自动识别为Maven项目。 第二步:配置Maven和JDK 1. 确保已安装JDK 1.8或以上本。在IDEA中,点击File -> Project Structure -> Project Settings -> Project,设置正确的Project SDK。 2. 检查Maven配置:IDEA通常内置Maven,也可以使用本地安装的Maven。在Settings -> Build, Execution, Deployment -> Build Tools -> Maven中设置。 第三步:配置数据库 1. 安装MySQL,并启动服务。 2. 使用MySQL客户端(如MySQL Workbench)或命令行,运行`database/init.sql`脚本创建数据库和表。 3. 检查`backend/src/main/resources/application.properties`中的数据库连接配置(用户名和密码)是否正确。 第四步:运行SpringBoot应用 1.IDEA中,找到主类`EnvMonitorApplication`(通常在`src/main/java/com/example`下),右键选择“Run 'EnvMonitorApplication'”。 2. 等待应用启动,控制台输出类似“Started EnvMonitorApplication in X seconds”表示启动成功。 第五步:导入Vue前端项目(可选,可在IDEA中管理) 1. 在同一个IDEA窗口中,点击File -> New -> Module from Existing Sources... 2. 选择`frontend`文件夹(包含package.json的目录),选择“Create module from existing sources”,然后按照向导操作(选择JavaScript作为项目类型)。 3. IDEA会识别为Node.js项目,如果没有自动配置,在Settings -> Languages & Frameworks -> Node.js and NPM中设置Node.js解释器。 第六步:运行Vue前端 有两种方式运行Vue前端: 方式1:在IDEA中直接运行(推荐) 1. 右键点击`frontend/package.json`,选择“Show npm Scripts”。 2. 在npm工具窗口中,双击“serve”脚本运行。这将会启动开发服务器,并打印访问URL(通常是http://localhost:8080)。 方式2:使用外部终端 1. 打开终端,进入`frontend`目录。 2. 运行命令: ```bash npm install # 安装依赖 npm run serve # 启动开发服务器 ``` 注意:前端开发服务器启动后,访问http://localhost:8080,但此时前端会通过代理将/api请求转发到后端的http://localhost:8090(在vue.config.js中配置)。确保后端正在运行。 第七步:访问应用 打开浏览器,访问http://localhost:8080,即可看到环境监测系统的仪表盘。 常见问题解决: 1. 如果后端启动时报数据库连接错误,请检查数据库服务是否启动,以及application.properties中的配置。 2. 如果前端启动时出现依赖安装问题,尝试删除node_modules文件夹后重新运行`npm install`。 3. 跨域问题:如果前端没有配置代理,或者后端端口不一致,可能会遇到跨域问题。确保前端代理配置正确(vue.config.js)或者在后端配置CORS。 相关问题: 1. 如何在IntelliJ IDEA中同时运行多个项目(前后端)? 2. 如何配置IntelliJ IDEA的Maven以使用阿里云镜像加速依赖下载? 3. 如何在IntelliJ IDEA中调试SpringBoot应用? 4. 如何在IntelliJ IDEA中调试Vue前端代码? 5. 如何将SpringBoot应用打包成可执行JAR文件? 引用说明: 在IDEA中创建项目、配置Maven和运行Java项目的详细步骤可参考引用[1][2][3]。 注意:上述步骤基于项目结构描述,实际路径可能根据项目结构有所调整。</think>### IntelliJ IDEA 2021.2 环境监测系统项目配置指南 #### 一、项目导入与配置 1. **导入后端项目** - 打开IDEA → `File` → `Open` → 选择`backend`目录 - 等待Maven自动下载依赖(右下角进度条) - 配置JDK:`File` → `Project Structure` → `Project SDK` → 选择JDK 1.8+[^1] 2. **数据库配置** ```sql -- 执行database/init.sql脚本 CREATE DATABASE env_monitor; USE env_monitor; -- 创建表结构(见引用内容) ``` - 连接数据库:右侧工具栏`Database` → `+` → `MySQL` ```properties Host: localhost User: root Password: yourpassword Database: env_monitor ``` 3. **修改配置文件** 打开`src/main/resources/application.properties`: ```properties # 修改实际数据库密码 spring.datasource.password=your_actual_password # 开启热部署 spring.devtools.restart.enabled=true ``` #### 二、前端项目配置 1. **Node.js环境准备** - 安装Node.js(v14+) - IDEA安装插件:`Settings` → `Plugins` → 搜索安装`Vue.js` 2. **导入前端项目** - `File` → `New` → `Module from Existing Sources` → 选择`frontend`目录 - 选择`Create module from existing sources` 3. **依赖安装与运行** 打开终端(Alt+F12): ```bash cd frontend npm install # 安装依赖 npm run serve # 启动开发服务器 ``` - 访问:http://localhost:8080 #### 三、项目运行与调试 1. **启动SpringBoot后端** - 找到主类:`EnvMonitorApplication.java` - 右键 → `Run 'EnvMonitorApplication'` - 验证启动:http://localhost:8090/api/data 2. **前后端联调** - 确保`vue.config.js`代理配置正确: ```javascript proxy: { '/api': { target: 'http://localhost:8090', // 后端端口 changeOrigin: true } } ``` - 前端请求示例(Dashboard.vue): ```javascript axios.get('/api/data') .then(response => { this.envData = response.data; }) ``` 3. **热重载配置** - 后端:修改代码后按`Ctrl+F10`重新编译 - 前端:保存文件自动刷新页面 #### 四、打包部署 1. **构建前端生产包** ```bash cd frontend npm run build # 生成dist目录 ``` 2. **整合前后端** 将`dist`目录内容复制到`backend/src/main/resources/static` 3. **生成可执行JAR** ```bash cd backend mvn clean package -DskipTests ``` - 输出位置:`target/env-monitor-1.0.0.jar` 4. **运行项目** ```bash java -jar env-monitor-1.0.0.jar ``` 访问:http://localhost:8090 #### 五、常见问题解决 1. **端口冲突** 修改`application.properties`: ```properties server.port=8081 # 更换端口 ``` 2. **数据库连接失败** 检查: - MySQL服务是否启动 - 用户名/密码是否正确 - 防火墙是否开放3306端口 3. **Vue组件未渲染** - 检查浏览器控制台错误(F12) - 确保已安装Vue插件并启用 - 运行`npm install vue-router --save` ```mermaid graph TD A[启动IDEA] --> B[导入后端项目] B --> C[配置数据库] C --> D[修改application.properties] D --> E[启动SpringBoot] A --> F[导入前端项目] F --> G[安装Node依赖] G --> H[启动npm serve] E --> I[验证后端API] H --> J[验证前端页面] I --> K[前后端联调] J --> K ``` #### 相关问题 1. 如何在IntelliJ IDEA中配置多模块项目? 2. Vue项目如何实现生产环境与开发环境的配置分离? 3. SpringBoot如何集成MyBatis-Plus实现动态SQL查询? 4. 前端如何通过WebSocket实现环境数据的实时推送? 5. 如何用Docker容器化部署整个项目?[^3]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值