Spring Boot 整合视图层技术

Spring Boot 整合jsp

Spring Boot 整合Freemarker

Spring Boot 整合 Thymeleaf  (重点讲解,官方推荐)

Spring Boot 整合jsp

步骤：

  1. 新建maven project的Spring Boot 的jar项目



  2. 打开pom.xml文件 加入jsp依赖



    代码如下：
 <parent>

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

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

        <version>2.2.4.RELEASE</version>

    </parent>

    <dependencies>

        <!-- spring boot web启动器 -->

        <dependency>

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

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

        </dependency>

        <!-- jstl -->

        <dependency>

            <groupId>javax.servlet</groupId>

            <artifactId>jstl</artifactId>

        </dependency>

        <!-- jasper:jsp引擎 -->

        <dependency>

            <groupId>org.apache.tomcat.embed</groupId>

            <artifactId>tomcat-embed-jasper</artifactId>

        </dependency>

    </dependencies>
  1. 编写控制器Controller(不访问数据库)



    代码如下：
@Controller

public class UserController {

	/**

	 * 获取用户信息，到jsp页面进行展示

	*/

	@RequestMapping("/userList")

	public String getUsersAll(Model model) {

		//访问业务层-->数据访问层mapper-->mybatis数据库获取所有用户信息

		//模拟，定义固定的用户信息

		List<User> list=new ArrayList<User>();

		list.add(new User("007", "小张", 22));

		list.add(new User("009","小康",32));

		list.add(new User("012","小健",18));

		model.addAttribute("list", list);

		//配置springmvc的视图解析器，前缀：/WEB-INF/   后缀: .jsp

		return "index";

	}

}
  1. 创建Spring Boot的全局配置文件 application.properties

    src/main/resources-->创建-->application.properties

    Spring boot默认识别两个全局配置文件：application.properties和application.yml



    代码：
#配置jsp的访问的前缀和后缀 （视图解析器）

spring.mvc.view.prefix=/WEB-INF/

spring.mvc.view.suffix=.jsp
  1. 视图层 jsp

    src/main-->webapp-->WEB-INF-->index.jsp



    代码：
<%@ page language="java" contentType="text/html; charset=UTF-8"

         pageEncoding="UTF-8"%>

<%@taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>用户显示页面</title>

</head>

<body>

<table border="1" width="60%" align="center">

    <tr>

        <td>用户编号</td>

        <td>用户名称</td>

        <td>年龄</td>

    </tr>

    <c:forEach items="${list}" var="user">

        <tr>

            <td>${user.id}</td>

            <td>${user.username}</td>

            <td>${user.age}</td>

        </tr>

    </c:forEach>

</table>

</body>

</html>
  1. 启动类
@SpringBootApplication

public class App {

    public static void main(String[] args) {

        SpringApplication.run(App.class, args);

    }

}
  1. 运行 浏览器输入 localhost:8080/userList

Spring Boot 整合freemarker

  1. 创建maven project 的jar 的spring boot 项目 （步骤一样省略）
  2. 打开pom.xml，加入freemarker相关依赖



    代码：
<dependencies>

     <!--spring boot web 启动器坐标 -->

     <dependency>

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

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

     </dependency>

     <!-- freemarker 启动器坐标 -->

     <dependency>

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

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

     </dependency>

  </dependencies>
  1. 编写控制器Controller

  2. 视图层 freemarker

    freemarker 页面必须放入src/main/resources下的templates目录下,并且页面的扩展名为：ftl



    代码：
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>用户显示页面</title>

</head>

<body>

   <table border="1" width="60%" align="center">

       <tr>

       	  <td>用户编号</td>

       	  <td>用户名称</td>

       	  <td>年龄</td>

       </tr>

	   <!--freemarker获取request传过来的数据  <#数据类型  key类型 as 遍历元素名称>-->

	   <#list list as user>

	       <tr>

	       	  <td>${user.id}</td>

	       	  <td>${user.username}</td>

	       	  <td>${user.age}</td>

	       </tr>

	   </#list>

   </table>

</body>

<html>
  1. 创建Spring Boot的全局配置文件 application.properties



    代码：
# 模板编码。

spring.freemarker.charset= UTF-8

# 后缀，在构建URL时附加到查看名称。

spring.freemarker.suffix=.ftl

# 逗号分隔的模板路径列表。src/main/resources==classpath

spring.freemarker.template-loader-path=classpath:/templates/

server.port=8081
  1. 启动类
@SpringBootApplication

public class App {

	public static void main(String[] args) {

		SpringApplication.run(App.class, args);

	}

}

运行

Spring Boot 整合视图层技术，application全局配置文件的更多相关文章

  1. Spring Boot 整合视图层技术

    这一节我们主要学习如何整合视图层技术: Jsp Freemarker Thymeleaf 在之前的案例中,我们都是通过 @RestController 来处理请求,所以返回的内容为json对象.那么如 ...

  2. Spring Boot 整合Web 层技术（整合Servlet）

    1 整合Servlet 方式一1.1通过注解扫描完成Servlet 组件的注册      1.1.1创建Servlet /*** 整合Servlet 方式一*/@WebServlet(name = & ...

  3. SpringBoot_整合视图层技术

    SpringBoot整合视图层技术 在目前的企业级应用开发中,前后端分离是趋势,但是视图层技术还占有一席之地.Spring Boot对视图层技术提供了很好的支持,官方推荐使用的模板引擎是Thymele ...

  4. 黑马_13 Spring Boot：05.spring boot 整合其他技术

    13 Spring Boot: 01.spring boot 介绍&&02.spring boot 入门 04.spring boot 配置文件 05.spring boot 整合其他 ...

  5. SpringBoot视图层技术

    一.SpringBoot整合jsp 在maven的dependencies的依赖中除了springBoot启动器还要添加对jstl和jsp的依赖. <dependencies> <d ...

  6. Spring Boot整合Thymeleaf视图层

    目录 Spring Boot整合Thymeleaf Spring Boot整合Thymeleaf 的项目步骤 Thymeleaf 语法详解 Spring Boot整合Thymeleaf Spring ...

  7. Spring Boot 整合 Elasticsearch，实现 function score query 权重分查询

    摘要: 原创出处 www.bysocket.com 「泥瓦匠BYSocket 」欢迎转载,保留摘要,谢谢! 『 预见未来最好的方式就是亲手创造未来 – <史蒂夫·乔布斯传> 』 运行环境: ...

  8. Spring Boot整合Mybatis并完成CRUD操作

    MyBatis 是一款优秀的持久层框架,被各大互联网公司使用,本文使用Spring Boot整合Mybatis,并完成CRUD操作. 为什么要使用Mybatis?我们需要掌握Mybatis吗? 说的官 ...

  9. Spring Boot(十四)：spring boot整合shiro-登录认证和权限管理

    Spring Boot(十四):spring boot整合shiro-登录认证和权限管理 使用Spring Boot集成Apache Shiro.安全应该是互联网公司的一道生命线,几乎任何的公司都会涉 ...

随机推荐

  1. vue项目按需加载的3种方式

    本文重要是路由打包优化: 原理:利用webpack对代码进行分割是懒加载的前提,懒加载就是异步调用组件,需要时候才下载. 1.vue异步组件技术 vue-router配置路由,使用vue的异步组件技术 ...

  2. 添加谷歌拓展程序 vue.js devtools过程中的问题

    在用vue做项目过程中,需要用到vue.js devtools,在从github上面clone下来代码,然后再npm install ,过程报错,然后更新npm包也是会有问题,以下是install的问 ...

  3. 06 EntityManager和EntityTransaction

    EntityManager 在 JPA 规范中, EntityManager是完成持久化操作的核心对象.实体类作为普通 java对象,只有在调用 EntityManager将其持久化后才会变成持久化对 ...

  4. AJAX轮询的实时监控画面

    上一篇我们通过异步刷新Ajax 技术,来实现监控页面监控位号值的刷新,采用Ajax (Asynchronous Javascript And XML)技术,是指一种创建交互式.快速动态网页应用的网页开 ...

  5. 致远·面向人工智能-逐浪CMS v8.1.2全面发布[全球首个基于dotNET core3.0的中文CMS]

    原文:https://www.z01.com/down/3484.shtml 再远, 我都不会停息, 因为技术而生, 因为技术而强, 这是逐浪软件的命与根! 全新打造, 三百多项超级功能, 助你十分钟 ...

  6. R|tableone 快速绘制文章“表一”-基线特征三线表

    首发于“生信补给站” :https://mp.weixin.qq.com/s/LJfgxbTqsp8egnQxEI0nJg 生物医学或其他研究论文中的“表一”多为基线特征的描述性统计.使用R单独进行统 ...

  7. 一个交互式可视化Python库——Bokeh

    本篇为<Python数据可视化实战>第十篇文章,我们一起学习一个交互式可视化Python库--Bokeh. Bokeh基础 Bokeh是一个专门针对Web浏览器的呈现功能的交互式可视化Py ...

  8. js 为数组编写该方法;indexOf

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. 「CSS」常见的清除浮动方法

    下面介绍几种清除浮动的方案,供大家参考: 使用额外的标签clear:both .parent {padding: 10px;width: 200px;background: red;} .child ...

  10. ubuntu与windows相关配置内容

    安装.配置.启动FTP服务 执行以下命令安装,安装后即会自动运行: sudo apt-get install vsftpd 修改vcftpd的配置文件/etc/vsftpd.conf,将下面几行前面的 ...