sigoden/dufs
1
0
Fork 0
mirror of https://github.com/sigoden/dufs.git synced 2026-06-07 15:59:03 +03:00
Code Issues 66 Packages Projects Releases 10 Wiki Activity

[GH-ISSUE #680] 🚀 Dufs Web 前端实现分享 - 基于 AI 生成 | 🚀 Dufs Web Frontend Implementation - AI-Generated #5223

New Issue
Open
opened 2026-05-28 23:34:48 +03:00 by zhus · 11 comments
zhus commented 2026-05-28 23:34:48 +03:00
Owner
Copy Link
Copy Source

Originally created by @cercky on GitHub (Mar 26, 2026).
Original GitHub issue: https://github.com/sigoden/dufs/issues/680

🎉 分享：Dufs Web - 一个由 AI 生成的 Dufs 前端界面

📢 项目分享

大家好！我想和大家分享一个我最近完成的小项目：Dufs Web 🚀

项目地址：https://github.com/cercky/dufs_web

🤖 关于这个项目

说实话，我本人并不具备编程知识。这个项目完全是在 AI 的帮助下生成的。创建这个项目的初衷是：

  • 💡 为 Dufs 社区提供一个可用的前端界面参考
  • 🎯 抛砖引玉，希望能激发更多优秀的想法和改进
  • 🤝 如果有同样需求的朋友，可以直接使用或二次开发

✨ 项目特点

Dufs Web 是一个现代化的 Web 文件服务器前端界面，主要特性包括：

  • 📁 文件管理：双视图模式、智能排序、批量操作
  • 📤 文件上传：拖拽上传、断点续传、实时进度
  • 📥 文件下载：批量打包、流式下载、Token 认证
  • 📝 预览编辑：支持多种格式文件的在线预览和编辑
  • 🌍 国际化：中英文双语支持
  • 🔐 用户认证：登录/登出、权限控制

完整的功能列表请查看 README.md

⚠️ 重要说明

代码完全由 AI 生成，因此：

  • 🔒 安全性未经过专业审计，请谨慎使用
  • 🐛 可能存在未知的 bug 或问题
  • 📚 代码质量和最佳实践可能不够完善
  • 💬 欢迎提出改进建议，我会尽量处理（但不保证时效性）

使用建议：

  • 建议在内部网络或受信任环境中使用
  • 不建议直接暴露在公网环境
  • 生产环境使用前请务必进行安全审计

🎯 项目基础

  • 基于 dufs v0.45.0 版本开发
  • 遵循 MIT 开源协议
  • 纯原生 JavaScript 实现，无框架依赖

🙏 致谢

  • 感谢 dufs 项目提供的优秀后端服务
  • 感谢 AI 工具的帮助，让非程序员也能实现想法
  • 感谢所有提出宝贵建议的社区成员

🤝 欢迎贡献

虽然我不懂编程，但非常欢迎大家：

  • 💬 提出功能建议和改进意见
  • 🐛 报告发现的 bug
  • 🔧 提交 PR 改进代码
  • 📖 分享使用体验

每一个建议我都会认真考虑！

📧 联系方式

如有问题或建议，请直接在 GitHub 提 Issue，我会尽力回复。

再次感谢大家的关注！希望能对这个项目有所帮助，也期待看到更多优秀的 Dufs 前端实现！🎊

🎉 Sharing: Dufs Web - An AI-Generated Frontend for Dufs

📢 Project Sharing

Hello everyone! I'd like to share a small project I recently completed: Dufs Web 🚀

Project URL: https://github.com/cercky/dufs_web

🤖 About This Project

To be honest, I don't have programming knowledge myself. This project was entirely generated with the help of AI. The original intention behind creating this project was:

  • 💡 To provide a reference frontend interface for the Dufs community
  • 🎯 To spark ideas and inspire more excellent improvements
  • 🤝 For anyone with similar needs, you can use it directly or build upon it

✨ Project Features

Dufs Web is a modern web file server frontend interface with the following main features:

  • 📁 File Management: Dual view modes, smart sorting, bulk operations
  • 📤 File Upload: Drag & drop upload, resume support, real-time progress
  • 📥 File Download: Bulk packaging, streaming download, token authentication
  • 📝 Preview & Edit: Online preview and editing for multiple file formats
  • 🌍 Internationalization: Chinese and English bilingual support
  • 🔐 User Authentication: Login/logout, permission control

Complete feature list available in README.md

⚠️ Important Notice

Code is entirely AI-generated, therefore:

  • 🔒 Security has not been professionally audited, please use with caution
  • 🐛 There may be unknown bugs or issues
  • 📚 Code quality and best practices may not be perfect
  • 💬 Improvement suggestions are welcome, I'll try to address them (but cannot guarantee timeliness)

Usage Recommendations:

  • Recommended for use in internal networks or trusted environments
  • Not recommended for direct exposure to public internet
  • Please conduct a security audit before using in production environments

🎯 Project Foundation

  • Developed based on dufs v0.45.0
  • Follows MIT Open Source License
  • Pure vanilla JavaScript implementation, no framework dependencies

🙏 Acknowledgments

  • Thanks to dufs project for providing excellent backend services
  • Thanks to AI tools for helping non-programmers realize their ideas
  • Thanks to all community members who provided valuable suggestions

🤝 Contributions Welcome

Although I don't know programming, I warmly welcome everyone to:

  • 💬 Submit feature suggestions and improvement ideas
  • 🐛 Report discovered bugs
  • 🔧 Submit PRs to improve code
  • 📖 Share usage experiences

I will carefully consider every suggestion!

📧 Contact

If you have questions or suggestions, please open an Issue on GitHub, and I'll do my best to respond.

Thank you again for your attention! I hope this can contribute something to the project, and I look forward to seeing more excellent Dufs frontend implementations! 🎊

Originally created by @cercky on GitHub (Mar 26, 2026). Original GitHub issue: https://github.com/sigoden/dufs/issues/680 # 🎉 分享：Dufs Web - 一个由 AI 生成的 Dufs 前端界面 ## 📢 项目分享 大家好！我想和大家分享一个我最近完成的小项目：**Dufs Web** 🚀 项目地址：https://github.com/cercky/dufs_web --- ## 🤖 关于这个项目 说实话，**我本人并不具备编程知识**。这个项目完全是在 AI 的帮助下生成的。创建这个项目的初衷是： - 💡 为 Dufs 社区提供一个可用的前端界面参考 - 🎯 抛砖引玉，希望能激发更多优秀的想法和改进 - 🤝 如果有同样需求的朋友，可以直接使用或二次开发 --- ## ✨ 项目特点 Dufs Web 是一个现代化的 Web 文件服务器前端界面，主要特性包括： - 📁 **文件管理**：双视图模式、智能排序、批量操作 - 📤 **文件上传**：拖拽上传、断点续传、实时进度 - 📥 **文件下载**：批量打包、流式下载、Token 认证 - 📝 **预览编辑**：支持多种格式文件的在线预览和编辑 - 🌍 **国际化**：中英文双语支持 - 🔐 **用户认证**：登录/登出、权限控制 完整的功能列表请查看 [README.md](https://github.com/cercky/dufs_web/blob/main/README.md) --- ## ⚠️ 重要说明 **代码完全由 AI 生成**，因此： - 🔒 安全性未经过专业审计，请谨慎使用 - 🐛 可能存在未知的 bug 或问题 - 📚 代码质量和最佳实践可能不够完善 - 💬 欢迎提出改进建议，我会尽量处理（但不保证时效性） **使用建议：** - 建议在内部网络或受信任环境中使用 - 不建议直接暴露在公网环境 - 生产环境使用前请务必进行安全审计 --- ## 🎯 项目基础 - 基于 [dufs](https://github.com/sigoden/dufs) v0.45.0 版本开发 - 遵循 MIT 开源协议 - 纯原生 JavaScript 实现，无框架依赖 --- ## 🙏 致谢 - 感谢 [dufs](https://github.com/sigoden/dufs) 项目提供的优秀后端服务 - 感谢 AI 工具的帮助，让非程序员也能实现想法 - 感谢所有提出宝贵建议的社区成员 --- ## 🤝 欢迎贡献 虽然我不懂编程，但非常欢迎大家： - 💬 提出功能建议和改进意见 - 🐛 报告发现的 bug - 🔧 提交 PR 改进代码 - 📖 分享使用体验 每一个建议我都会认真考虑！ --- ## 📧 联系方式 如有问题或建议，请直接在 GitHub 提 Issue，我会尽力回复。 --- 再次感谢大家的关注！希望能对这个项目有所帮助，也期待看到更多优秀的 Dufs 前端实现！🎊 --- # 🎉 Sharing: Dufs Web - An AI-Generated Frontend for Dufs ## 📢 Project Sharing Hello everyone! I'd like to share a small project I recently completed: **Dufs Web** 🚀 Project URL: https://github.com/cercky/dufs_web --- ## 🤖 About This Project To be honest, **I don't have programming knowledge myself**. This project was entirely generated with the help of AI. The original intention behind creating this project was: - 💡 To provide a reference frontend interface for the Dufs community - 🎯 To spark ideas and inspire more excellent improvements - 🤝 For anyone with similar needs, you can use it directly or build upon it --- ## ✨ Project Features Dufs Web is a modern web file server frontend interface with the following main features: - 📁 **File Management**: Dual view modes, smart sorting, bulk operations - 📤 **File Upload**: Drag & drop upload, resume support, real-time progress - 📥 **File Download**: Bulk packaging, streaming download, token authentication - 📝 **Preview & Edit**: Online preview and editing for multiple file formats - 🌍 **Internationalization**: Chinese and English bilingual support - 🔐 **User Authentication**: Login/logout, permission control Complete feature list available in [README.md](https://github.com/cercky/dufs_web/blob/main/README.md) --- ## ⚠️ Important Notice **Code is entirely AI-generated**, therefore: - 🔒 Security has not been professionally audited, please use with caution - 🐛 There may be unknown bugs or issues - 📚 Code quality and best practices may not be perfect - 💬 Improvement suggestions are welcome, I'll try to address them (but cannot guarantee timeliness) **Usage Recommendations:** - Recommended for use in internal networks or trusted environments - Not recommended for direct exposure to public internet - Please conduct a security audit before using in production environments --- ## 🎯 Project Foundation - Developed based on [dufs](https://github.com/sigoden/dufs) v0.45.0 - Follows MIT Open Source License - Pure vanilla JavaScript implementation, no framework dependencies --- ## 🙏 Acknowledgments - Thanks to [dufs](https://github.com/sigoden/dufs) project for providing excellent backend services - Thanks to AI tools for helping non-programmers realize their ideas - Thanks to all community members who provided valuable suggestions --- ## 🤝 Contributions Welcome Although I don't know programming, I warmly welcome everyone to: - 💬 Submit feature suggestions and improvement ideas - 🐛 Report discovered bugs - 🔧 Submit PRs to improve code - 📖 Share usage experiences I will carefully consider every suggestion! --- ## 📧 Contact If you have questions or suggestions, please open an Issue on GitHub, and I'll do my best to respond. --- Thank you again for your attention! I hope this can contribute something to the project, and I look forward to seeing more excellent Dufs frontend implementations! 🎊
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@lmq8267 commented on GitHub (Mar 27, 2026):

怎么没有添加预览图片呢，想看看什么样式的，这里也有个前端https://github.com/TransparentLC/dufs-material-assets

<!-- gh-comment-id:4138914439 --> @lmq8267 commented on GitHub (Mar 27, 2026): 怎么没有添加预览图片呢，想看看什么样式的，这里也有个前端https://github.com/TransparentLC/dufs-material-assets
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@cercky commented on GitHub (Mar 27, 2026):

已经添加了几张图片。

<!-- gh-comment-id:4139326503 --> @cercky commented on GitHub (Mar 27, 2026): 已经添加了几张图片。
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@lmq8267 commented on GitHub (Mar 27, 2026):

@lhongcai 快来看啊，这里又有个好看的前端了

<!-- gh-comment-id:4139393862 --> @lmq8267 commented on GitHub (Mar 27, 2026): @lhongcai 快来看啊，这里又有个好看的前端了
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@yuf19-2022 commented on GitHub (Mar 27, 2026):

可以改后端认证逻辑吗，然后打包成exe文件

<!-- gh-comment-id:4140227950 --> @yuf19-2022 commented on GitHub (Mar 27, 2026): 可以改后端认证逻辑吗，然后打包成exe文件
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@cercky commented on GitHub (Mar 27, 2026):

认证方式是dufs默认的方案，没有做改动。
打包成exe不利于大家二次折腾，放到外部引用更加方便。也没啥影响。主要是我能力有限搞不定。

<!-- gh-comment-id:4140404722 --> @cercky commented on GitHub (Mar 27, 2026): 认证方式是dufs默认的方案，没有做改动。 打包成exe不利于大家二次折腾，放到外部引用更加方便。也没啥影响。主要是我能力有限搞不定。
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@lmq8267 commented on GitHub (Mar 27, 2026):

确实，不打包进去也方便折腾。
我这里https://github.com/lmq8267/dufs
就打包一些常用的架构 包括win7以及配置文件在线生成

<!-- gh-comment-id:4140515601 --> @lmq8267 commented on GitHub (Mar 27, 2026): 确实，不打包进去也方便折腾。 我这里https://github.com/lmq8267/dufs 就打包一些常用的架构 包括win7以及配置文件在线生成
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@lepig commented on GitHub (Apr 1, 2026):

感谢您的分享。 Starred表示支持

<!-- gh-comment-id:4167583153 --> @lepig commented on GitHub (Apr 1, 2026): 感谢您的分享。 Starred表示支持
zhus commented 2026-05-28 23:34:49 +03:00
Author
Owner
Copy Link
Copy Source

@sigoden commented on GitHub (Apr 25, 2026):

@cercky
你能参考https://github.com/TransparentLC/dufs-material-assets 为你的项目创建 Github Releases 吗？
我计划在 README.md 中为你们的 web 前端项目推广引流。

<!-- gh-comment-id:4319815675 --> @sigoden commented on GitHub (Apr 25, 2026): @cercky 你能参考https://github.com/TransparentLC/dufs-material-assets 为你的项目创建 Github Releases 吗？ 我计划在 README.md 中为你们的 web 前端项目推广引流。
zhus commented 2026-05-28 23:34:50 +03:00
Author
Owner
Copy Link
Copy Source

@cercky commented on GitHub (Apr 26, 2026):

@cercky 你能参考https://github.com/TransparentLC/dufs-material-assets 为你的项目创建 Github Releases 吗？ 我计划在 README.md 中为你们的 web 前端项目推广引流。

实际上就是简单的web端，也没啥要打包到exe的计划，大家可以随意修改使用，我也是纯AI写的代码，无所谓你们怎么折腾都行。

<!-- gh-comment-id:4321142962 --> @cercky commented on GitHub (Apr 26, 2026): > [@cercky](https://github.com/cercky) 你能参考https://github.com/TransparentLC/dufs-material-assets 为你的项目创建 Github Releases 吗？ 我计划在 README.md 中为你们的 web 前端项目推广引流。 实际上就是简单的web端，也没啥要打包到exe的计划，大家可以随意修改使用，我也是纯AI写的代码，无所谓你们怎么折腾都行。
zhus commented 2026-05-28 23:34:50 +03:00
Author
Owner
Copy Link
Copy Source

@TransparentLC commented on GitHub (Apr 27, 2026):

@cercky 你能参考https://github.com/TransparentLC/dufs-material-assets 为你的项目创建 Github Releases 吗？ 我计划在 README.md 中为你们的 web 前端项目推广引流。

实际上就是简单的web端，也没啥要打包到exe的计划，大家可以随意修改使用，我也是纯AI写的代码，无所谓你们怎么折腾都行。

如果想做的话可以参考我弄出 release 的那些文件的 Actions

https://github.com/TransparentLC/dufs-material-assets/blob/master/.github/workflows/build-embed.yml

编译部分和 dufs 本身的 Actions 是一样的，额外加了个在编译前用自定义 UI 替换 dufs 原版 UI 的步骤

弄出带有修改版 UI 的 exe 的话文件名需要保持和 https://github.com/sigoden/dufs/tree/main/assets 相同，也就是说自定义 UI 只能有 index.{css,js,html} 三个文件

<!-- gh-comment-id:4324216258 --> @TransparentLC commented on GitHub (Apr 27, 2026): > > [@cercky](https://github.com/cercky) 你能参考https://github.com/TransparentLC/dufs-material-assets 为你的项目创建 Github Releases 吗？ 我计划在 README.md 中为你们的 web 前端项目推广引流。 > > 实际上就是简单的web端，也没啥要打包到exe的计划，大家可以随意修改使用，我也是纯AI写的代码，无所谓你们怎么折腾都行。 如果想做的话可以参考我弄出 release 的那些文件的 Actions https://github.com/TransparentLC/dufs-material-assets/blob/master/.github/workflows/build-embed.yml 编译部分和 dufs 本身的 Actions 是一样的，额外加了个在编译前用自定义 UI 替换 dufs 原版 UI 的步骤 弄出带有修改版 UI 的 exe 的话文件名需要保持和 https://github.com/sigoden/dufs/tree/main/assets 相同，也就是说自定义 UI 只能有 `index.{css,js,html}` 三个文件
zhus commented 2026-05-28 23:34:50 +03:00
Author
Owner
Copy Link
Copy Source

@lmq8267 commented on GitHub (Apr 27, 2026):

我给两位大佬的前端都打包进去了，有需要的朋友可以试试lmq8267/dufs/releases
一些常见的架构，win的win7也可以运行

<!-- gh-comment-id:4326802124 --> @lmq8267 commented on GitHub (Apr 27, 2026): 我给两位大佬的前端都打包进去了，有需要的朋友可以试试[lmq8267/dufs/releases](https://github.com/lmq8267/dufs/releases) 一些常见的架构，win的win7也可以运行
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
enhancement
help wanted
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
zhus (Sergey Zhukov)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: sigoden/dufs#5223
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?