废话不多说,直接开整
1
快速的创建一个springboot项目
2(这里我选的jar)
3添加依赖
4添加依赖
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
</dependency>
<!--用于编译jsp -->
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
<scope>provided</scope>
</dependency>
5添加配置文件(本人是yml) yml和properties在线转换
#端口号与网页前缀
server:
port: 8080
spring:
## jsp支持
mvc:
view:
suffix: .jsp
prefix: /WEB-INF/views/
##关闭默认模板引擎
thymeleaf:
cache: false
enable-spring-el-compiler: false
6 创建如下的目录格式
因很多人不知道如何创建web.xml 下面给大家演示一下
6.1
6.2(如下添加应用之后出现web.xml)
7写一个controller
8 在views目录下创建index.jsp页面
<%--
Created by IntelliJ IDEA.
User: meridian
Date: 2019/6/20
Time: 16:29
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>个人信息</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
}
#aa {
position: fixed;
height: 662px;
width: 1366px;
background: #FFF;
}
#bb {
background: #FFF;
position: absolute;
height: 401px;
width: 1398px;
left: -31px;
top: 0px;
}
#cc {
background: #09C;
position: absolute;
height: 63px;
width: 1404px;
left: -34px;
top: 418px;
font-size: 36px;
color: #FFF;
}
#dd {
position: absolute;
height: 124px;
width: 175px;
left: 1142px;
top: 136px;
}
#ee {
position: absolute;
height: 295px;
width: 510px;
left: 953px;
top: 70px;
line-height: 24px;
}
#ff {
position: absolute;
height: 66px;
width: 214px;
left: 600px;
top: 553px;
font-size: 45px;
font-weight: bold;
}
.gg {
font-size: 36px;
}
#aa #bb #ee table tr td {
color: #000;
}
#aa #bb #ee table {
color: #000;
}
#gg {
position: absolute;
height: 161px;
width: 195px;
left: 573px;
top: -55px;
font-size: 16px;
}
</style>
</head>
<body>
<div id="aa">
<div id="cc"> 青春 奔放 活泼 热情©</div>
<div id="bb">
<div id="ee">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<hr/>
</td>
</tr>
<tr>
<td><p>姓名:傻狗</p></td>
</tr>
<tr>
<td>性别:女</td>
</tr>
<tr>
<td>年龄:24</td>
</tr>
<tr>
<td>家乡:<a
href="">哈尔滨市双城区</a>
</td>
</tr>
<tr>
<td>就读院校:<a href="http://www.ynufe.edu.cn/">云南财经大学</a>
</td>
</tr>
<tr>
<td>学生证号:2012*****</td>
</tr>
<tr>
<td>兴趣爱好:生闷气</td>
</tr>
<tr>
<td>政治面貌:党员</td>
</tr>
<tr>
<td>联系电话:13574******</td>
</tr>
<tr>
<td>Email:205848****@qq.com</td>
</tr>
<tr>
<td>关键词:学生</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561032821070&di=748db2d57e0b6050b90fd0c297bdbf14&imgtype=0&src=http%3A%2F%2Fuploads.5068.com%2Fallimg%2F1712%2F124R5B11-9.jpg" width="1398" height="403"/></div>
<div id="ff">
<div id="gg">
<p> </p>
<p> </p>
<p> </p>
<p><a href="http://www.kugou.com/">回到主页</a></p>
<form id="form1" name="form1" method="post" action="">
</form>
</div>
About me
</div>
</div>
</body>
</html>
9运行效果在这里插入图片描述