手把手教你女朋友创建一个Springboot外置Tomcat项目

2020-05-03 00:00:00 创建一个 外置 手把手教你

———————————————————————————————————————————–

  女朋友:啥SpringBoot都内置Tomcat了,为啥还要内置Tomcat?

  大佬:别跟我说什么内置Tomcat,存在即合理,人家JetBrains公司都傻吗,非要给Idea添加外置Tomcat的功能。

    气死我了~~~,上教程~~~

     ~~~~~~~~~~~~~~~~~~~~~~~~~~~·我是瑟瑟发抖的分割线~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1、创建项目

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

基本的就构建好了

2、生成webapp文件夹

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

双击红色选择OK,询问是否创建选择YES

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

输入项目的全路径

/Users/jackson/IdeaProjects/brain-jia/src/main/webapp/WEB-INF/web.xml

 

version选择3.1,然后OK,应用,然后OK

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

3、将Tomcat整合进idea

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

添加选择Tomcat,选择本地

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

前提是你本地已经安装好了Tomcat

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

也可以选择不暴露的版本(访问的时候项目名统一就行),然后OK

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

应用和OK

4、在Webapp下新建一个html页面测试

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello</title>
</head>
<body>

<div id="app">
<h1 v-text="msg"></h1>
</div>

<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<script>
var vm = new Vue({
el: "#app",
data: {
msg: "你好呀"
}
});
</script>

</body>
</html>

 

访问你的地址(注意带上项目名tomcat8.5版本的)

http://localhost:8443/brain_jia_war/

《手把手教你女朋友创建一个Springboot外置Tomcat项目》

 

 

5、配置访问前缀和后缀

# 配置页面访问前缀
spring.mvc.view.prefix=/WEB-INF/view/
# 配置页面访问后缀
spring.mvc.view.suffix=.jsp

 

注意:
返回jsp页面可以不用配置模板引擎,要配置前后缀。如果使用模板引擎就不支持jsp,将走模板引擎

 

 

参考:尚硅谷雷丰阳老师的教程

——————————————————————————-

~错把陈醋当成墨,写尽半生都是酸~

Jackson Chia

相关文章