Visual Lab Online —— Beta版本發佈聲明

時間 2021-04-05

標籤 git github chrome docker 編程瀏覽器服務器併發編輯器 ide 欄目 Git 简体版

原文原文鏈接

項目	內容
班級：北航2020春軟件工程	博客園班級博客
做業：Beta階段發佈聲明	發佈聲明

發佈方式、發佈地址與運行環境要求

軟件主體

咱們的軟件主體做爲Web應用在 http://114.116.135.181/ 發佈，用戶只須要使用主流瀏覽器訪問網站便可。git

下面是對運行環境的說明：github

網站依賴於Cookie來存儲登陸信息，請不要阻止Cookiechrome
在Safari瀏覽器中（MacOS / iPadOS）請不要勾選「阻止跨站跟蹤」選項，不然網站可能沒法正常登陸跳轉
docker
在Firefox瀏覽器中部分與瀏覽器快捷鍵衝突的快捷鍵可能沒法使用，如使用Ctrl + -摺疊代碼可能會觸發頁面縮放編程
請保證瀏覽器及系統版本較新以得到最好的使用體驗瀏覽器

瀏覽器擴展

咱們還爲快速使用Visual Lab Online開發了簡潔小巧的瀏覽器擴展（支持Chrome瀏覽器和微軟新版Edge瀏覽器）。服務器

擴展在GitHub Releases發佈，請下載後解壓zip文件，獲得一個名爲vLab-chromeExtension的文件夾。請按照以下步驟安裝：併發

打開Chrome瀏覽器/新Edge瀏覽器，地址欄輸入chrome://extensions/或edge://extensions/；編輯器
在打開頁面中勾選或打開「開發人員模式」，再點擊「加載已解壓的擴展程序」或「加載解壓縮的擴展」，選擇剛剛解壓出的vLab-chromeExtension文件夾；ide
安裝成功後，擴展圖標將出如今「已安裝的擴展」列表中。

Beta版本新功能

登陸註冊頁

註冊時郵箱驗證

爲方便用戶忘記密碼時可以重置帳戶密碼，咱們在註冊時新加入了郵箱驗證步驟：

用戶須要輸入用戶名與關聯郵箱，輸入密碼及二次確認密碼後，發送驗證碼到郵箱並填寫驗證碼，驗證經過後纔可完成註冊。

忘記密碼

新加入「忘記密碼」功能，入口位於主頁登陸界面最下方，方便忘記密碼的用戶將帳戶密碼重置爲新密碼：

只需輸入註冊時填寫的用戶名和郵箱、輸入並確認新密碼、進行郵箱驗證便可修改密碼。

其餘優化

涉及到用戶決定帳戶密碼時，都加入了重複輸入框進行確認，避免用戶輸入錯誤致使帳戶沒法登錄。
密碼框均加入「顯示/隱藏」密碼按鈕，方便用戶確認本身的密碼是否正確。

我的中心頁

向其餘用戶分享項目

在每一個項目卡片中加入分享按鈕，點擊能夠經過輸入用戶名的方式向其餘用戶發送分享邀請。發送分享邀請並被對方接收後，項目將被多人共享。

分享有只讀共享和可寫共享兩種模式，分享者能夠選擇共享的權限。分享者也能夠刪除共享的用戶。

查看項目分享邀請與確認

在頁面右上角加入項目分享邀請與確認功能。當有其餘用戶向當前用戶分享項目時，將在右上角提示。點擊打開能夠進行處理。

草稿模式入口

在頁面右上角加入「草稿模式」入口。

草稿模式能使用戶無需建立項目和建立文件、一步快速建立臨時代碼文件（即「草稿」的含義），並支持交互的運行與輸入輸出，知足了用戶如下的使用場景：

忽然想到某個點子須要用程序驗證；
須要編程解決某個問題，但只須要結果無需保存代碼；
不肯定某個語法的正確寫法，須要開一個臨時代碼文件進行試驗
……

對草稿模式的具體描述詳見下文。

IDE頁

外觀

重構配色方案，成爲「淺色模式」；新引入精心設計的「深色模式」，使夜間寫代碼更加溫馨；加入一鍵主題切換按鈕。
重構UI組件，優化交互體驗，組件動畫更流暢，組件樣式更精緻。

調試

在編輯器中點擊行號左側能夠添加/刪除斷點，並以高亮顯示斷點行：
在左側的「構建設置」面板中新增「調試」按鈕，點擊跳轉到調試面板並運行調試器進程：
在左側新增「調試程序」面板，點擊 (Re)Start、Continue、Step Over、Step Into、Step Out、Stop能控制程序的執行過程，正如其餘IDE同樣。
當程序運行到斷點或程序運行完一個Step後，點擊「Local Variables」能在控制檯打印出當前程序塊全部局部變量及其值，方便調試。
在調試過程當中，底部的「調試控制檯」中將顯示代碼的執行位置、局部變量的值等信息：

上傳與下載

在上傳與下載面板中，咱們進行了以下優化和功能新增：

合併上傳導入面板與下載導出面板；
優化上傳文件功能，支持同時上傳多個文件；
增長上傳文件夾功能，能上傳某文件夾及其子文件樹中的所有文件；
增長從GitHub導入功能，用戶填入GitHub倉庫地址後能經過clone的方式導入GitHub倉庫。

同時，咱們也在右鍵菜單中增長了對選中的文件和文件夾進行下載（該文件）/上傳（到此處）的功能。

以默認代碼快速新建文件

在文件樹中右鍵菜單新增「使用默認代碼新建」選項。點擊能夠建立以下的默認代碼文件，使得用戶能夠快速上手，免去沒必要要的工做：

草稿模式頁

側邊菜單欄

咱們將IDE模式下的頂部菜單欄移植到了左邊，使用戶仍然能得到大部分功能的良好體驗。

編輯器

新建草稿時，將默認代碼填入編輯器，使用戶能夠理解書寫其主要邏輯，不浪費用戶一點時間。

同時爲效率考慮，草稿模式的編輯器取消了完整的語言服務，但仍提供了語言關鍵字自動補全和已輸入單詞（token）的自動補全，同時IDE模式下的「代碼片斷」功能獲得了保留，仍然保障了編程效率。

運行與輸入輸出

咱們仍然提供了運行與交互式輸入輸出功能。

點擊運行按鈕將在Output框中提示「please send your input」，用戶在Input框中鍵入待輸入的內容（支持換行），點擊「提交輸入」便可得到實時的輸出反饋。

瀏覽器插件

咱們爲用戶能快速、隨時隨地使用草稿模式，開發了Chrome/Edge瀏覽器插件做爲快速入口，界面以下：

點擊選擇器能夠選擇新建一個Python語言草稿仍是一個C++語言草稿
點擊「新建隨筆代碼」按鈕將在新標籤頁跳轉到草稿模式頁面中

修復的缺陷

客戶端

將部分資源使用CDN加載，優化了頁面的打開速度
修復了只讀項目存在修改可能的bug
修復了刪除文件再建立同名文件，文件內容從新出現的bug
修復了文件未打開時debug出錯的bug
修復了菜單欄外觀樣式不居中、不對齊等bug
修復了Terminal的最下一行被邊框覆蓋的bug（見Alpha發佈聲明——問題與限制）
修復了右鍵菜單和下拉菜單沒法徹底展開、存在滾動條的bug（見Alpha發佈聲明——問題與限制）
修復了右鍵菜單點擊無響應的bug（見Alpha發佈聲明——問題與限制）
增長了對隱藏文件的過濾（見Alpha發佈聲明——問題與限制）
增長了對Terminal的主題調整（見Alpha發佈聲明——問題與限制）
修復了Terminal中還沒有提交的命令與新運行命令衝突的bug（見Alpha發佈聲明——問題與限制）
修復了Terminal中的折行問題（見Alpha發佈聲明——問題與限制）

服務器端

使用gzip壓縮大部分資源，優化了頁面的打開速度
將文件轉儲到第三方存儲提供商，大幅下降了磁盤佔用壓力
藉助文件轉儲優化，將docker容器的生命週期優化爲「即用即焚」，大幅下降了內存佔用壓力，併發支持更佳

已知的問題與限制

繼承自Alpha版本
- 語言服務不穩定，請避免引用過多沒必要要的頭文件
- 每一個Notebook有必定的內存使用限制，請不要進行過度操做
- 在Firefox瀏覽器中，部分與瀏覽器快捷鍵衝突的快捷鍵可能沒法使用
- 在Safari瀏覽器中，預覽定義/預覽引用的預覽框可能沒法正常顯示
- 在編輯器的下端右鍵可能會致使佈局出錯
- 文件管理器中的粘貼操做將會覆蓋重名文件，暫不支持 "duplicate"操做
Beta版本的新問題與限制
- C++項目可能沒法進行調試（GDB進程啓動可能出現異常）
- 在使用高峯期間部分請求可能失敗（通常刷新便可恢復正常）