素材巴巴 > 程序开发 >

浏览器的打印

程序开发 2023-09-14 09:06:48

一、通过Window对象的open方法对浏览器页面进行打印操作:
(1)先在视图body标签里添加一个设置好的div标签,再在div标签添加一个设置好的button按钮,最后,再给button按钮添加一个点击事件,如下图所示:
在这里插入图片描述

(2)根据button按钮里定义的点击事件的事件名,在script标签里设置一个浏览器打印事件。
步骤:
① 先在浏览器打印事件里获取页面上进行查询数据所含有的数据条件;
② 再在浏览器打印事件里进行异步请求。
以上步骤如下图所示:
在这里插入图片描述

(3)根据起步请求的方法里的"url"路径中的方法名,去控制器中创建浏览器打印的方法。
步骤:
① 浏览器打印方法接收的数据和查询方法接收的数据一样。
② 浏览器打印方法里的数据查询、条件筛选,与查询方法里的数据查询、条件筛选一样。
③ 构建返回视图的打印数据。
④ 将打印数据返回给打印视图。

	以上步骤如下图所示:
 

在这里插入图片描述

(4)在浏览器打印的方法里右键创建一个新的视图,用来作为浏览器打印的视图,并给打印视图进行页面设置。
步骤:
① 通过@model来接收控制器中传递过来的数据。
② 设置打印页面调用的类、按钮的样式类型。
③ 设置在打印的时候让打印按钮隐藏的样式。
④ 设置好一个button按钮作为打印按钮,并给button按钮添加一个打印事件。
⑤ 设置打印表格的数据。
以上步骤如下图所示:
在这里插入图片描述
在这里插入图片描述


标签:

上一篇: springboot 集成 swagger-ui 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。