若依如何实现添加水印功能

Roc-xb

已于 2024-09-15 06:19:46 修改

阅读量2.9k

点赞数 2

分类专栏：若依开源框架文章标签： javascript 前端 html 若依

于 2022-07-29 08:34:24 首次发布

本文链接：https://blog.youkuaiyun.com/qq_19309473/article/details/126047754

版权

若依开源框架专栏收录该内容

152 篇文章 ¥99.90 ¥299.90

订阅专栏

本文详细介绍了在若依系统中实现不同场景下添加水印的解决方案，包括单体版、前后端分离版以及Excel文件的水印添加步骤，旨在增强系统安全性和追踪用户来源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在某些系统中，有时候需要给某个页面或者某个文件添加水印，以防止用户截图或录屏暴露敏感信息后，方便追踪用户来源。

一、单体版添加水印解决方案

1、在ry-ui.js文件通用方法中增加watermark方法

2、在index.html、index-topnav.html文件调用watermark方法

3、访问页面，检查页面水印是否显示。

二、前后端分离版添加水印解决方案

1、在package.json文件dependencies节点增加依赖

2、在AppMain.vue文件引入水印模块

三、Excel文件添加水印解决方案

1、pom.xml中添加ooxml-schemas依赖

2、新增ExcelWaterMark.java类

3、修改ExcelUtil.java方法。

一、单体版添加水印解决方案

1、在`ry-ui.js`文件通用方法中增加`watermark`方法

// 为网页添加文字水印
watermark: function(settings) {
	// 默认设置
	var defaultSettings = {
		watermark_txt: "text",
		watermark_x: 20,
		// 水印起始位置x轴坐标
		watermark_y: 20,
		// 水印起始位置Y轴坐标
		watermark_rows: 100,
		// 水印行数

了解本专栏