B/S结构一机多屏实现，Applet实现。

最新推荐文章于 2021-05-17 18:18:59 发布

dyllove90

最新推荐文章于 2021-05-17 18:18:59 发布

阅读量159

点赞数

文章标签： java 前端 javascript ViewUI

本文链接：https://blog.csdn.net/dyllove90/article/details/84423405

版权

上一篇讨论了如何实现B/S结构的一机多屏，下面讨论一下具体的实现方法，由于作者是做Java开发的，所以采用Applet来实现一机多屏的效果。

采用Applet获取客户端的屏幕，然后用拼装成自己需要的字符串。举例如下：

View Code

 1 import java.applet.Applet;
 2 import java.awt.AWTException;
 3 import java.awt.GraphicsDevice;
 4 import java.awt.GraphicsEnvironment;
 5 import java.awt.HeadlessException;
 6 import java.awt.Robot;
 7 import java.util.ArrayList;
 8 
 9 
10 public class MultiScreen extends Applet {
11     private static final long serialVersionUID = -8112340460092802461L;
12 
13     public MultiScreen() {
14         super();
15     }
16 
17     public static String getScreenInfo(){
18         String graphicsStr = null;
19         ArrayList<String> list = new ArrayList<String>();
20         try{
21             GraphicsEnvironment env = GraphicsEnvironment.getLocalGraphicsEnvironment();        
22             GraphicsDevice[] devices = env.getScreenDevices();
23             int numberOfScreens = devices.length;
24             
25             for(int i=0; i<numberOfScreens; i++){
26                 list.add(devices[i].getDisplayMode().getWidth() + "#" + devices[i].getDisplayMode().getHeight());
27             }
28             
29             graphicsStr = "{\"screensSize\":\"" + list.toString() + "\",\"numOfScreens\":" + numberOfScreens + "}";
30             System.out.println("Number of available screens = " + numberOfScreens);
31             return graphicsStr;
32             
33         }catch(HeadlessException e){
34             e.printStackTrace();
35         }
36         return graphicsStr;
37     }
38     
39     public static void main(String[] args){
40         System.out.println(MultiScreen.getScreenInfo());
41     }
42 }

显示的结果如下：

Number of available screens = 2
{"screensSize":"[1366#768, 1680#1050]","numOfScreens":2}

那么利用这种方式就可以在前端使用js的方式对多屏进行控制。

基本方法如下：

用户登录时从库中取出用户的多屏配置信息，具体可能是URL,TITLE等等信息。由于主屏是固定的，所以2、3屏就采用window.open的方式打开。

部分代码：

View Code

 1     var mScreenObj = {
 2         title:"",
 3         url:"_blank",
 4         height:0,
 5         width:0,
 6         offsideX:0,
 7         offsideY:0
 8     }
 9     
10     function multiScreen(mScreenObj) {
11         this.url = mScreenObj.url;
12         this.title = mScreenObj.title;
13         this.height = mScreenObj.height;
14         this.width = mScreenObj.width;
15         this.offsideX = mScreenObj.offsideX;
16         this.offsideY = mScreenObj.offsideY;
17     }
18     
19     multiScreen.prototype.showMS = function () {
20         window.open(this.url, this.title, 'height=' + this.height + ',width=' + this.width + ',top=' + this.offsideY + ',left=' + this.offsideX + ',toolbar=no,menubar=no,scrollbars=no,location=no,status=no');
21     }

调用的时候只要：

var screen = new multiScreen(mScreenObj);
screen.showMS();

由于具体项目比较复杂，所以以上的例子只是最简单的可能性，真正在使用的时候对于屏幕的左上角是需要计算的，另外还需要考虑如果用户本身是一机多屏的用户但由于屏幕不够，他可能只能开2屏而无法开3屏，或者用户在使用一机多屏，但本身没有多屏权限，那么就只能使用单屏等等，这些细节问题。

另外还需要说明一点，由于该Applet没有经过Java认证，权限是比较有限的，如果想要调用客户端本地的一些方法，例如使用Robot，就需要认证该Applet，相对来说就复杂一些。由于使用javascript的window.open来开2、3屏，所以屏幕就只能向正坐标延伸（ps. window.open的方法不允许开到负坐标）。如果想要开负坐标，可以使用Jframe，但Jframe就要认证该Applet了。

最后关于引用Applet，给一个网上通用的例子作参考：

<object classid="java:包地址"
type="application/x-java-applet"
codebase="webapp存放Applet地址"
height="100" width="100" id="类名" name="类名">
<param name="codebase" value="webapp存放Applet地址">



<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
codebase="webapp存放Applet地址"
height="200" width="200" id="类名" name="类名">
<param name="code" value="包地址" />
<param name="codebase" value="webapp存放Applet地址">
<strong>
当前屏幕没有安装java jre,所以不能支持一机多屏功能。
<br />
<a href="http://java.sun.com/products/plugin/downloads/index.html">
从这里获取并安装java jre.
</a>
</strong>
</object>

</object>