5、使用 NW.js 创建文件资源管理器：开发与功能增强

使用 NW.js 创建文件资源管理器：开发与功能增强

1. 编写视图模块

在拥有服务模块后，就可以实现消费该服务的视图模块。首先，需要在 HTML 中标记视图的边界框，示例代码如下：

<span class="titlebar__path" data-bind="path"></span>
<aside class="l.main__dir.list dir.list">
    <nav>
        <ul data-bind="dir-List"></ul>
    </nav>
</aside>
<main class="l.main__file.list file.list">
    <nav>
        <ul data-bind="file-List"></ul>
    </nav>
</main>

1.1 DirList 模块

DirList 视图的需求是渲染当前路径下的目录列表。当用户从列表中选择一个目录时，它会更改当前路径，并更新列表以匹配新位置的内容。以下是 DirList 模块的代码：

class Dir-ListViewModel {
    constructor(boundingEl, dirService) {
        this