Spring Boot与前端配合与Idea配置部署

简介: 在开发项目时,后台人员可能来不及写html页面,这个时候需要相互配合。前端人员开发项目都有自己的一套项目结构,而Spring Boot或后台人员也有自己的一套项目结构,导致写出的静态页面无法直接拿过来就用。

在开发项目时,后台人员可能来不及写html页面,这个时候需要相互配合。前端人员开发项目都有自己的一套项目结构,而Spring Boot或后台人员也有自己的一套项目结构,导致写出的静态页面无法直接拿过来就用。

在研究了Spring Boot的项目结构之后,还是可以通过一些方法来直接使用前端人员开发的页面。

前端人员操作过程

1、下载WAMP,或者XAMPP,或其它的web服务器集成软件。XAMPP是跨平台的集成软件,WAMP只能再Windows上使用。
注意:设置Web服务器禁止缓存,否则难以调试

2、前端目录结构,虽然可以使用其它的目录结构,但是尽量使用这种目录结构,部门统一。

img_a390b71adf4f6d52e1cd7c3526f3105d.png
image.png

注意: 引入样式,js,css,img的时候尽量使用绝对路径,而不要使用相对路径。

3、配置JetBrains公司的IDE,配置部署环境

img_5be8ad262cf896895224e24d044d1198.png
image.png

4、有多种服务器可以选择。Local即为本地服务器,其它的根据字面意思就可以了理解。


img_eeb1e47464112ab3861e981e27470866.png
image.png

5、接下来就是配置路径的问题

配置要上传或下载到服务器的位置,服务器的根地址。

img_9b4e7c1338b21db890c72faadf1711b7.png
配置

配置本地文件夹到服务器文件夹的映射。

img_a968caa4b65e3f41f835707ba58738fa.png
image.png

6、会操作上面步骤之后,可以修改添加的服务器类型,将文件上传到后端的电脑上,一般上传到后端的/template/,/static/文件夹之下,根据个人喜好来组织项目结构。

附录

WAMP的安装过程
Spring Boot参考文档

目录
相关文章
|
7天前
|
SQL Java Maven
idea如何建立一个springboot项目
idea如何建立一个springboot项目
|
13天前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
|
1天前
|
监控 前端开发 应用服务中间件
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽(2)
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽
13 1
|
1天前
|
负载均衡 前端开发 应用服务中间件
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽(1)
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽
14 1
|
2天前
|
安全 Java 数据安全/隐私保护
Spring Security 6.x 一文快速搞懂配置原理
本文主要对整个Spring Security配置过程做一定的剖析,希望可以对学习Spring Sercurity框架的同学所有帮助。
23 5
|
6天前
|
缓存 前端开发 JavaScript
Webpack作为模块打包器,为前端项目提供了高度灵活和可配置的构建流程
【6月更文挑战第12天】本文探讨了优化TypeScript与Webpack构建性能的策略。理解Webpack的解析、构建和生成阶段是关键。优化包括:调整tsconfig.json(如关闭不必要的类型检查)和webpack.config.js选项,启用Webpack缓存,实现增量构建,代码拆分和懒加载。这些方法能提升构建速度,提高开发效率。
28 3
|
7天前
|
Java Serverless 应用服务中间件
Serverless 应用引擎产品使用合集之Web函数启动的Spring Boot项目可以通过什么方式配置Nginx
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
|
7天前
|
SQL 分布式计算 大数据
MaxCompute产品使用合集之如何在本地IDE(如IntelliJ IDEA)中配置MaxCompute (mc) 的任务和调试SQL
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。
|
10天前
|
存储 消息中间件 Java
Java一分钟之-Spring Cloud Config:外部化配置
【6月更文挑战第8天】Spring Cloud Config提供外部化配置,通过Config Server管理和版本控制微服务配置。本文涵盖Config Server与Client的配置、常见错误、多环境配置、实时更新及使用示例。注意配置服务器URL、环境变量设置、Bus配置以及安全问题。使用Config能提升系统灵活性和可维护性,但要留意日志以确保配置正确和安全。
89 10
|
11天前
|
前端开发 Java 关系型数据库
在Spring3 MVC中五步配置集成注解方式Hibernate3
在Spring3 MVC中五步配置集成注解方式Hibernate3
18 3