2、使用NW.js创建文件资源管理器 - 规划、设计与开发

使用NW.js创建文件资源管理器 - 规划、设计与开发

1. 选择NW.js开发文件资源管理器

在当今的HTML5桌面应用开发领域，NW.js和Electron是两个备受关注的框架。NW.js的学习曲线相对较短，对于初学者来说是一个不错的选择。我们的第一个项目是开发一个文件资源管理器，这是一种传统的经典桌面应用程序。开发这个应用只需具备基本的HTML、CSS和原生JavaScript（包括Node.js）知识，无需掌握JavaScript框架。

2. 应用蓝图

文件资源管理器是一个允许用户在文件系统中导航并对文件执行基本操作的小程序，其功能可以通过以下用户故事来描述：
- 作为用户，我可以查看当前目录的内容。
- 作为用户，我可以在文件系统中导航。
- 作为用户，我可以使用默认关联程序打开文件。
- 作为用户，我可以删除文件。
- 作为用户，我可以将文件复制到剪贴板，并在新位置粘贴。
- 作为用户，我可以使用系统文件管理器打开包含文件的文件夹。
- 作为用户，我可以关闭应用程序窗口。
- 作为用户，我可以最小化应用程序窗口。
- 作为用户，我可以最大化和恢复应用程序窗口。
- 作为用户，我可以更改应用程序语言。

为了更直观地呈现这些功能，我们可以使用线框图。线框图是应用程序的骨架框架，它描绘了应用程序内容的布局，包括UI元素和导航系统，但不包含实际的图形、排版甚至颜色。虽然可以用铅笔在纸上绘制线框图，但使用原型工具会更高效。这里推荐使用WireframeSketcher，它可以用于绘制Web、桌面和移动应用程序，并且拥有丰富的模板库，能让原型设计变得快速简单