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

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

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

import java.applet.Applet;
import java.awt.AWTException;
import java.awt.GraphicsDevice;
import java.awt.GraphicsEnvironment;
import java.awt.HeadlessException;
import java.awt.Robot;
import java.util.ArrayList;


public class MultiScreen extends Applet {
    private static final long serialVersionUID = -8112340460092802461L;

    public MultiScreen() {
        super();
    }

    public static String getScreenInfo(){
        String graphicsStr = null;
        ArrayList<String> list = new ArrayList<String>();
        try{
            GraphicsEnvironment env = GraphicsEnvironment.getLocalGraphicsEnvironment();        
            GraphicsDevice[] devices = env.getScreenDevices();
            int numberOfScreens = devices.length;
            
            for(int i=0; i<numberOfScreens; i++){
                list.add(devices[i].getDisplayMode().getWidth() + "#" + devices[i].getDisplayMode().getHeight());
            }
            
            graphicsStr = "{\"screensSize\":\"" + list.toString() + "\",\"numOfScreens\":" + numberOfScreens + "}";
            System.out.println("Number of available screens = " + numberOfScreens);
            return graphicsStr;
            
        }catch(HeadlessException e){
            e.printStackTrace();
        }
        return graphicsStr;
    }
    
    public static void main(String[] args){
        System.out.println(MultiScreen.getScreenInfo());
    }
}

 

　　显示的结果如下：

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

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

　　基本方法如下：

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

　　部分代码：

    var mScreenObj = {
        title:"",
        url:"_blank",
        height:0,
        width:0,
        offsideX:0,
        offsideY:0
    }
    
    function multiScreen(mScreenObj) {
        this.url = mScreenObj.url;
        this.title = mScreenObj.title;
        this.height = mScreenObj.height;
        this.width = mScreenObj.width;
        this.offsideX = mScreenObj.offsideX;
        this.offsideY = mScreenObj.offsideY;
    }
    
    multiScreen.prototype.showMS = function () {
        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');
    }

 

　　调用的时候只要：

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，给一个网上通用的例子作参考：

<!--[if !IE]> Firefox and others will use outer object -->
<object classid="java:包地址"
type="application/x-java-applet"
codebase="webapp存放Applet地址"
height="100" width="100" id="类名" name="类名">
<param name="codebase" value="webapp存放Applet地址">
<!--<![endif]-->

<!-- MSIE (Microsoft Internet Explorer) will use inner object -->
<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>
<!--[if !IE]> close outer object -->
</object>
<!--<![endif]-->

　　说明：以上红色字替换成自己的类即可，但不要将编译好的Applet放入web-inf下，因为前端无法访问该路径。

　　作者水平有限，欢迎大家一起讨论，谢谢。