web报表移动端如何进行移动设备绑定与撤销
场景需求描述
为了增强移动端的登录机制验证,保证数据的安全性,报表工具FineReport提供了移动设备绑定的功能,每个系统用户在使用移动端连接系统的时,需要管理员授权,将用户的移动设备与系统绑定起来,如果管理员没有给设备授权,则无法登录。
注:给移动设备授权,需要配合用户使用,也就是说用户只能使用固定的一台或几台设备登录系统,如果使用别的设备登录,但是该设备没有授权,也是无法登陆的,如果在一台已搜授权的设备上切换账号登录,还需再次给该切换的账号授权。
另:一个新的工程,第一个用户使用移动端登录时,不需要管理员授权,比如说,用户Anna是整个工程第一个用户使用移动端登录的,那么Anna使用的这台设备不需要授权,可以直接连接,以后的别的用户的设备就需要授权了。
一、移动设备绑定步骤
准备一个新的WebReport工程,启动内置服务器。
1、开启移动设备绑定
FineReport的移动设备绑定功能默认是关闭的,使用之前先要开启,在PC端的浏览器地址栏中输入http://localhost:8075/WebReport/ReportServer?op=fs,使用管理员账号登录,点击管理系统>移动平台>设备绑定,开启移动设备绑定,如下图:
2、第一个设备登录
先在一台机器上使用管理员账号连接该工程,可以直接登录,不需要给设备授权。管理员在PC端登录数据决策系统,进入管理系统>移动平台>设备绑定,可以看到已授权设备上显示了管理员用户绑定的设备的mac地址,如下图:
注:第一次用移动端登录系统的用户不一定要管理员。
3、第二个设备登录
第一台设备登录系统之后,不论是什么用户,第二个及以后的设备上的移动端登录系统就需要管理员授权,在另外一台设备上,根据添加服务器配置好服务器之后,使用相同账号登录,点击登录,会弹出下图的警告框:
此时,管理员在PC端刷新数据决策系统可以看到未授权设备中新增了一条记录,表示该用户在另外一台设备上登录系统,需要给该设备授权。
点击中间的按钮,将未授权设备移动到已授权设备面板中,即对未授权设备授权:
此时,在移动端上重新登录,就可以登录了,并且该设备上的任何系统用户使用移动端访问系统,均无需再次授权。
4、 切换用户
在第二个设备上退出登录,更换一个用户继续登录系统,发现还会弹出设备未授权的对话框,需要管理员授权,管理员授权之后,在管理系统>移动平台>移动设备绑定>已授权设备中可以看到,多了一个用户:
二、移动设备授权撤销
在实际应用中,一个用户基本上只会绑定一个设备,如果该设备遗失或者损坏的时候才会使用另外一个设备,那么,如果某用户经常使用的设备丢失了,要将移动端绑定在另外一个设备上,但是已丢失的设备是跟系统绑定的,这样会导致数据不安全。FineReport提供了设备管理功能,即同一用户同时绑定了多个设备时,该用户只需要在任意设备上登录系统即可撤销其他设备的授权权限。
除了管理员在PC端直接删除已授权设备之外,FineReport还提供了设备管理功能,即同一用户同时绑定了多个设备时,该用户只需要在任意设备上登录系统即可撤销其他设备的授权权限。
1、 设备管理
由上面示例可知,管理员用户登录过两个设备,在已授权设备面板中绑定了两个设备的mac地址,接下来我们在登录iPad的设备来撤销iPhone设备的授权权限。
在移动端登录系统,点击右上角的选项按钮,选择设备绑定,如下图:
在设备管理界面,可以看到该用户所绑定的所有设备,其中当前设备不可操作,其他设备是可操作的,如下图:
滑动设备名称后面的按钮,可撤销该用户下对该设备的授权,如下图:
此时,管理员在PC端登录系统,进入管理系统>移动平台>设备绑定,已授权设备面板中可看到aa用户下的绑定的设备只剩下一个,而那个被撤销授权的设备重新回到了未授权设备面板中,如下图:
2、 PC端直接删除
拥有移动平台使用权限的用户,一般是管理员,在PC端登录系统,进入管理系统>移动平台>设备绑定,可直接删除未授权设备和已授权设备下面的设备,如下图:
web报表移动端如何进行移动设备绑定与撤销的更多相关文章
- 挖到一款免费好用的web报表插件
最近公司项目需要用到报表,公司领导要求我来调研下报表工具.开始的时候了解了目前市场上功能强大,占有率高的两款报表工具,帆软报表和润乾报表,这两款报表工具功能比较强大,覆盖的行业较广,基本能满足所有的报 ...
- 突破短板,传统桌面程序 使用webapi 扩展迎合web和移动端融合的需求
传统桌面程序不能完全被web和移动端替代,但是需要改造.这里要说的是巧用webapi把以前用dll和com组件,ocx等方式做接口,做分布式开发的方式,改成restful 风格api的方式实现跨平台, ...
- 利用JasperReport+iReport进行Web报表开发
用JasperReport+iReport进行Web报表开发 序言 在非常多实际的项目里,报表都是当中十分重要的组成部分,比如把查询结果以报表的形式呈现出来.这里所提到的报表可不是简单的二维表,而是拥 ...
- Web/app端自动化测试对比
Web/app端自动化测试 做了一段时间的Android自动化测试,对比个人之前做的web端自动化测试,有一些感想.(由于个人接触的时间也不是太久,很多东西理解也并不深刻,先写下菜鸟时期的感想.) 区 ...
- 动态切换 web 报表中的统计图类型
统计图在浏览器端展现时,不同的使用人员对图形的展现形式会有不同的要求,有的需要柱形图.有的想看折线图等,报表支持用户在浏览器端动态的选择统计图类型,关注乾学院,查看具体实现方法动态切换 web 报表中 ...
- 打印报表工具,web报表工具对比
1.jasperreport报表 有批量报表打印功能,但一般需要通过专门的编程实现批量报表打印:一些较简单的分片式打印能通过主子表实现:不能自动适应纸张大小:不支持分栏打印:不支持一纸多页打印:不支 ...
- 使用axis开发web service服务端
一.axis环境搭建 1.安装环境 JDK.Tomcat或Resin.eclipse等. 2.到 http://www.apache.org/dyn/closer.cgi/ws/axis/1_4下载A ...
- 设计与开发一款简单易用的Web报表工具(支持常用关系数据及hadoop、hbase等)
EasyReport是一个简单易用的Web报表工具(支持Hadoop,HBase及各种关系型数据库),它的主要功能是把SQL语句查询出的行列结构转换成HTML表格(Table),并支持表格的跨行(Ro ...
- 关于Web报表FineReport打印的开发应用案例
报表打印是报表使用和开发过程中经常碰到的问题,这里汇总了关于Web报表开发打印功能的一些典型应用案例,以应用最广泛的FineReport为例. 案例一:java直接调用报表打印 当java后台定义定时 ...
随机推荐
- spring amqp rabbitmq fanout配置
基于spring amqp rabbitmq fanout配置如下: 发布端 <rabbit:connection-factory id="rabbitConnectionFactor ...
- flex的用途
一.可以利用flex来布局一个div在另一个div里面水平垂直居中 如:html代码: <div class="container"> <div class=&q ...
- Winjs – 微软开源技术发布的 JavaScript 组件集
Winjs 是由微软开源技术的开发者推出的一组 JavaScript 组件,包括 ListView.ListView.Tooltip.DatePicker.Ratings 等等,帮助 Web 开发人员 ...
- FormsAuthentication身份认证源代码
使用FormsAuthentication类可以实现身份认证功能,这里提供一个asp.net项目的源代码,项目名称KWS.项目实现了登录.退出和判断身份的功能. 关于项目 点击这里下载源代码 http ...
- 由Vue引发的getter和setter思考
公司的新项目决定使用Vue.js来做,当我打印出Vue实例下的data对象里的属性时,发现了一个有趣的事情: 它的每个属性都有两个相对应的get和set方法,我觉的这是多此一举的,于是去网上查了查Vu ...
- 最简单的tab切换
JS: $(".con").eq(0).show(); $(".btn span").click(function(){ var num = ...
- iOS 代理协议
代理,又称委托代理(delegate),是iOS中常用的设计一种模式.顾名思义,它是把某个对象要做的事情委托给别的对象去做.那么别的对象就是这个对象的代理,代替它来打理要做的事.反映到程序中, 首先要 ...
- smarty访问数组中的数据,如果是关联数组直接用点.
$tpl=new Smarty();//新建一个smarty对象,我使用的是Smarty-3.1.6版本 1.设置smarty模板路径$tpl->setTemplateDir():默认情况下是t ...
- 通过终端编译链接运行C文件
1.创建c文件 touch demo.c 2.编辑c代码 3.编译(预编译.检查语法.编译).链接 3.1.指令:cc -c demo.c 正常情况下,会生成一个demo.o的二进制文件(即:目标 ...
- Android 采用post方式提交数据到服务器
接着上篇<Android 采用get方式提交数据到服务器>,本文来实现采用post方式提交数据到服务器 首先对比一下get方式和post方式: 修改布局: <LinearLayout ...