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

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

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

　　女朋友：啥SpringBoot都内置Tomcat了，为啥还要内置Tomcat？

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

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

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

1、创建项目

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

基本的就构建好了

2、生成webapp文件夹

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

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

《手把手教你女朋友创建一个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项目》

前提是你本地已经安装好了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

相关文章