springboot项目创建链接 https://blog.csdn.net/q18771811872/article/details/88126835

springboot2.0 跳转jsp教程 https://blog.csdn.net/q18771811872/article/details/88342298

jsp+html跳转整合 https://blog.csdn.net/q18771811872/article/details/88343672

springboot 成功创建了后，继续写一下跳转到html页面的方法,  这里我把 jsp和html 分开两篇文章。然后再写一个两种方式整合的

这篇 是跳转到html文件的

1创建目录结果和html文件

​

2配置return 返回模版

​

3.UserController.java代码如下，这里就直接使用上次创建的查询方法

@RequestMapping(value = "/testHtml", produces = "application/json;charset=UTF-8", method = {RequestMethod.POST, RequestMethod.GET})

    public String testHtml(Model m, HttpServletRequest request, HttpServletResponse response){

        List<Map<String,Object>> list=userService.userQueryAll();

        request.setAttribute("list",list);

        log.info("进入了testHtml方法！");

        return "views/testHtml";

    }

4.application.yml 文件 配置 thymeleaf 模版参数

​

spring:

  dataSource:

    type: com.alibaba.druid.pool.DruidDataSource

    url: jdbc:mysql://localhost:3306/db-test?useUnicode=true&characterEncoding=utf8&tinyInt1isBit=false&usessl=false

    username: root

    password: 123456

    driverClassName: com.mysql.jdbc.Driver

  thymeleaf:

    #清除缓存

    cache: false

    mode: LEGACYHTML5 #非严格模式

    prefix: /WEB-INF/ #默认 classpath:/templates/

    suffix: .html

    servlet:

      content-type: text/html

5. pom.xml 文件加入thymeleaf 架包

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

        <!--非严格模式下 规避一些html编译错误 -->

        <dependency>

            <groupId>net.sourceforge.nekohtml</groupId>

            <artifactId>nekohtml</artifactId>

            <version>1.9.22</version>

        </dependency>

6. html页面这里我为了方便事先引入了jQuery ，并且直接使用了thymeleaf 模版来接收数据，也是第一次用。

<!DOCTYPE html>

<html lang="ch" xmlns:th="http://www.springframework.org/schema/mvc">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<input th:value="${list[0][create_time]}">

<table border="1">

</table>

</body>

<script src="/static/js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>

<script th:inline="javascript" type="text/javascript" charset="utf-8">

    /**

     *

     * 在html标签中 使用  th:value、th:text 来获取数据

     *  例

     *  <input th:value="${list2[0][create_time]}">

     * @type {Array[]}

     */

    console.log(JSON.stringify([[${list}]]));

    var list = ([[${list}]]);

    tableAppend(list)

    function tableAppend() {

        var table_html=`

        <tr>

        <th>序号</th>

        <th>名字</th>

        <th>号码</th>

        <th>创建时间</th>

        </tr>`;

        for(var i=0;list.length>i;i++){

            table_html += `

        <tr>

            <td>${list[i]['id']}</td>

            <td>${list[i]['name']}</td>

            <td>${list[i]['phone']}</td>

            <td>${list[i]['create_time']}</td>

        </tr>`;

        }

        $("table").append(table_html);

    }

</script>

</html>

7. Project Structure里面 这个一般是默认配置好了的，如果没有就要加上哦

​

就这样启动就行了  效果图如下

​

springboot项目创建链接 https://blog.csdn.net/q18771811872/article/details/88126835

springboot2.0 跳转jsp教程 https://blog.csdn.net/q18771811872/article/details/88342298

jsp+html跳转整合 https://blog.csdn.net/q18771811872/article/details/88343672

原文地址: https://blog.csdn.net/q18771811872/article/details/88312862

springboot 2.0.8 跳转html页面的更多相关文章

  1. springboot 2.0.8 跳转jsp页面

    springboot项目创建教程 https://blog.csdn.net/q18771811872/article/details/88126835 springboot 2.0跳转 html教程 ...

  2. vue2.0 页面A跳转到页面B，B页面停留在A页面的滚动位置的解决方法

    如果页面A沿Y轴滚动一段距离,然后跳转到页面B: 在进入B页面时,B页面已经滚到页面A的距离,返回页面A,发现A还在之前的滚动位置: 这样体验就很不好,所以我们要进行一些处理: 我的方法是:在路由守卫 ...

  3. 一步一步实现web程序信息管理系统之二----后台框架实现跳转登陆页面

    SpringBoot springboot的目的是为了简化spring应用的开发搭建以及开发过程.内部使用了特殊的处理,使得开发人员不需要进行额外繁锁的xml文件配置的编写,其内部包含很多模块的配置只 ...

  4. SpringBoot从0到0.7——第四天

    SpringBoot从0到0.7--第四天 今天进行实战开发一个小项目,SpringBoot和Thymeleaf集成的小项目 因为懒得写写前端,直接找的别人的项目在它的的基础上进行配置,进行修改.gi ...

  5. JS实现跳转到页面任何地方

    要实现两个内容: 1.从A页面跳转到B页面任何地方 方法:用id对要跳转的地方进行标记. 首先,在A页面可以设一个链接 <a href = "b.html#pos" targ ...

  6. 登录超时，给出提示跳到登录页面（ajax、导入、导出）

    一.一般页面登录超时验证,可以用过滤器filter,如下: package com.lg.filter; import java.io.IOException; import javax.servle ...

  7. 网页调试技巧：抓取马上跳转的页面POST信息或者页面内容

    http://www.qs5.org/Post/625.html 网页调试技巧:抓取马上跳转的页面POST信息或者页面内容 2016/02/02 | 心得分享 | 0 Replies 有时候调试网页或 ...

  8. 一种基于自定义代码的asp.net网站首页根据IP自动跳转指定页面的方法！

    一种基于自定义代码的asp.net网站首页根据IP自动跳转指定页面的方法! 对于大中型网站,为了增强用户体验,往往需要根据不同城市站点的用户推送或展现相应个性化的内容,如对于一些大型门户网站的新闻会有 ...

  9. html锚点 点击跳转到页面指定位置

    本来是在看阮大神写的ajax教程,突然发现点击目录文字会跳转到相对应的文本内容,于是乎激发了我的兴趣. 这个究竟怎么做的,刚开始看的时候一知半解,找度娘就是:"点击跳转到页面指定位置&quo ...

随机推荐

  1. 80C51单片机指令的取指、执行时序

    80C51单片机指令的取指.执行时序 现按4类指令介绍CPU时序.因为CPU工作的过程就是取指令与执行指令的过程,所以CPU必须先取出指令,然后才能执行指令. 1.双字节单周期指令 由于双字节单周期指 ...

  2. 组装需要的json数据格式

    在实际项目中有时候会遇到一些有特殊要求的控件,比如easyui-combogrid,加载的并不是常见的json格式,这里我遇到过需要加载类似省市县这种三级数据格式.最后也是从别人的博客中学到的如何组装 ...

  3. 误删除pycharm项目中的文件，如何恢复？

    如果写代码的时候,不小心删除来某个文件夹或者文件,而且删除后回收站也找不到, 可以使用如下方法恢复: 选择 Local History -> Show History : 选中需要reset到的 ...

  4. Halcon11 Linux 下载

    Halcon11 Linux下载地址:http://www.211xun.com/download_page_3.html HALCON 11 是一套机器视觉图像处理库,由一千多个算子以及底层的数据管 ...

  5. Leetcode 543.二叉树的直径

    二叉树的直径 给定一棵二叉树,你需要计算它的直径长度.一棵二叉树的直径长度是任意两个结点路径长度中的最大值.这条路径可能穿过根结点. 示例 :给定二叉树 1 / \ 2 3 / \ 4 5 返回 3, ...

  6. 聊聊、Java 命令 第一篇

    网上很多讲 Javac 和 Java 命令的,我觉得还是要自己写一写,做一个自己的总结,也方便以后查询. 开始之前先看看 help 命令,基本上任何一个软件都会提供这个命令. 没有什么比 -help ...

  7. JQuery向ashx提交中文参数方案 [转]

    转自:http://blog.csdn.net/wangqiuyun/article/details/8450964 字符编码这个东西,一旦和中文打上交道就不可避免出现乱码,今天项目用到了JQuery ...

  8. allocator class

    当分配一大块内存时,我们通常计划在这块内存上按需构造对象,这样的我们希望将内存分配和对象构造分离.但是通常的new关键字的分配的动态空间,有时候会造成一些浪费,更致命的是“如果一个类没有默认构造函数, ...

  9. Unity 碰撞检测

    武器与怪物的碰撞 目前来说有三种思路,其实前两种算变种了: 1.动画关键帧回调 + 范围检测.http://blog.csdn.net/u013700908/article/details/52888 ...

  10. LINUX系统安装MYSQL命令

    1.下载安装包 wget http://cdn.mysql.com/archives/mysql-5.6/mysql-5.6.26-linux-glibc2.5-x86_64.tar.gz    2. ...