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. synchronized 基本用法

    常见三种使用方式 1)普通同步方法,锁是当前实例:2)静态同步方法,锁是当前类的Class实例,Class数据存在永久代中,是该类的一个全局锁:3)对于同步代码块,锁是synchronized括号里配 ...

  2. Android学习笔记之-----讯飞语音识别实例化RecognizerDialog参数出现错误的解决方法

    本人也是个小菜鸟,在做语音识别时也遇到了这个问题,空指针一直报错,app程序停止运行. 在网上搜了半天在这个帖子里找到了解决方法:http://bbs.xfyun.cn/forum.php?mo .. ...

  3. C#入门篇5-7:流程控制语句 continue语句

    #region continue语句 public class ContinueApp { public static void Fun1() { //标签打印显示1…30,若能被3整除则不打印. ; ...

  4. 使用 Bullet，BulletManager 在 XNA 中创建子弹攻击目标（十五）

    平方已经开发了一些 Windows Phone 上的一些游戏,算不上什么技术大牛.在这里分享一下经验,仅为了和各位朋友交流经验.平方会逐步将自己编写的类上传到托管项目中,没有什么好名字,就叫 WPXN ...

  5. android抓取logcat日志的方法

    这几天帮忙测试一个APP,报告结果需要提交日志文件,于是百度了下安卓的获取日志方法,其实很简单,7个步骤搞定,下面把我的总结分享给大家. 1.下载adb工具包 https://pan.baidu.co ...

  6. 数据结构算法——链表的各种操作，C++和Python

    时隔已久,一直没更新博客,感觉很愧疚呀. 先贴上所有的代码.这个是用C++写的 #include "stdafx.h" //Author:Albert //Date: 2018.1 ...

  7. Unity开发VR——Oculus Rif_将Oculus接入Unity

    该文档基于 Unity2018.3.12f1 1. 搭建简单场景 2. 设置,选择 Edit - Project Setting(若已经勾选,就去掉在勾选一次) 完成该步骤之后,可以带上Oculus头 ...

  8. Atcoder Regular Contest 092 A 的改编

    原题地址 题目大意 给定平面上的 $n$ 个点 $p_1, \dots, p_n$ .第 $i$ 点的坐标为 $(x_i, y_i)$ .$x_i$ 各不相同,$y_i$ 也各不相同.若两点 $p_i ...

  9. git filter-branch应用

    1.修改author和committer git filter-branch --commit-filter ' export GIT_AUTHOR_EMAIL=me@example.com; exp ...

  10. Normalize.css用法

    1 Normalize.css用法 重置样式非常多,Normalize.css和reset是两个常用的重置 CSS 文件 http://necolas.github.io/normalize.css/ ...