jsp怎么调用viewerjs

Posted 2023-04-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jsp怎么调用viewerjs相关的知识，希望对你有一定的参考价值。

参考技术A 众所周知，Java语言具有完善的安全框架，从编程语言，编译器、解释程序到Java虚拟机，都能确保Java系统不被无效的代码或敌对的编译器暗中破坏，基本上，它们保证了Java代码按预定的规则运作。但是，当我们需要逾越这些限制时，例如，读写文件，监听和读写Socket，退出Java系统等，就必须使用数字签名或安全策略文件（*.Policy）。　　在企业内部网中，本文提出了使用安全策略文件来设置java程序权限的一种简单的方法。由于企业内部网中各台计算机的位置、用途和安全性明确，更适于使用安全策略文件来设置java的权限，软件的安装、设置、升级和迁移都非常的方便，并且，还可以和数字签名配合使用，更重要的是，可以细分每个java程序的权限，使用起来灵活方便。一. Java中安全策略的概念　　Java应用程序环境的安全策略，详细说明了对于不同的代码所拥有的不同资源的许可，它由一个Policy对象来表达。为了让applet（或者运行在SecurityManager下的一个应用程序）能够执行受保护的行为，例如读写文件，applet（或Java应用程序）必须获得那项操作的许可,安全策略文件就是用来实现这些许可。　　Policy对象可能有多个实体，虽然任何时候只能有一个起作用。当前安装的Policy对象，在程序中可以通过调用getPolicy方法得到，也可以通过调用setPolicy方法改变。Policy对象评估整个策略，返回一个适当的Permissions对象，详细说明那些代码可以访问那些资源。　　策略文件可以储存在无格式的ASCII文件，或Policy类的二进制文件，或数据库中。本文仅讨论无格式的ASCII文件的形式。二. Policy文件的格式　　为了能够更好地理解下面的内容，建议在阅读时参照jdk1.2jrelibsecurityjava.policy文件和jdk1.2jrelibsecurityjava.security文件的内容。　　1． Policy文件的语法格式与说明　　一个Policy文件实质上是一个记录列表，它可能含有一个“keystore”记录，以及含有零个或多个“grant”记录。其格式如下： keystore"some_keystore_url","keystore_type"; grant [SignedBy"signer_names"] [, CodeBase"URL"] Permission permission_class_name ["target_name"] [,"action"] [, SignedBy"signer_names"]; Permission ...; 　　1.1"keystore"记录　　一个keystore是一个私有密钥（private keys）数据库和相应的数字签名，例如X.509证书。Policy文件中可能只有一条keystore记录（也可能不含有该记录），它可以出现在文件中grant记录以外的任何地方。Policy配置文件中指定的keystores用于寻找grant记录中指定的、签名者的公共密钥（public keys），如果任何grant记录指定签名者（signer_names），那么，keystore记录必须出现在policy配置文件中。　　"some_keystore_url"是指keystore的URL位置，"keystore_type"是指keystore的类型。第二个选项是可选项，如果没有指定，该类型则假定由安全属性文件（java.security）中的"keystore.type"属性来确定。keystore类型定义了keystore信息的存储和数据格式，用于保护keystore中的私有密钥和keystore完整性的算法。Sun Microsystems支持的缺省类型为“JKS”。　　1.2"grant"记录　　在Policy文件中的每一个grant记录含有一个CodeSource（一个指定的代码）及其permission(许可)。　　Policy文件中的每一条grant记录遵循下面的格式，以保留字“grant”开头，表示一条新的记录的开始，“Permission”是另一个保留字，在记录中用来标记一个新的许可的开始。每一个grant记录授予一个指定的代码（CodeBase）一套许可（Permissions）。　　permission_class_name必须是一个合格并存在的类名，例如java.io.FilePermission，不能使用缩写（例如，FilePermission）。　　target_name用来指定目标类的位置，action用于指定目标类拥有的权限。　　target_name可以直接指定类名（可以是绝对或相对路径），目录名，也可以是下面的通配符： directory/* 目录下的所有文件 *当前目录的所有文件 directory/-目录下的所有文件，包括子目录 - 当前目录下的所有文件，包括子目录《ALL FILES》文件系统中的所有文件对于java.io.FilePermission，action可以是： read, write, delete和execute。对于java.net.SocketPermission，action可以是： listen，accept，connect，read，write。　　1.3 Policy文件中的属性扩展（Property Expansion）　　属性扩展与shell中使用的变量扩展类似，它的格式为： "$some.property" 实际使用的例子为： permission

vue中使用viewerjs组件进行图片展示

〝古人学问遗无力，少壮功夫老始成〞

vue中使用viewerjs组件进行图片展示，常码字不易，出精品更难，没有特别幸运，那么请先特别努力，别因为懒惰而失败，还矫情地将原因归于自己倒霉。你必须特别努力，才能显得毫不费力。如果这篇文章能给你带来一点帮助，希望给飞兔小哥哥一键三连，表示支持，谢谢各位小伙伴们。

目录

一、安装viewerjs

二、引入viewerjs

三、设置功能

四、单个图片使用该组件

五、多个图片使用该组件

六、展示效果

一、安装viewerjs

npm install viewerjs --save

二、引入viewerjs

//引入
import Vue from 'vue';
import 'viewerjs/dist/viewer.css';
import Viewer from 'v-viewer';

三、设置功能

//按需引入
Vue.use(Viewer);
Viewer.setDefaults({
    'inline': true,
    'button': true, //右上角按钮
    "navbar": true, //底部缩略图
    "title": true, //当前图片标题
    "toolbar": true, //底部工具栏
    "tooltip": true, //显示缩放百分比
    "movable": true, //是否可以移动
    "zoomable": true, //是否可以缩放
    "rotatable": true, //是否可旋转
    "scalable": true, //是否可翻转
    "transition": true, //使用 CSS3 过度
    "fullscreen": true, //播放时是否全屏
    "keyboard": true, //是否支持键盘
    "url": "data-source",
    ready: function (e) {
        console.log(e.type, '组件以初始化');
    },
    show: function (e) {
        console.log(e.type, '图片显示开始');
    },
    shown: function (e) {
        console.log(e.type, '图片显示结束');
    },
    hide: function (e) {
        console.log(e.type, '图片隐藏完成');
    },
    hidden: function (e) {
        console.log(e.type, '图片隐藏结束');
    },
    view: function (e) {
        console.log(e.type, '视图开始');
    },
    viewed: function (e) {
        console.log(e.type, '视图结束');
        // 索引为 1 的图片旋转20度
        if (e.detail.index === 1) {
            this.viewer.rotate(20);
        }
    },
    zoom: function (e) {
        console.log(e.type, '图片缩放开始');
    },
    zoomed: function (e) {
        console.log(e.type, '图片缩放结束');
    }
})

四、单个图片使用该组件

<template>
  <div>
    <viewer>
      <img :src="cover" style="cursor: pointer;" height="80px">
    </viewer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cover: "//www.autofelix.com/images/cover.png"
    }
  }
}
</script>

五、多个图片使用该组件

<template>
  <div>
    <viewer :images="imgList">
      <img v-for="(imgSrc, index) in imgList" :key="index" :src="imgSrc" />
    </viewer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgList: [
        "//www.autofelix.com/images/pic_1.png",
        "//www.autofelix.com/images/pic_2.png",
        "//www.autofelix.com/images/pic_3.png",
        "//www.autofelix.com/images/pic_4.png",
        "//www.autofelix.com/images/pic_5.png"
      ]
    }
  }
}
</script>