YLUI是一款純前端框架，是對WEB桌面UI的一個大膽嘗試。

它凝聚了作者近一年的心血，作為WIN10UI開源專案的升級版，承載了作者對WEB桌面設計風格的追求。

在前端技術日新月異的背景下，YLUI力圖提供一種新的web應用組織形式。

如果你正在尋找一個漂亮的UI元件庫，你應該選擇bootstrap,layui,element-ui等專案。而你想要讓這些應用建立聯絡，構成組織，並提供一個統一的門戶，那麼YLUI將會是一個不錯的選擇。

產品介紹作為一款桌面UI，我們只專注於一件事 —— 更好地組織您的內容

豐富的桌面UI元素

YLUI最大程度地還原廣了大使用者熟悉的桌面操作模式，以各種形式的快捷方式定義操作入口，以子視窗承載資訊主體。

經典的圖示+選單+側邊欄模式流暢的操作體驗可拖拽可分組的磁貼符合windows操作邏輯的多視窗管理豐富的視覺效果，自定義主題視覺化建立圖示、磁貼、資料夾、桌面小工具、動態桌布——DIY，從未如此簡單基於WEB前端實現

由HTML+CSS+JS打造，完美運行於主流瀏覽器，不限制後端語言。支援使用第三方工具打包為APP或桌面應用程式。

可序列化狀態

YLUI在執行過程中的狀態支援以json格式隨時被序列化及反序列化，這將為本地快取，網路傳輸、多使用者定製帶來極大的便利。

頁面元件化

窗體是桌面UI的靈魂，YLUI的窗體支援動態URL管理，跨域級別的子視窗通訊。基於此特性您輕鬆實現多窗體聯動，開發出可靈活可複用的子視窗；強大的API讓您能使用程式碼控制整個UI的runtime，甚至可以構造自己的應用商店！

快速開始http-server預覽（推薦）

需要已安裝Node.js+npm環境。

在專案目錄輸入命令：

npm inpm start

根據提示訪問對應網址。

藉助web服務環境

將程式碼部署至您的web服務目錄，如nginx、apache伺服器的www目錄下，訪問對應網址（如http://127.0.0.1/ylui/）。

特色純前端實現，高相容性延續windows介面操作邏輯，普通使用者上手難度較低簡單直觀的多APP管理，像桌面程式一樣呈現你的web應用統一的APP互動模型，保持各APP之間的獨立性，降低子系統耦合度，支援跨域的APP通訊完美復刻桌面作業系統的選單、磁貼、通知元素，良好的視覺表現力相容PC、平板電腦、手機等各大主流解析度視覺化開發，降低開發者的學習難度基於VUE.JS開發，支援資料序列化（可配置化），方便與後臺做資料存取介面詳盡的開發文件推薦使用場景個人雲桌面企業辦公平臺雲盤類應用中大型管理資訊系統導航入口網站H5打包應用web開發工程師個人工具集當前版本

2.1.9

常見問題如何上手開發?

我們提供了詳細的開發文件，但是作為一款非開箱即用的UI，一些配置和編碼是不可避免的，不建議前端初學者使用。

我可以用於自己的開源專案嗎?

原則上不可以，因為這不是一款免費軟體，開源軟體的傳播可能會侵犯作者的權益。如果您有這方面的意願和想法，可以邀請作者一起加入您的開源專案。

如何部署程式碼?

下載原始碼後，將資料夾置於WEB目錄下，用瀏覽器訪問對應的URL，支援主流web服務（如Apache，Nginx, IIS）。

這是響應式UI嗎?對IE瀏覽器支援如何?

YLUI對各尺寸及點選、觸控操作給予了最大程度的相容。支援IE10+及其他主流瀏覽器，更低版本IE不能保證完整的體驗。

為什麼有的網頁不能在子視窗開啟?

一些網站設定了iframe限制，還有一些網站監測到iframe後會主動發起跳出。解決方案，如果您有操作許可權關閉相關限制即可。

原始碼下載

取件連結： https://c-t.work/s/bdaf81f9e12c4d

開源地址：https://github.com/yuri2peter/ylui