第一纳斯网

[群晖] 新一代WEB桌面UI YULI WIN10 可应用于nas

2018-5-18 16:12
51414
2018-05-18更新:
完全脱离之前的样式,可视化的编辑,更美观,更多的功能。更多使用方法到qq里讨论吧!

使用环境:纯群晖3617xs+, 1.02b引导最新的DSM 6.1.6-15266 Update 1版本系统。页面都是通过框架打开的,这样就可以不用记端口、不用子域名、甚至不会占用多一个浏览器窗口...像模像样吧,挺唬人的!目前这个方案自己比较满意~


关于WEB导航首页的使用方法:
由于当地443端口还没封,所以分配了443端口给Web Station,绑定阿里云ddns,部署了ssl证书,所以访问顶级域名就是这个静态页面了。群晖里面需要设置一下才能正常,这是自己折腾比较久摸索出来的...
** 注意:使用443端口就必须使用https方式打开,框架里面也必须是https的网页才能正常打开。跨域无法访问,我也解决不了。

1. 控制面板 - 安全性   (下面4项不勾选,其他随意~)

   □ 忽略 IP 检查来加强浏览器兼容性
   □ 提高对跨网站请求伪造攻击的保护。
   □ 启动 HTTP 内容安全策略(CSP)标题以提高安全性
   □ 不允许 DSM 被 iFrame 嵌入

2. NAS安装Web Station

   环境使用:PHP7.0+Apache HTTP Server2.4,
   其中:Web Station  -  </>PHP设置  -  PHP7.0   -  编辑
   把所有的项目都勾选, 然后点确定

3. 下载源码,解压到NAS的Web根目录

   GitHub或者qq下载源码,修改成自己喜欢的样式、图标、排版风格即可。

4. 来源及下载   

   
游客,如果您要查看本帖隐藏内容请回复



5. 一大波预览图
windemo1.jpg
windemo2.jpg
windemo3.jpg
windemo4.jpg
windemo5.jpg
windemo6.jpg
windemo7.jpg
windemo8.jpg

   ■ 移动端自适应是必须的
windemo9.jpg

6. 特色


- 纯前端实现,高兼容性
- 延续windows界面操作逻辑,普通用户上手难度较低
- 简单直观的多APP管理,像桌面程序一样呈现你的web应用
- 统一的APP交互模型,保持各APP之间的独立性,降低子系统耦合度,支持跨域的APP通信
- 完美复刻桌面操作系统的菜单、磁贴、通知元素,良好的视觉表现力
- 兼容PC、平板电脑、手机等各大主流分辨率
- 可视化开发,降低开发者的学习难度
- 基于VUE.JS开发,支持数据序列化(可配置化),方便与后台做数据存取接口
- 详尽的开发文档


分享到 :
2 人收藏
重新起航,找回失去的东西!

14 个回复

倒序浏览
xjxqyklwj2  正常36.8℃ | 2018-5-19 10:06:48
11111111111111111
boy6585948  发烧38℃ | 2018-5-19 10:19:38
这个不错哦!!!
jianwjx  正常36.8℃ | 2018-5-20 07:55:01
看看漂亮不!
lcfstar  正常36.8℃ | 2018-5-21 09:09:12
xuexiyixiala
lmze2000  发烧38℃ | 2018-5-21 17:25:05
看看这个,,,
yltou  正常36.8℃ | 2018-5-22 13:47:23
。感谢分享。。
legend  正常36.8℃ | 2018-5-22 21:50:49
cloudthink  正常36.8℃ | 2018-5-23 23:26:36
谢谢分享
kelvin_wu83  正常36.8℃ | 2018-5-24 14:41:47
好像不错。。。。。。。。。。
DikLin  正常36.8℃ | 2018-5-25 10:38:37
这个好像有点意思,学习下
zhughe  正常36.8℃ | 2018-5-28 08:53:55
先看看。
pio9999  火焰骷髅 | 2018-6-2 10:00:41
这个不错哦!!!
minlee  发烧38℃ | 2018-6-15 06:49:49
看看漂亮不!
baibai  正常36.8℃ | 昨天 20:24
学习 学习
您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

QQ|Archiver|手机版|小黑屋|第一纳斯网 ( 粤ICP备16092716号-1 )

返回顶部
x

获取邀请码请关注公众号

Powered by Discuz! X3.4 © 2001-2016 Comsenz Inc.

返回顶部