服务器之家

服务器之家 > 正文

Spring Boot与前端配合与Idea配置部署操作过程

时间:2021-04-05 13:18     来源/作者:Real_man

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

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

前端人员操作过程

1、下载wamp,或者xampp,或其它的web服务器集成软件。xampp是跨平台的集成软件,wamp只能再windows上使用。

注意:设置web服务器禁止缓存,否则难以调试

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

Spring Boot与前端配合与Idea配置部署操作过程

注意:

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

3、配置jetbrains公司的ide,配置部署环境

Spring Boot与前端配合与Idea配置部署操作过程

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

Spring Boot与前端配合与Idea配置部署操作过程

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

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

Spring Boot与前端配合与Idea配置部署操作过程

配置

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

Spring Boot与前端配合与Idea配置部署操作过程

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

总结

以上所述是小编给大家介绍的spring boot与前端配合与idea配置部署操作过程 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!

原文链接:https://www.jianshu.com/p/ce78f5b857ba

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部