一.概述
本教程針對小白，所以沒有過多複雜知識；
atxserver2是一套設備集羣管理系統，類似STF，不過主要功能使用Python開發；項目主體不再贅述，可以在這裏查看
atxserver2項目介紹
改造目標
本次改造目標主要是把點擊使用的時候打開網頁，變成彈窗的形式，從而達到同屏顯示多個手機的目的，每個窗口可以單獨拖拽大小；
正常打開效果：
窗體縮小效果：
二.項目介紹
ATX2項目結構和Djando類似，但實際上是採用Tornado+element-UI+VUE開發，所以想要改造最好對這些有一定的瞭解，可以不精通，但多少要知道一些語法；
ATX2的頁面文件都存放在templates文件夾，靜態樣式等文件都放在Static文件夾，
本次主要改動的頁面就是templates裏的index文件，次文件主要負責主頁面的數據交互與顯示等等；
要達到效果還需要另外的一個UI框架LayUI（這裏純屬偷個懶，想快速實現效果，正常來說一個項目是不應該使用多個UI框架的，儘量保證項目乾淨一些，大佬們可以自己用element-UI或者其他框架實現自己的目標）
Layui彈出框使用
這裏我用的是這個功能
三，動手改造
1.atx2的templates裏的index文件有采用的是tornado模板語法編寫，會繼承bast.html,所以我們把layui的引用加入到bast.html裏；
我這裏引用的是本地static裏的文件，從layui官網下載好的，Version=2.5.6，放到裏static裏，你也可以引用在線地址；
2.
index之前的操作是直接跳到一個新的地址；
我們來改一下，寫一個方法
現在來看一下這個方法具體內容
這裏爲了方便觀看，我這裏直接放在了deviceRelease方法上面，deviceRelease是atx2原本就有的方法，不過這個位置不影響使用，可以正常運行；
爲了方便理解，這裏面的方法實際上和layui Demo裏的演示方法一樣的，只是多加了參數；把要打開的網頁URl作爲地址傳了進去；
四. 改造完成，開始運行
改造完成，點擊運行效果就出來啦；good luck！
源碼含有線上數據不太方便放出，但是會陸續分享具體改造過程；