芜湖尾敢投资有限公司

windows10桌面開(kāi)源項(xiàng)目YLUI2.1.9源碼——墨澀網(wǎng)

YLUI是一款純前端框架,是對(duì)WEB桌面UI的一個(gè)大膽嘗試。

它凝聚了作者近一年的心血,作為WIN10UI開(kāi)源項(xiàng)目的升級(jí)版,承載了作者對(duì)WEB桌面設(shè)計(jì)風(fēng)格的追求。

在前端技術(shù)日新月異的背景下,YLUI力圖提供一種新的web應(yīng)用組織形式。

如果你正在尋找一個(gè)漂亮的UI組件庫(kù),你應(yīng)該選擇bootstrap,layui,element-ui等項(xiàng)目。而你想要讓這些應(yīng)用建立聯(lián)系,構(gòu)成組織,并提供一個(gè)統(tǒng)一的門戶,那么YLUI將會(huì)是一個(gè)不錯(cuò)的選擇。

產(chǎn)品介紹

作為一款桌面UI,我們只專注于一件事 —— 更好地組織您的內(nèi)容

豐富的桌面UI元素

YLUI最大程度地還原廣了大用戶熟悉的桌面操作模式,以各種形式的快捷方式定義操作入口,以子窗口承載信息主體。

  • 經(jīng)典的圖標(biāo)+菜單+側(cè)邊欄模式
  • 流暢的操作體驗(yàn)
  • 可拖拽可分組的磁貼
  • 符合windows操作邏輯的多窗口管理
  • 豐富的視覺(jué)效果,自定義主題
  • 可視化創(chuàng)建圖標(biāo)、磁貼、文件夾、桌面小工具、動(dòng)態(tài)壁紙——DIY,從未如此簡(jiǎn)單

基于WEB前端實(shí)現(xiàn)

由HTML+CSS+JS打造,完美運(yùn)行于主流瀏覽器,不限制后端語(yǔ)言。支持使用第三方工具打包為APP或桌面應(yīng)用程序。

可序列化狀態(tài)

YLUI在運(yùn)行過(guò)程中的狀態(tài)支持以json格式隨時(shí)被序列化及反序列化,這將為本地緩存,網(wǎng)絡(luò)傳輸、多用戶定制帶來(lái)極大的便利。

頁(yè)面組件化

窗體是桌面UI的靈魂,YLUI的窗體支持動(dòng)態(tài)URL管理,跨域級(jí)別的子窗口通信。基于此特性您輕松實(shí)現(xiàn)多窗體聯(lián)動(dòng),開(kāi)發(fā)出可靈活可復(fù)用的子窗口;強(qiáng)大的API讓您能使用代碼控制整個(gè)UI的runtime,甚至可以構(gòu)造自己的應(yīng)用商店!

快速開(kāi)始

http-server預(yù)覽(推薦)

需要已安裝Node.js+npm環(huán)境。

在項(xiàng)目目錄輸入命令:

npm i
npm start

根據(jù)提示訪問(wèn)對(duì)應(yīng)網(wǎng)址。

借助web服務(wù)環(huán)境

將代碼部署至您的web服務(wù)目錄,如nginx、apache服務(wù)器的www目錄下,訪問(wèn)對(duì)應(yīng)網(wǎng)址(如http://127.0.0.1/ylui/)。

特色

  • 純前端實(shí)現(xiàn),高兼容性
  • 延續(xù)windows界面操作邏輯,普通用戶上手難度較低
  • 簡(jiǎn)單直觀的多APP管理,像桌面程序一樣呈現(xiàn)你的web應(yīng)用
  • 統(tǒng)一的APP交互模型,保持各APP之間的獨(dú)立性,降低子系統(tǒng)耦合度,支持跨域的APP通信
  • 完美復(fù)刻桌面操作系統(tǒng)的菜單、磁貼、通知元素,良好的視覺(jué)表現(xiàn)力
  • 兼容PC、平板電腦、手機(jī)等各大主流分辨率
  • 可視化開(kāi)發(fā),降低開(kāi)發(fā)者的學(xué)習(xí)難度
  • 基于VUE.JS開(kāi)發(fā),支持?jǐn)?shù)據(jù)序列化(可配置化),方便與后臺(tái)做數(shù)據(jù)存取接口
  • 詳盡的開(kāi)發(fā)文檔

推薦使用場(chǎng)景

  1. 個(gè)人云桌面
  2. 企業(yè)辦公平臺(tái)
  3. 云盤類應(yīng)用
  4. 中大型管理信息系統(tǒng)
  5. 導(dǎo)航門戶網(wǎng)站
  6. H5打包應(yīng)用
  7. web開(kāi)發(fā)工程師個(gè)人工具集

當(dāng)前版本

2.1.9

常見(jiàn)問(wèn)題

如何上手開(kāi)發(fā)?

我們提供了詳細(xì)的開(kāi)發(fā)文檔,但是作為一款非開(kāi)箱即用的UI,一些配置和編碼是不可避免的,不建議前端初學(xué)者使用。

我可以用于自己的開(kāi)源項(xiàng)目嗎?

原則上不可以,因?yàn)檫@不是一款免費(fèi)軟件,開(kāi)源軟件的傳播可能會(huì)侵犯作者的權(quán)益。如果您有這方面的意愿和想法,可以邀請(qǐng)作者一起加入您的開(kāi)源項(xiàng)目。

如何部署代碼?

下載源碼后,將文件夾置于WEB目錄下,用瀏覽器訪問(wèn)對(duì)應(yīng)的URL,支持主流web服務(wù)(如Apache,Nginx, IIS)。

這是響應(yīng)式UI嗎?對(duì)IE瀏覽器支持如何?

YLUI對(duì)各尺寸及點(diǎn)擊、觸摸操作給予了最大程度的兼容。支持IE10+及其他主流瀏覽器,更低版本IE不能保證完整的體驗(yàn)。

為什么有的網(wǎng)頁(yè)不能在子窗口打開(kāi)?

一些網(wǎng)站設(shè)置了iframe限制,還有一些網(wǎng)站監(jiān)測(cè)到iframe后會(huì)主動(dòng)發(fā)起跳出。解決方案,如果您有操作權(quán)限關(guān)閉相關(guān)限制即可。

源碼下載

取件鏈接: https://c-t.work/s/bdaf81f9e12c4d

開(kāi)源地址:https://github.com/yuri2peter/ylui

THE END