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参考文档

目录
相关文章
|
1天前
|
安全 Java Spring
在Spring中,如何配置Bean的初始化方法和销毁方法
在Spring中,如何配置Bean的初始化方法和销毁方法
|
3天前
|
Java 持续交付 Maven
Spring Boot程序的打包与运行:构建高效部署流程
构建高效的Spring Boot部署流程对于保障应用的快速、稳定上线至关重要。通过采用上述策略,您可以确保部署过程的自动化、可靠性和高效性,从而将专注点放在开发上面。无论是通过Maven的生命周期命令进行打包,还是通过容器技术对部署过程进行优化,选择正确的工具与实践是成功实现这一目标的关键。
15 2
|
5天前
|
监控 Java 微服务
Spring Boot微服务部署与监控的实战指南
【7月更文挑战第19天】Spring Boot微服务的部署与监控是保障应用稳定运行和高效维护的重要环节。通过容器化部署和云平台支持,可以实现微服务的快速部署和弹性伸缩。而利用Actuator、Prometheus、Grafana等监控工具,可以实时获取应用的运行状态和性能指标,及时发现并解决问题。在实际操作中,还需根据应用的具体需求和场景,选择合适的部署和监控方案,以达到最佳效果。
|
9天前
|
JSON 前端开发 JavaScript
前端工程化:Webpack配置全攻略
【7月更文挑战第14天】
23 6
|
6天前
|
缓存 Java 数据库连接
Spring c3p0配置详解
【7月更文挑战第13天】
|
8天前
|
JSON 缓存 前端开发
前端工程化:Webpack配置全攻略
【7月更文挑战第18天】
18 1
|
13天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
13天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue个人博客系统设计和实现(源码+LW+部署讲解)
基于SpringBoot+Vue个人博客系统设计和实现(源码+LW+部署讲解)
33 7
|
13天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue个人健康管理网站设计和实现(源码+LW+部署讲解)
基于SpringBoot+Vue个人健康管理网站设计和实现(源码+LW+部署讲解)
29 7