【基于WEB的虛擬桌面系統(tǒng)設(shè)計(jì)5200字（論文）】

PAGE1基于WEB的虛擬桌面系統(tǒng)設(shè)計(jì)摘要：隨著科技的發(fā)展，廉價(jià)的移動(dòng)式設(shè)備和嵌入式設(shè)備為越來(lái)越多的人青睞，而受限于體積、散熱，這些設(shè)備往往不能像桌面級(jí)設(shè)備提供很高的算力來(lái)支撐復(fù)雜、算例需求大的軟件，所以，能運(yùn)行在低功耗、低算力設(shè)備卻可以運(yùn)行高算力的軟件成了越來(lái)越多科研用戶、工業(yè)用戶的重要需求。以往，我們可以通過(guò)虛擬化技術(shù)，在遠(yuǎn)程的Server服務(wù)器上部署多套系統(tǒng)，不同用戶可以通過(guò)終端SSH或者可視化的VNC來(lái)訪問Server,但受限于技術(shù)原理，這并不能提供很好的體驗(yàn)，無(wú)法得到流暢體驗(yàn)?；趙eb的虛擬桌面系統(tǒng)有效解決了上述問題，系統(tǒng)的核心思想是Web_Client-Server,程序核心運(yùn)行在遠(yuǎn)程的服務(wù)器，而客戶端則通過(guò)Web技術(shù)重繪。本論文包含四項(xiàng)重點(diǎn)：以繪圖指令方式繪制應(yīng)用程序畫面；相較于以傳送圖片方式顯示應(yīng)用畫面，傳送繪圖指令更能節(jié)省網(wǎng)絡(luò)帶寬。以瀏覽器為系統(tǒng)平臺(tái)，無(wú)須安裝其他外部應(yīng)用；本論文使用基本的HTML5、CSS、JS，將應(yīng)用程序畫面繪制于網(wǎng)頁(yè)顯示。使用ServerPush傳送畫面更新，WebSocket通訊協(xié)定作為客戶端與服務(wù)器的溝通機(jī)制。支持多人同時(shí)在線，不同使用者的輸入與畫面不互相干擾。關(guān)鍵詞:Web虛擬化技術(shù)WebSocket重繪桌面目錄TOC\h\z\t"畢設(shè)h1,1,畢設(shè)h2,2,畢設(shè)結(jié)參附謝,1"1前言 11.1問題的提出 11.2虛擬桌面技術(shù)發(fā)展現(xiàn)況 12總體設(shè)計(jì) 22.1虛擬桌面背景 22.2系統(tǒng)功能設(shè)置 32.3系統(tǒng)功能模塊 33詳細(xì)功能實(shí)現(xiàn) 43.1系統(tǒng)登陸模塊實(shí)現(xiàn) 43.2系統(tǒng)主界面解剖 43.3文件瀏覽器實(shí)現(xiàn) 43.4文本編輯器實(shí)現(xiàn) 43.5虛擬終端實(shí)現(xiàn) 43.6系統(tǒng)后端實(shí)現(xiàn) 44系統(tǒng)測(cè)試 54.1系統(tǒng)測(cè)試工作的流程 54.2系統(tǒng)的測(cè)試內(nèi)容 54.2系統(tǒng)的測(cè)試結(jié)果 5結(jié)束語(yǔ) 6參考文獻(xiàn) 7附錄 81前言1.1問題的提出雖然虛擬化技術(shù)最早出現(xiàn)于上世紀(jì)70年代，但由于大型服務(wù)器的昂貴、帶寬的不足等原因，它直到21世紀(jì)初才得以廣泛應(yīng)用。隨著科學(xué)技術(shù)的發(fā)展，網(wǎng)絡(luò)的帶寬成倍提高、價(jià)格越來(lái)越被人們接受，計(jì)算機(jī)性能飛速提高，虛擬化技術(shù)也得到很大發(fā)展，從過(guò)去只能用軟件實(shí)現(xiàn)虛擬化，性能羸弱，到現(xiàn)在各種設(shè)備支持硬件級(jí)虛擬化，諸如Intel的VT，Nvidia的VGpu，合理的虛擬化資源調(diào)度導(dǎo)致其綜合性能甚至超過(guò)宿主機(jī)，伴隨著環(huán)保意識(shí)的提高，虛擬化技術(shù)逐漸被廣泛接受和應(yīng)用。目前虛擬化技術(shù)主要有桌面虛擬化、應(yīng)用虛擬化、服務(wù)器虛擬化，而桌面虛擬化是目前很火熱的一個(gè)技術(shù)。根據(jù)MordorIntelligence統(tǒng)計(jì)和預(yù)測(cè)，2020年，桌面虛擬化市場(chǎng)價(jià)值為6.728億美元，預(yù)計(jì)到2026年將達(dá)到12290.22百萬(wàn)美元。國(guó)內(nèi)虛擬化技術(shù)雖然起步較晚，但是各大廠商也陸續(xù)推出了虛擬桌面產(chǎn)品。在廣闊的虛擬桌面市場(chǎng)空間中，越來(lái)越多的公司、黨政、校園等機(jī)構(gòu)開始應(yīng)用虛擬桌面，為了提高辦公效率，降低運(yùn)營(yíng)成本，桌面虛擬化技術(shù)已經(jīng)成為發(fā)展最快、最有前途的新技術(shù)。而在市場(chǎng)和用戶的不同需求下，桌面虛擬化的基礎(chǔ)架構(gòu)技術(shù)也在迭代更新。以Web技術(shù)實(shí)現(xiàn)桌面虛擬化無(wú)疑是一個(gè)便捷且高效的方案，而如何實(shí)現(xiàn)通過(guò)瀏覽器訪問即可輕松使用眾多不同的應(yīng)用，提高用戶的黏性，是亟需解決的問題。1.2系統(tǒng)的可行性分析1.2.1系統(tǒng)需求分析通過(guò)調(diào)查問卷等實(shí)際分析，系統(tǒng)需求主要在下面幾個(gè)點(diǎn)：響應(yīng)速度快外觀簡(jiǎn)潔大方，上手簡(jiǎn)單運(yùn)行特定軟件，可以自定義提交參數(shù)查詢信息容易1.2.2可行性分析對(duì)于客戶端只要安裝有瀏覽器，即可使用web虛擬桌面系統(tǒng)，而后端部署在性能強(qiáng)大的linux虛擬機(jī)集群上，系統(tǒng)是仿windows10風(fēng)格的，所以用戶可以很輕松地像使用普通微軟系統(tǒng)那樣使用web虛擬桌面系統(tǒng)，并能通過(guò)創(chuàng)建自定義作業(yè)的方式，將計(jì)算復(fù)雜的軟件放在linux虛擬機(jī)集群上做高效率的計(jì)算，這是很吸引高等院校做科研研究，或者工業(yè)用戶做模型設(shè)計(jì)的。2總體設(shè)計(jì)2.1虛擬桌面背景桌面虛擬化技術(shù)于2006年提出。經(jīng)過(guò)幾年的發(fā)展，桌面虛擬化技術(shù)已被廣泛使用。仿真技術(shù)已廣泛應(yīng)用于各行各業(yè)。尤其是結(jié)合虛擬應(yīng)用程序幫助企業(yè)降低桌面管理成本，提高終端數(shù)據(jù)安全性，更好地實(shí)現(xiàn)桌面開發(fā)統(tǒng)一管理與運(yùn)維。2.2系統(tǒng)功能設(shè)置本文所作的WEB虛擬桌面系統(tǒng)，前臺(tái)用所基本的web三元素開發(fā)，后端使用python的flask,后臺(tái)數(shù)據(jù)庫(kù)使用的是SQL，采用的是C/S模式，其內(nèi)容包括：系統(tǒng)登陸模塊：該功能為不同的用戶提供不同的登錄界面，并為具有不同權(quán)限的客戶實(shí)現(xiàn)不同的操作功能系統(tǒng)主界面：包括可以自定義更換的桌面壁紙，可拖動(dòng)的桌面圖標(biāo)，包括設(shè)置菜單的任務(wù)欄，顯示時(shí)間的狀態(tài)欄文件瀏覽器：文件瀏覽器是對(duì)后端linux文件系統(tǒng)的前端實(shí)現(xiàn)文本編輯器：可以編輯文件，保存后實(shí)時(shí)更新到后端linux虛擬機(jī)虛擬終端：通過(guò)websocket和后端linux虛擬機(jī)shell保持通信2.3系統(tǒng)功能模塊系統(tǒng)各功能模塊如下圖所示：最開始為系統(tǒng)登陸頁(yè)，像通常的web登陸系統(tǒng)那樣，用戶需要輸入自己賬號(hào)和密碼登陸系統(tǒng)，用戶分兩種，一種是管理員，用來(lái)管理自己的組內(nèi)的計(jì)算機(jī)配置，賬戶余額等信息，第二種是普通用戶，普通用戶是只有安裝應(yīng)用，使用應(yīng)用的權(quán)限，無(wú)法做出修改系統(tǒng)的權(quán)限。第一次登陸系統(tǒng)，將會(huì)在linux虛擬機(jī)新建一個(gè)同名用戶，用戶管理使用ldap進(jìn)行鑒權(quán)和認(rèn)證。之后進(jìn)入我們的虛擬桌面系統(tǒng)，很直觀地可以看到任務(wù)欄、狀態(tài)欄，狀態(tài)欄上顯示日期，任務(wù)欄上顯示正在運(yùn)行的應(yīng)用，而分布在桌面上的圖標(biāo)都是應(yīng)用，這里具體的有：文本編輯器、文件瀏覽器、虛擬終端，文本編輯器可以進(jìn)行簡(jiǎn)單的文字編輯，并能夠保存到對(duì)用的linux虛擬機(jī)的用戶家目錄下面，文件瀏覽器則可以直觀地呈現(xiàn)用戶加目錄下面的文件夾或文件，并能夠進(jìn)行復(fù)制、粘貼、刪除的基本操作，這些操作是實(shí)時(shí)同步到linux后端的，虛擬終端則給用戶提供了更強(qiáng)大的操作系統(tǒng)的途徑，在上面，運(yùn)行復(fù)雜的命令，通過(guò)ssh+websocket的手段，實(shí)時(shí)與后端linux虛擬機(jī)進(jìn)行交互。3詳細(xì)功能實(shí)現(xiàn)3.1系統(tǒng)登陸模塊實(shí)現(xiàn)一個(gè)登錄功能主要實(shí)現(xiàn)如下幾個(gè)基本的功能點(diǎn)：（1）注冊(cè)新用戶到數(shù)據(jù)庫(kù)（2）判斷一個(gè)登錄請(qǐng)求是成功還是失?。?）登錄狀態(tài)的保持實(shí)現(xiàn)上述功能的基本流程如下：注冊(cè)新用戶到數(shù)據(jù)庫(kù):登陸功能：保持登錄狀態(tài)如圖所示：我們使用令牌來(lái)實(shí)現(xiàn)登錄功能。我們從用戶請(qǐng)求數(shù)據(jù)包中提取用戶名和密碼，然后在ldap數(shù)據(jù)庫(kù)中查詢。如果查詢到用戶，我們將向前端返回令牌。前端將記錄令牌。當(dāng)當(dāng)前端需要身份驗(yàn)證時(shí)，請(qǐng)將令牌放入數(shù)據(jù)請(qǐng)求“訪問受保護(hù)的內(nèi)容”中，登陸的路由如下：登陸時(shí)向ldap查詢用戶的代碼如下：3.2系統(tǒng)主界面解剖Web虛擬桌面基本模仿了主流的操作系統(tǒng)的界面，但UI、字體等用的是開源免費(fèi)的版本，所以不會(huì)涉及侵權(quán)問題，桌面分為兩大模塊，一是最底部的任務(wù)欄和狀態(tài)欄，任務(wù)欄最左側(cè)是系統(tǒng)的菜單欄，可以在這里選擇應(yīng)用或者進(jìn)行關(guān)機(jī)操作；二是桌面上的應(yīng)用，每一個(gè)圖標(biāo)對(duì)應(yīng)了一個(gè)應(yīng)用，如上圖所示這是文件瀏覽器應(yīng)用。3.3文件瀏覽器實(shí)現(xiàn)如果Web應(yīng)用程序可以讀取和寫入文件和目錄，這將很方便。隨著從離線遷移到在線，應(yīng)用程序變得越來(lái)越復(fù)雜，缺少文件系統(tǒng)API一直是推動(dòng)Web前進(jìn)的障礙。存儲(chǔ)二進(jìn)制數(shù)據(jù)或與二進(jìn)制數(shù)據(jù)進(jìn)行交互不應(yīng)僅限于臺(tái)式機(jī)。使用FileSystemAPI，Web應(yīng)用程序可以創(chuàng)建，讀取，導(dǎo)航和寫入用戶本地文件系統(tǒng)的沙盒部分。所以本作基于FileSystemAPI實(shí)現(xiàn)了文件瀏覽器，總體實(shí)現(xiàn)在linux虛擬機(jī)上同步創(chuàng)建、刪除、修改目錄的原理如圖所示：3.3.1創(chuàng)建文件夾 getDirectory是獲取文件夾函數(shù)，重點(diǎn)在于添加了{(lán)create:true}屬性，當(dāng)文件夾不存在時(shí)自動(dòng)創(chuàng)建:fs.root.getDirectory("abc",{create:true},function(dirEntry){},fileSystemObj.errorHandler);3.3.2展示目錄使用FileSystemAPI實(shí)現(xiàn)文件的羅列:window.resolveLocalFileSystemURL=window.resolveLocalFileSystemURL||window.webkitResolveLocalFileSystemURL;3.3.3復(fù)制文件或文件夾復(fù)制文件有兩種形式，一是用戶選擇硬盤的文件，另一種是filesystem復(fù)制filesystem里的文件。第一種形式幾乎可以理解是克隆，靠getFile,createWriter形式重建文件。而后者可使用moveTo、copyTo形式直接移動(dòng)或者復(fù)制FileEntry和DirectoryEntry均可使用copyTo()復(fù)制現(xiàn)有條目。該方法會(huì)自動(dòng)以遞歸方式復(fù)制文件夾：functioncopy(cwd,src,dest){cwd.getFile(src,{},function(fileEntry){cwd.getDirectory(dest,{},function(dirEntry){fileEntry.copyTo(dirEntry);},errorHandler);},errorHandler);}3.3.4刪除文件fileSystemObj.fs.root.getFile(file,{create:false},function(fileEntry){fileEntry.remove(function(){//hasbeendeleted},fileSystemObj.errorHandler);},fileSystemObj.errorHandler);3.4文本編輯器實(shí)現(xiàn)wangEditor是一款基于javascript和css開發(fā)的html富文本編輯器，開源免費(fèi)，所以我選擇了它作為我們系統(tǒng)的文本編輯器，當(dāng)點(diǎn)擊保存時(shí)，則通過(guò)websocket將內(nèi)容傳遞到后端。前端實(shí)現(xiàn)代碼如下：html:<divclass="ArticleDetail"><divref="editor"style="text-align:left"></div></div>js:<script>importaxiosfrom'axios';import{Loading}from'element-ui'importEfrom'wangeditor'vareditor;exportdefault{name:"WriteArticle",data:function(){return{Title:'',Content:''}},mounted:function(){varThat=this;editor=newE(this.$refs.editor);editor.customConfig={onchange:function(html){That.Content=html},uploadImgServer:'/api/UploadImg',//上傳圖片到服務(wù)器uploadFileName:'Content',//后端使用這個(gè)字段獲取圖片信息uploadImgMaxLength:1,//限制一次最多上傳1張圖片}editor.create()}}</script>3.5虛擬終端實(shí)現(xiàn)xshell確實(shí)好用，但是不便于輾轉(zhuǎn)流連于多個(gè)電腦之間，雖然用onedrive解決了多臺(tái)電腦之間的秘鑰文件的存儲(chǔ)問題，但是令人討厭的秘鑰密碼卻總是如幽靈般的閃現(xiàn)，偶爾記不住某個(gè)服務(wù)器的密碼就要翻箱倒柜地尋找密碼薄。因此，像登錄網(wǎng)站那樣登錄ssh，這樣不論在哪臺(tái)電腦上工作，只要有一個(gè)瀏覽器，就可以隨時(shí)登錄服務(wù)器，豈不快哉。3.5.1原理首先要了解我們使用webssh的工作原理，傳統(tǒng)單工的http協(xié)議并不能滿足我們的要求，我們要求實(shí)時(shí)雙工通信，因此前端的協(xié)議就是websocket，前端處理終端字符有一個(gè)非常著名的庫(kù)xterm.js,最近非常流行的vscode的terminal就是使用xterm.js編寫的。后端websocket服務(wù)采用tornado,ssh通信及認(rèn)證等工作交給python的paramiko庫(kù)。原理圖大概如下面這個(gè)樣子：3.5.2xterm.js的使用了解了原理，接下來(lái)我們來(lái)實(shí)現(xiàn)它。首先我們先看一下xterm.js這個(gè)工具的使用。xterm.js是一個(gè)非常強(qiáng)大的庫(kù)，可以幫我們簡(jiǎn)化很多的工作和麻煩，有了xterm.js，我們不需要考慮terminal下的各種字符的問題。我們使用的代碼比較簡(jiǎn)單，只需要引入xterm.js,然后創(chuàng)建一個(gè)websocket即可。<head><linkrel="stylesheet"href="{{url_for('static',filename='dist/xterm.css')}}"/><linkrel="stylesheet"href="{{url_for('static',filename='dist/addons/fullscreen/fullscreen.css')}}"/><!--<linkrel="stylesheet"href="/dist/style.css"/>--><scriptsrc="{{url_for('static',filename='dist/xterm.js')}}"></script><scriptsrc="{{url_for('static',filename='dist/addons/fullscreen/fullscreen.js')}}"></script><scriptsrc="{{url_for('static',filename='dist/addons/fit/fit.js')}}"></script></head><body><divclass="container"><divid="terminal-container"></div></div><script>//terminado.apply(Terminal);console.log("加載addons");Terminal.applyAddon(fit);//獲取網(wǎng)頁(yè)高度和寬度varcols=parseInt(document.documentElement.clientWidth/9.5,10)varrows=parseInt(document.documentElement.clientHeight/18,10)varterm=newTerminal({cols:cols,rows:rows}),protocol=(tocol==='https:')?'wss://':'ws://',socketURL=protocol+location.hostname+((location.port)?(':'+location.port):'')+"/websocket/{{server_id}}";sock=newWebSocket(socketURL);sock.addEventListener('open',function(){//term(sock);//發(fā)送當(dāng)前窗口大小sock.send("size:"+cols+","+rows)term.on('data',function(data){sock.send(data);});});sock.addEventListener("message",function(msg){term.write(msg.data)});term.open(document.getElementById('terminal-container'));//term.write("Hello");term.fit();//term.toggleFullScreen(true);</script></body>3.6系統(tǒng)后端實(shí)現(xiàn)3.6.1Tornado使用websockettornado是一個(gè)強(qiáng)大的web應(yīng)用框架，其最受關(guān)注的功能是對(duì)異步的支持，它使得處理非阻塞請(qǐng)求更容易，最終導(dǎo)致更高效的處理以及更好的可擴(kuò)展性，同時(shí)也支持websocket.所以，我們這里選用的websocket實(shí)現(xiàn)就是tornado。實(shí)現(xiàn)代碼如下：fromtornado.webimportFallbackHandler,Application,StaticFileHandlerfromtornado.wsgiimportWSGIContainerfromtornado.ioloopimportIOLoopfromapp.ws.serverimportSshHandlerfromtornado.httpserverimportHTTPServerimportsslimportosapp=WSGIContainer(app)handlers=[(r"/websocket/(.*)",SshHandler,{}),(r"/(.*)",FallbackHandler,dict(fallback=app))]application=Application(handlers,debug=True這里不僅使用了websocket，還是用flask部分代碼，是因?yàn)槲业捻?xiàng)目中http請(qǐng)求是用flask來(lái)實(shí)現(xiàn)的。3.6.2認(rèn)證webssh這么敏感的業(yè)務(wù)肯定是要跑在securewebsocket上的，tornado添加證書和秘鑰原理如下：httpserver=HTTPServer(application,ssl_options={"certfile":os.path.join(config.read("secure_path"),"1__bundle.crt"),"keyfile":os.path.join(config.read("secure_path"),"2_.key"),})httpserver.listen(int(config.read("PORT")))IOLoop.current().start()這樣服務(wù)端的websocket就創(chuàng)建好了4系統(tǒng)測(cè)試系統(tǒng)測(cè)試是一種測(cè)試級(jí)別，可驗(yàn)證完整且完全集成的軟件產(chǎn)品。系統(tǒng)測(cè)試的目的是評(píng)估端到端系統(tǒng)規(guī)格。通常，該軟件只是大型基于計(jì)算機(jī)的系統(tǒng)中的一個(gè)元素。最終，該軟件將與其他軟件/硬件系統(tǒng)接口。系統(tǒng)測(cè)試實(shí)際上是一系列不同的測(cè)試，其唯一目的是使用完整的基于計(jì)算機(jī)的系統(tǒng)。4.1系統(tǒng)測(cè)試工作的流程系統(tǒng)測(cè)試的過(guò)程分為四個(gè)階段：測(cè)試計(jì)劃階段、測(cè)試的設(shè)計(jì)階段、測(cè)試的實(shí)現(xiàn)階段、測(cè)試的執(zhí)行階段。(1)測(cè)試計(jì)劃階段主要是定義測(cè)試目標(biāo)、測(cè)試過(guò)程中人力資源的安排、測(cè)試準(zhǔn)入準(zhǔn)出條件、每個(gè)Build版本的測(cè)試時(shí)間、里程碑點(diǎn)、風(fēng)險(xiǎn)分析等信息。測(cè)試計(jì)劃最核心的目的就是控制風(fēng)險(xiǎn)。(2)測(cè)試設(shè)計(jì)階段主要是完成測(cè)試方案，當(dāng)測(cè)試計(jì)劃和需求規(guī)范經(jīng)過(guò)評(píng)審后，將設(shè)計(jì)測(cè)試計(jì)劃。測(cè)試方案主要包括測(cè)試策略(功能、性能或自動(dòng)化測(cè)試的策略)、測(cè)試環(huán)境搭建、測(cè)試數(shù)據(jù)準(zhǔn)備、測(cè)試工具使用、優(yōu)先級(jí)等信息;測(cè)試方案的核心是測(cè)試策略的設(shè)計(jì)，為測(cè)試用例設(shè)計(jì)做準(zhǔn)備。(3)測(cè)試實(shí)現(xiàn)階段主要是完成測(cè)試用例、測(cè)試規(guī)程、測(cè)試的預(yù)測(cè)試項(xiàng)。測(cè)試實(shí)現(xiàn)階段最主要的是完成測(cè)試用例的設(shè)計(jì)與測(cè)試用例的評(píng)審。(4)測(cè)試執(zhí)行階段主要是執(zhí)行系統(tǒng)測(cè)試預(yù)測(cè)試項(xiàng)、系統(tǒng)的測(cè)試用例，改正發(fā)現(xiàn)的問題然后進(jìn)行回溯測(cè)試，提交系統(tǒng)預(yù)測(cè)試報(bào)告、系統(tǒng)測(cè)試報(bào)告、缺陷報(bào)告。4.2系統(tǒng)的測(cè)試內(nèi)容功能測(cè)試：在系統(tǒng)功能范圍內(nèi)，確保產(chǎn)品的功能按照定義的要求運(yùn)行?？苫謴?fù)性測(cè)試：確保系統(tǒng)從各種輸入錯(cuò)誤和其他故障情況中恢復(fù)的能力?；ゲ僮餍詼y(cè)試：確保系統(tǒng)是否可以與第三方產(chǎn)品正常運(yùn)行。性能測(cè)試：根據(jù)性能特征，確保系統(tǒng)在各種條件下的性能?？缮炜s性測(cè)試：在各種方面確保系統(tǒng)的可伸縮性，例如用戶伸縮，地理伸縮和資源伸縮?？煽啃詼y(cè)試：確保系統(tǒng)可以長(zhǎng)時(shí)間運(yùn)行而不會(huì)出現(xiàn)故障?；貧w測(cè)試：為了確保系統(tǒng)在通過(guò)不同子系統(tǒng)和維護(hù)任務(wù)的集成時(shí)的穩(wěn)定性。文檔測(cè)試：確保系統(tǒng)的用戶指南和其他幫助主題文檔正確且可用。安全測(cè)試：確保系統(tǒng)不允許未經(jīng)授權(quán)訪問數(shù)據(jù)和資源?？捎眯詼y(cè)試：為確保系統(tǒng)易于使用，學(xué)習(xí)和操作。4.2系統(tǒng)的測(cè)試結(jié)果登錄頁(yè)功能：登錄頁(yè)實(shí)現(xiàn)簡(jiǎn)單的登陸注冊(cè)，正?？捎锰摂M桌面首頁(yè)：正常顯示桌面壁紙、圖標(biāo)、文件瀏覽器