springboot整合jsp

废话不多说,直接开整
1
快速创建一个springboot项目
快速的创建一个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">                                                           青春     奔放    活泼    热情&copy;</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运行效果在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值