【源码】基于Web技术的桌面小组件系统

项目简介

本项目构建了一个桌面小组件系统，桌面呈现形式有两种，既可以借助平板电脑等设备展示并放置于桌面，也能通过 Wallpaper Engine 等动态壁纸软件显示在电脑桌面。小组件类似手机挂件，但在侧重点与灵活度上存在差异，可助力用户及时便捷地获取各类信息，如时间、日期、网站未读消息数量等。

项目的主要特性和功能

1. 丰富的组件类型：涵盖基础功能组件（布局卡片、标题、导航等）和展示组件（时间日期类、图片美化类、通知数据类等），能满足多样化的信息展示需求。
2. 高自由度配置：通过 JSON 文件配置，具备多层覆盖特性，支持独立组件显示以及多组件组合成面板显示，组件可重叠以实现复杂效果。
3. 跨域服务支持：提供后端服务解决前端跨域问题，便于获取其他网站的数据。
4. 数据缓存机制：底层获取 JSON 数据有一分钟的内存缓存，避免频繁请求，同时随机添加 ±5 秒的随机偏移时间，防止请求集中。

安装使用步骤

安装

基础方式

下载项目，用任意方式开启一个 Web 服务器，将项目中的 Public 目录设置为根目录。若使用平板电脑等设备显示，打开页面后可关闭 Web 服务器，但此方式只能使用部分组件。

高级方式

1. 在电脑上安装 Node.js（Node - lts >= 16.16.0），建议安装 Git 以便后期更新。
2. 进入项目文件夹：cd Dashboard - on - desk
3. 安装必要依赖：npm install 或 yarn install（若使用 Yarn）
4. 启动：npm run start 或 yarn start（若使用 Yarn）

配置

项目有两个配置文件： - /config.json：服务配置，代理网页发出的网络请求，实现前端跨域。可参考 /config.example.json 文件进行配置。 - /Public/config.json：组件配置，包含全局默认设置、小组件默认设置和面板设置等。同样可参考对应位置的 config.example.json 文件进行修改。

使用

配置完成后，根据实际需求对组件进行个性化设置。具体配置细节可参考 使用说明。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】